Navigare rapidă

Ultimele subiecte
» Cum sa repari un CD sau DVD "Idiot"
Scris de drax Mier 3 Mai - 10:05
» No Avatars
Scris de MihaiExtremTutorials Vin 28 Apr - 23:17
» Set complet de iconuri
Scris de drax Vin 28 Apr - 11:25
» Butoane Subiecte Multicolor
Scris de drax Vin 28 Apr - 11:23
Cuvinte-cheie

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

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