Top subiecte apreciate

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

Navigare rapidă

Ultimele subiecte
» Legenda s-a intors XD
Scris de EDGE Sam 24 Sept - 20:42
» salut
Scris de Andrei34 Dum 18 Sept - 18:53
» Salut
Scris de Andrei34 Dum 18 Sept - 18:52
» Wireless ipb theme [punBB]
Scris de cristii571 Lun 12 Sept - 14:34
Cuvinte-cheie

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

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