Top subiecte apreciate

Optiuni experimentale
  • Foloseste AJAX in formulare ori de cate ori este posibil

Navigare rapidă

Ultimele subiecte
» [ro] Uniform IPB
Scris de Crassus Vin 20 Ian - 19:44
» Bulletin ipb theme
Scris de Ishkq Mier 18 Ian - 20:28
» Serie Tutoriale CSS
Scris de Hachiy Dum 15 Ian - 16:59
Cuvinte-cheie

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

Simple Black

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
Vizitator
Re: Simple Black la data de Sam 22 Sept - 10:42

Effectul hover de la meniu arata foarte bine!
Bravo!
Vizitato
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.
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