Administrator
Joined : 29/09/2011 Posts : 1228 CS Status : - Age : 27
| Subiect: Pagina de start simpla alba Mar Noi 11, 2014 6:07 am |
|
| Nume pagina: Pagina de start simpla alba Autor: Mr. Sankez Previzualizare: [Trebuie sa fiti inscris si conectat pentru a vedea acest link]Instalare/descarcare: - Cod:
-
<title>Titlu pagina</title> <style>
body { margin: 0px; padding: 0px; background: #F3F3F3;}
a { color: #63A2E7; text-decoration: none;}
a:hover { color: #46A7E2;}
.header { background: #FFF; border-bottom: 1px solid #DDD; min-height: 100px;}
.footer { font: 12px Arial; color: grey; position: absolute; bottom: 0px; width: 100%; background: #FFF; border-top: 1px solid #DDD; min-height: 100px;}
.fcontent { margin-top: 8px; margin-left: 7px;}
a.logo { margin-left: 10px; font: 72px Arial; color: #F3F3F3; text-shadow: 1px 2px 1px #DCDCDC;}
.container { font: 12px Arial; padding: 10px; color: grey; width: 900px; background: #FFF; margin: 20px auto; border: 1px solid #DDD;}
.container a { background: #F3F3F3; color: #63A2E7; border: 1px solid #DDD; padding: 3px;}
.menu { font: 12px Arial; float: right; margin-right: 20px; margin-top: -20px;}
.menu a { padding: 4px 14px;}
.menu a:hover { padding: 3px 13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #F3F3F3; border: 1px solid #DDD;}
.meniu-lateral { font: 12px Arial; float: left; margin-left: 40px; margin-top: 33px;}
.meniu-lateral a { background: #FFF; color: #63A2E7; border: 1px solid #DDD; padding: 3px;}
.meniu-lateral2 { font: 12px Arial; float: right; margin-right: 40px; margin-top: 33px;}
.meniu-lateral2 a { background: #FFF; color: #63A2E7; border: 1px solid #DDD; padding: 3px;}
.meniu-jos { font: 12px Arial; text-align: center; margin-top: 23px;}
.meniu-jos a { background: #FFF; color: #63A2E7; border: 1px solid #DDD; padding: 3px;}
</style> <div class="header"><br /><a href="#" class="logo">LOGO TEXT</a><br /><br /> </div> <div class="menu"><a href="/portal">Portal</a><a href="/forum">Forum</a><a href="/faq">Faq</a><a href="/memberlist">Lista utilizatori</a><a href="#">Link</a><a href="#">Link</a> </div> <div class="meniu-lateral"><a href="#">Link 1</a><br /><br /><a href="#">Link 2</a><br /><br /><a href="#">Link 3</a><br /><br /><a href="#">Link 4</a><br /><br /><a href="#">Link 5</a><br /><br /><a href="#">Link 6</a><br /><br /><a href="#">Link 7</a> </div> <div class="meniu-lateral2"><a href="#">Link A</a><br /><br /><a href="#">Link B</a><br /><br /><a href="#">Link C</a><br /><br /><a href="#">Link D</a><br /><br /><a href="#">Link E</a><br /><br /><a href="#">Link F</a><br /><br /><a href="#">Link G</a> </div> <div class="container"> <h1> Textul tau aici </h1> <h2> Textul tau aici </h2> <h3> Textul tau aici </h3> <h4> Textul tau aici </h4> <h5> Textul tau aici </h5> Exemplu link: <a href="#">Text aici.</a> </div> <div class="meniu-jos"><a href="#">Link 8</a><a href="#">Link 9</a><a href="#">Link 10</a><a href="#">Link 11</a><a href="#">Link 12</a><a href="#">Link 13</a><a href="#">Link 14</a><a href="#">Link 15</a><a href="#">Link 16</a><a href="#">Link 17</a><a href="#">Link 18</a><a href="#">Link 19</a><a href="#">Link 20</a><a href="#">Link 21</a><a href="#">Link 22</a><a href="#">Link 23</a><a href="#">Link 24</a><a href="#">Link 25</a><a href="#">Link 26</a> </div> <div class="footer"> <div class="fcontent"> Design creeat si codat de BogdyMc <br />Data postarii: Sambata 4 Ianuarie 2014.<br />Link-uri utile: <a href="#">Regulament</a> / <a href="#">Echipa</a> / <a href="#">Blog</a> </div> </div> |
|