fraNNNta-Design
Bine a-ti venit pe fraNNNta-Design

avatar
Rank: Membru
Respect : 100%
Mesaje : 109
Inscris : 03/08/2013
Vezi profilul utilizatorului

biggri Cerere header.

la data de Vin Iul 03, 2015 12:54 pm
Cum am spus si in acel pm as dori sa pun header-ul dumneavoastra aici.
avatar
Rank: fondator
Respect : 100%
Mesaje : 4009
Inscris : 18/06/2011
Vezi profilul utilizatoruluihttp://www.frannnta-design.com

biggri Re: Cerere header.

la data de Vin Iul 03, 2015 1:00 pm
In template-ul dumneavoastra cautati acest cod.
Cod:
 <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 />&nbsp; </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>

Si il inlocuiti cu acesta.

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>
                    

Salvati si publicati template-ul.
Acum in css adaugam:
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;
}




Ultima editare efectuata de catre mr.franta in Vin Iul 03, 2015 1:43 pm, editata de 1 ori
avatar
Rank: Membru
Respect : 100%
Mesaje : 109
Inscris : 03/08/2013
Vezi profilul utilizatorului

biggri Re: Cerere header.

la data de Vin Iul 03, 2015 1:04 pm
Nu este bun: http://teste-gb.forumer.ro/
avatar
Rank: fondator
Respect : 100%
Mesaje : 4009
Inscris : 18/06/2011
Vezi profilul utilizatoruluihttp://www.frannnta-design.com

biggri Re: Cerere header.

la data de Vin Iul 03, 2015 1:08 pm
Cauta acest cod in css

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;

}
si adauga font-size: 12px!important; la sfarsit
avatar
Rank: Membru
Respect : 100%
Mesaje : 109
Inscris : 03/08/2013
Vezi profilul utilizatorului

biggri Re: Cerere header.

la data de Vin Iul 03, 2015 1:14 pm
A mers, dar s-ar putea sa il lipesc de meniul de navigare?
avatar
Rank: fondator
Respect : 100%
Mesaje : 4009
Inscris : 18/06/2011
Vezi profilul utilizatoruluihttp://www.frannnta-design.com

biggri Re: Cerere header.

la data de Vin Iul 03, 2015 1:18 pm
sterge din overal_header aceasta umbra
Cod:
          <center> <img src="http://i42.servimg.com/u/f42/14/12/03/12/129.png" width="98%"></img></center>
avatar
Rank: Membru
Respect : 100%
Mesaje : 109
Inscris : 03/08/2013
Vezi profilul utilizatorului

biggri Re: Cerere header.

la data de Vin Iul 03, 2015 1:19 pm
Multumesc.
avatar
Rank: fondator
Respect : 100%
Mesaje : 4009
Inscris : 18/06/2011
Vezi profilul utilizatoruluihttp://www.frannnta-design.com

biggri Re: Cerere header.

la data de Vin Iul 03, 2015 1:43 pm
Cu placere,ma bucur ca te-am rezolvat asa repede.
Continut sponsorizat

biggri Re: Cerere header.

Sus