» 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

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 : 7906
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 : 2063
Data inscrierei Data inscrierei : 04/11/2012
Like : 0

http://pglro.forumhit.ro/forum

Sus In jos

Sus

- Subiecte similare

 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum