Cum am spus si in acel pm as dori sa pun header-ul dumneavoastra aici.
Cerere header.Vin Iul 03, 2015 12:54 pmRe: Cerere header.Vin Iul 03, 2015 1:00 pmCod:
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<!-- BEGIN switch_logo_left -->
<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
<!-- END switch_logo_left -->
<td align="center" width="100%" valign="middle">
<!-- BEGIN switch_logo_center -->
<a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
<br />
<!-- END switch_logo_center -->
<div class="maintitle">{MAIN_SITENAME}</div>
<br />
<span class="gen">{SITE_DESCRIPTION}<br /> </span>
</td>
<!-- BEGIN switch_logo_right -->
<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
<!-- END switch_logo_right -->
</tr>
</table>
Cod:
<table class="pun-intro" width="100%" cellspacing="0" cellpadding="0" border="0">
<td width="1%"><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
</td>
<td width="700px" align="right">
<div class="ultra_menu">
<li>
<fd>Prezentare membri!</fd>
<a href="/f1-prezentati-va"> <span class="prezentare"></span></a>
<strong>Posteaza aici!</strong>
</li>
<li>
<fd>Lista temelor</fd><br />
<a href="/f5-teme-forumgratuit"> <span class="teme"></span><br /></a>
<strong>Cele mai noi teme</strong>
</li>
<li>
<fd>Parteneriat!</fd> <br />
<a href="/f69-cerere-parteneriat"> <span class="parteneri"></span> <br /> </a>
<strong>Aliaza-te cu noi!</strong>
</li>
<li>
<fd>Ajutor!Cum fac asta?</fd><br />
<a href="/f42-suport-coding"> <span class="suport"></span><br /></a>
<strong>Oferim suport gratuit!</strong>
</li>
</div>
</td>
</table>
<center> <img src="http://i42.servimg.com/u/f42/14/12/03/12/129.png" width="98%"></img></center>
Cod:
div.ultra_menu li{
text-align: center;
list-type: none;
list-style: none;
display: inline-block;
height: 150px;
min-height: 150px;
width: 150px;
}
.ultra_menu li span{
background-repeat: no-repeat;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
display: block;
text-align: center;
float: left;
width: 150px;
height: 90px;
}
.ultra_menu li span:hover{
background-position: 0px 80;
}
.ultra_menu li:hover{
display: inline-block;
width: 150px;
color: orange;
text-decoration: none!important;
background-image: url(http://i42.servimg.com/u/f42/14/12/03/12/untitl20.png);
}
.ultra_menu li strong{
text-align: center;
background: #333;
position: relative;
display: inline-block;
width: 150px;
line-height: 28px;
font-size: 12px;
color: #333;
border-top: 1px solid #222;
border-bottom: 2px solid #FB4D02;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
margin-left: auto;
margin-right: auto;
background: url(http://i39.servimg.com/u/f39/14/12/03/12/crumbs12.png);
background-repeat: repeat-x;
background-color: #fff;
background-image: url(http://i38.servimg.com/u/f38/14/12/03/12/jos310.png);
background-repeat: repeat-x;;
background-position: 0px 1px;
bottom: 1px;
font-weight: 400;
}
.ultra_menu li:hover strong{
color: #fff;
background-image: url(http://i38.servimg.com/u/f38/14/12/03/12/jos310.png);
background-repeat: no-repeat;
background-position: 0px -37px;
}
.ultra_menu li fd{
display: inline-block;
width: 150px;
line-height: 30px;
background: url('http://i55.servimg.com/u/f55/14/12/03/12/th310.png') repeat-x scroll 0% 0% transparent;
color: #fff;
border-bottom: 1px solid #000!important;
background: url(http://i38.servimg.com/u/f38/14/12/03/12/bluegr10.png) repeat-x scroll 0% 0% transparent;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
background-position: 0px -41px;
}
.ultra_menu li:hover fd{
background: url(http://i38.servimg.com/u/f38/14/12/03/12/bluegr10.png) repeat-x scroll 0% 0% transparent;
background-repeat: repeat-x;
background-color: #ddd;
color: #fff;
background-position: 0px -4px;
}
.ultra_menu li{
background-image: url(http://i55.servimg.com/u/f55/14/12/03/12/bg11.png)!important;
background-repeat: repeat-x!important;
background-color: #fff!important;
margin-bottom: 2px;
box-shadow: 0px 0px 1px #fff inset;
}
span.prezentare{
background-position: 0px 0px;
background-image: url(http://i38.servimg.com/u/f38/14/12/03/12/prezen12.png);
background-repeat: no-repeat;
}
span.prezentare:hover{
background-image: url(http://i38.servimg.com/u/f38/14/12/03/12/prezen12.png);
background-repeat: no-repeat;
background-position: 0px -90px!important;
}
span.teme{
background-image: url(http://i38.servimg.com/u/f38/14/12/03/12/theme10.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
span.teme:hover{
background-image: url(http://i38.servimg.com/u/f38/14/12/03/12/theme10.png);
background-repeat: no-repeat;
background-position: 0px -90!important;
}
span.parteneri{
background-image: url(http://i38.servimg.com/u/f38/14/12/03/12/parten11.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
span.parteneri:hover{
background-image: url(http://i38.servimg.com/u/f38/14/12/03/12/parten11.png);
background-repeat: no-repeat;
background-position: 0px -90!important;
}
span.suport{
background-image: url(http://i38.servimg.com/u/f38/14/12/03/12/suport10.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
span.suport:hover{
background-image: url(http://i38.servimg.com/u/f38/14/12/03/12/suport10.png);
background-repeat: no-repeat;
background-position: 0px -90!important;
}
table.pun-intro{
background: url(http://i38.servimg.com/u/f38/14/12/03/12/header10.png);
background-repeat: repeat-x;
width: 100%!important;
}
Cod:
.ultra_menu li fd{
display: inline-block;
width: 150px;
line-height: 30px;
background: url('http://i55.servimg.com/u/f55/14/12/03/12/th310.png') repeat-x scroll 0% 0% transparent;
color: #fff;
border-bottom: 1px solid #000!important;
background: url(http://i38.servimg.com/u/f38/14/12/03/12/bluegr10.png) repeat-x scroll 0% 0% transparent;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
background-position: 0px -41px;
}
Cod:
<center> <img src="http://i42.servimg.com/u/f42/14/12/03/12/129.png" width="98%"></img></center>Re: Cerere header.Vin Iul 03, 2015 1:19 pm
Re: Cerere header.Vin Iul 03, 2015 1:43 pmRe: Cerere header.