Navigare rapidă

Ultimele subiecte
» Prezentare Cristian
Scris de cristiankiss Mar 20 Iun - 8:12
» Prezentare Petronel YT
Scris de Cătălin. Vin 16 Iun - 1:45
» [punbb] eteral-game v2
Scris de Petronel™ Joi 8 Iun - 18:20
» Tema InvizionVirus
Scris de Petronel™ Joi 8 Iun - 18:19
» [punbb] xretrogradatii theme 2016
Scris de Petronel™ Joi 8 Iun - 18:17
Cuvinte-cheie

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

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 http://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