» Bun venit, Vizitator, pe Advance-Tutorials, sperăm ca-ți place acest forum care iți pune la dispoziție o gama largă de tutoriale și resurse pentru webdesign și Forumgratuit.
» Sperăm că vei binevoi să-ți faci cont pe forum pentru a avea aces la toate subiectele forumui.
Numai bine, echipa !
Navigare Rapida
Cei mai activi postatori ai lunii

Ultimele subiecte
» GREEN LANENICU
Lun Mai 16, 2016 6:45 am Scris de Forward

» TEMA GAMING EVOSTRIKE
Lun Mai 16, 2016 6:41 am Scris de Forward

» Orange Board
Lun Mai 16, 2016 6:38 am Scris de Forward

» DreamZone CS 1.6
Lun Mai 16, 2016 6:38 am Scris de Forward

» 1thank
Lun Mai 16, 2016 6:37 am Scris de Forward

» Name Up Avatar (phpBB3)
Vin Apr 26, 2013 6:15 am Scris de Cel mia mare plagiator

» (pHpBB3) Adaugare clasa rang
Vin Apr 26, 2013 6:11 am Scris de Cel mia mare plagiator

» (pHpBB3) Cine e on + Statistici !
Vin Apr 26, 2013 6:07 am Scris de Cel mia mare plagiator

»  [Concurs]Cel mai frumos logo pentru Advance-Tutorials
Lun Apr 01, 2013 4:02 am Scris de TroJaNu4U

jggfvh
Banner Doar la 1euro



Meniu plutitor

Vezi subiectul anterior Vezi subiectul urmator In jos

Meniu plutitor

Mesaj Scris de TroJaNu4U la data de Lun Oct 15, 2012 5:09 am

Descriere:
Un super meniu "plutitor" ce va usureaza navigarea pe site-ul dvs.!

Demonstratie:
Puteti gasi o demonstratie aici.

Instalare:

1.CSS
Adaugati codul urmator in CSS
Cod:
/*--Copyright©FG-coding--*/
#menu {
position: fixed;
bottom: 5px;
left: 1px;}

.header_menu {
background: url(http://i33.servimg.com/u/f33/14/63/88/66/menusu11.png) no-repeat;
font-family: Verdana;
font-size: 30px;
color: white;
text-align: center;
padding-top: 8px;}

.body_menu {
background: url(http://i33.servimg.com/u/f33/14/63/88/66/menupl10.png) repeat-y;}

.footer_menu {
background: url(http://i33.servimg.com/u/f33/14/63/88/66/menujo10.png);
font-size: 11px;
color: white;
padding-bottom: 5px;
text-align: center;}

ul.link {
list-style: none;
text-align: center;
padding: 0px;
margin: 0px;}

ul.link li {
padding: 2px 2px;}

ul.link li a {
font-size: 16px;
text-align: center;
font-family: Verdana;
color: black;
font-weight:bold;
text-decoration: none;}

ul.link li a:hover {
border: 1px solid grey;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
box-shadow: 0px 0px 4px black;
-moz-box-shadow: 0px 0px 4px black;
-webkit-box-shadow: 0px 0px 4px black;
padding: 1px;
text-decoration: none !important;
color: #696565;}

ul.link li a:active {
border: 1px solid grey;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
box-shadow: 0px 0px 4px black;
-moz-box-shadow: 0px 0px 4px black;
-webkit-box-shadow: 0px 0px 4px black;
padding: 1px;
color: white;
text-shadow: 0px 0px 2px black;}

2.HTML
Adaugati codul de mai jos in template-ul site-ului dvs., dupa </body>:
Cod:
<!--Copyright©NetCustoms-->
<table id="menu" border="0" width="165" cellspacing="0" cellpadding="0">
  <tr>
    <td class="header_menu">Meniu</td>
  </tr>
  <tr>
    <td class="body_menu">
      <ul class="link">
              <li><a href="#">LINK</a></li>
              <li><a href="#">LINK</a></li>
              <li><a href="#">LINK</a></li>
              <li><a href="#">LINK</a></li>
      </ul>
      </div>
</td>
  </tr>
<tr>
<td class="footer_menu">©FG-coding.net</td>
</tr>
</table>


Tutorial & meniu creat de Kozmyn
Toate drepturile rezevate!
avatar
TroJaNu4U
Administratori
Administratori

Mesaje Mesaje : 1306
Bani Bani : 7745
Data inscrierei Data inscrierei : 11/06/2011
Like : 14

http://advance-tutorials.forumz.ro

Sus In jos

Html

Mesaj Scris de Love is in the air ! la data de Dum Noi 04, 2012 11:10 am

folositor script
avatar
Love is in the air !
Moderatori
Moderatori

Mesaje Mesaje : 13
Bani Bani : 1902
Data inscrierei Data inscrierei : 04/11/2012
Like : 0

http://pglro.forumhit.ro/forum

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum