Navigare rapidă

Ultimele subiecte
» Generator coduri html pentru culori
Scris de Tibi16 Mier 19 Apr - 16:04
» Bine v-am gasit !
Scris de Joker#King Mier 12 Apr - 12:50
» Summer v1.1 theme
Scris de MihaiExtremTutorials Mier 5 Apr - 2:44
Cuvinte-cheie

punbb  Bara  cautare  menu  chenar  banner  pentru  html  animate  drop  phpBB2  radio  meniu  navigare  avatar  legenda  tema  Metin2  reclama  Statistici  ultimele  Mesaje  subforumuri  profil  edit  tutorial  

Simple Black

avatar
Membru dedicat
Mesaje : 827
Localizare : in spatele tau
Sex : masculin
0 avertismente
Vezi profilul utilizatorului http://frannnta-design.online-talk.net/forum
Simple Black la data de Sam 22 Sept - 10:04

Demonstratie: Click aici
Design creeat si codat de Sabin ;x
Culori predominante: negru

Setari:

Doriti sa utilizati partea de sus si de jos a paginii forumului dvs.? NU
Utilizati aceasta pagina ca pagina de start? DA

Cod template:





Cod:
<div class="meniul"><a href="#">link</a><a href="#">link</a><a href="#">link</a><a href="#">link</a><a href="#">link</a><a href="#">link</a></div>

<div class="wrap">
<iframe width="790" height="500" src="http://www.youtube.com/embed/b_mYr0N9RmA?rel=0" frameborder="0" allowfullscreen></iframe></div>
<!-- TABEL PRINCIPAL --><table class="font_la_tabel" align="center" cellspacing=0 cellpadding=0>
<tr><td style="background:url(http://i16.servimg.com/u/f16/11/96/49/61/thead10.png) center no-repeat; width:718px; height:23px;"></td></tr>
<tr><td style="background:url(http://i16.servimg.com/u/f16/11/96/49/61/tbody10.png) center repeat-y; width:718px; margin-right: 30px; padding-left: 30px;">

<div class="logo"><img src="http://cdn3.iconfinder.com/data/icons/diagram/48x48/diagram-05.png"</img>
<div class=" regulament">
CONTINUT<br>CONTINUT<br>CONTINUT<br>CONTINUT<br>CONTINUT<br>CONTINUT<br>CONTINUT<br></div>

</td></tr>
<tr><td style="background:url(http://i16.servimg.com/u/f16/11/96/49/61/tfoot10.png) center no-repeat;width:718px; height:23px;"></td></tr>
</table><!-- SFARSIT TABEL PRINCIPAL -->

<style>
body {
  background:#000 url(http://i43.servimg.com/u/f43/14/73/12/96/bodyba10.png);
  background-color: #282828;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  color: #848484;
  font-size: 10px;
  height: auto;
  padding: 10px 0px;
}


.wrap {
    background:#2b2b2b url(http://i43.servimg.com/u/f43/14/73/12/96/stripe10.png);
    margin-top: 60px ;
margin-left: 90px;
margin-right: 100px;
    padding: 5px;
    max-width: 1400px;
    width: 970px auto;
    width: 85% auto;
height: 500px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
margin-bottom: 100px;
    border-radius:4px;
    border: 1px solid #363636;
    box-shadow: 0 0 8px black;
}


.meniul{margin-top: -20px; margin-left: 100px;}

.meniul a{

color: white;
background: url(http://i16.servimg.com/u/f16/11/96/49/61/button11.png) no-repeat center;
text-align: center;
margin-right: 0px;
font-family: Haettenschweiler;
font-size: 16px;
padding-right:50px;
padding-left:50px;
padding-bottom:16px;}

.meniul a:hover{
color: #99bfd2;
background: url(http://i16.servimg.com/u/f16/11/96/49/61/bhover10.png) no-repeat center;}

.font_la_tabel{
margin-top: -100px;
margin-left: 90px;}

.logo {

float: left;
position: relative;
top: 0px;
left: 10px;
  weight: 55px;
font-size:12px;
color: white;
  }

.regulament{
font-size: 12px;
color: white;
margin-left: 70px;
margin-top: -50px;
</style>






Sabin ;x este online 24/24 cateodata si noaptea
Vizitato
avatar
Vizitator
Re: Simple Black la data de Sam 22 Sept - 10:42

Effectul hover de la meniu arata foarte bine!
Bravo!
Vizitato
avatar
Vizitator
Re: Simple Black la data de Sam 22 Sept - 12:36

In loc de continut si link puteai pune niste texte, ar fi aratat mai bine.
avatar
Membru veteran
Membru veteran
Mesaje : 1173
Localizare : România
Sex : masculin
0 avertismente
Vezi profilul utilizatorului https://www.extrem-tutorials.com
Re: Simple Black la data de Joi 27 Sept - 19:14

Arata foarte bine effectul hover de la meniu,felicitari!

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum