• Lappuse 1 no 1
  • 1
Forums » uCoz sistēma » Vizuālie skripti » Skaista izvēlne lapas kreisajā malā...
Skaista izvēlne lapas kreisajā malā...
Spanky
Datums: Svētdiena, 29.04.2012, 14:17 | Ziņa # 1
Grupa: Administrators
Foruma posti: 543
Reputācija: 88
Dodamies uz Top Part Of The Website, kur ievietojam kodu:
Code

<div id="main">   
   <ul id="navigationMenu">   
   <li>   
   <a class="m_home " href="$HOME_PAGE_LINK$"><span>Sākumlapa</span></a>   
   </li>   
     
   <li>   
   <a class="m_gost" href="/gb"><span>Viesene</span></a>   
   </li>   
     
   <li>   
   <a class="m_forum" href="/forum"><span>Forums</span></a>   
   </li>   
     
   <li>   
   <a class="m_pochta" href="/index/0-3"><span>Kontakti</span></a>   
   </li>   
     
   <?if($USER_LOGGED_IN$)?>   
   <li>   
   <a class="m_vixod" href="$LOGOUT_LINK$"><span>Iziet</span></a>   
   </li>   
   <?else?>   
   <li>   
   <a class="m_vxod" href="$LOGIN_LINK$"><span>Ienākt</span></a>   
   </li>   
   <?endif?>   

   </ul>   
   </div>   
   <!-- /uCoz-Skript.do.am -->


Iekš CSS ievietojam šo kodu:
Code
#main{   
   position:fixed;   
   top: 150px;   
   left: 0px;   
   padding:0;   
   }   

   #main ul{   
   padding:0;   
   }   

   #navigationMenu li{   
   list-style:none;   
   height:35px;   
   width:35px;   
   }   

   #navigationMenu span{   
   position:absolute;   
   overflow:hidden;   
   width:0;   
   left:35px;   
   padding:0;   
   font:12px Verdana,Arial,Helvetica,sans-serif;   
   font-weight:bold;   
   line-height:35px;   
   white-space:nowrap;   
   -webkit-transition: 0.25s;   
   -moz-transition: 0.25s;   
   transition: 0.25s;   
   }   

   #navigationMenu a{   
   display:block;   
   position:relative;   
   background:url(http://ucoz-script.do.am/skripti/navigation_1.png) no-repeat;   
   height:35px;   
   width:35px;   
   }   

   #navigationMenu a:hover span{   
   overflow:hidden;   
   text-align:center;   
   width:110px;   
   padding:0px 10px;   
   }   

   #navigationMenu a:hover{   
   text-decoration:none;   
   }   

   #navigationMenu .m_home {background-position:0 0;}   
   #navigationMenu .m_home :hover {background-position:0 -35px;}   
   #navigationMenu .m_home span{   
   background:#7da315;   
   color:#3d4f0c;   
   text-shadow:1px 1px 0 #99bf31;   
   }   

   #navigationMenu .m_gost {background-position:-35px 0;}   
   #navigationMenu .m_gost:hover {background-position:-35px -35px;}   
   #navigationMenu .m_gost span{   
   background:#1e8bb4;   
   color:#223a44;   
   text-shadow:1px 1px 0 #44a8d0;   
   }   

   #navigationMenu .m_forum {background-position:-70px 0;}   
   #navigationMenu .m_forum:hover {background-position:-70px -35px;}   
   #navigationMenu .m_forum span{   
   background:#c86c1f;   
   color:#5a3517;   
   text-shadow:1px 1px 0 #d28344;   
   }   

   #navigationMenu .m_pochta { background-position:-105px 0;}   
   #navigationMenu .m_pochta:hover{ background-position:-105px -35px;}   
   #navigationMenu .m_pochta span{   
   background-color:#d0a525;   
   color:#604e18;   
   text-shadow:1px 1px 0 #d8b54b;   
   }   

   #navigationMenu .m_vxod { background-position:-140px 0;}   
   #navigationMenu .m_vxod:hover { background-position:-140px -35px;}   
   #navigationMenu .m_vxod span{   
   background-color:#af1e83;   
   color:#460f35;   
   text-shadow:1px 1px 0 #d244a6;   
   }   

   #navigationMenu .m_vixod { background-position:-175px 0;}   
   #navigationMenu .m_vixod:hover { background-position:-175px -35px;}   
   #navigationMenu .m_vixod span{   
   background-color:#27ddbf;   
   color:#097863;   
   text-shadow:1px 1px 0 #87ffe7;   
   }


Iznākumā:http://www.bildites.lv/images/62dhowh5c9zpsg3m9q5.png

HHRonis
Datums: Svētdiena, 27.05.2012, 18:53 | Ziņa # 2
Grupa: Lietotājs
Foruma posti: 9
Reputācija: 1
Bilde neiet !
Spanky
Datums: Svētdiena, 27.05.2012, 19:47 | Ziņa # 3
Grupa: Administrators
Foruma posti: 543
Reputācija: 88
Quote (HHRonis)
Bilde neiet

Iezīmē linku un iekopē lauciņā... tad ies... Neēsmu vainīgs, ka uCoz gļuko...

ArseenS
Datums: Ceturtdiena, 14.06.2012, 10:38 | Ziņa # 4
Grupa: Lietotājs
Foruma posti: 34
Reputācija: 5
man piemeram visi sie scripti darbojas! vienigi nedarbojas ja nepareizi ieliku!
Spanky
Datums: Ceturtdiena, 14.06.2012, 11:05 | Ziņa # 5
Grupa: Administrators
Foruma posti: 543
Reputācija: 88
Quote (zvinuks)
man piemeram visi sie scripti darbojas! vienigi nedarbojas ja nepareizi ieliku!

Skripti jau strādā!!! Vienkārši ātrāk bildites.lv bija nokāries, tāpēc daudzi skreeni nestrādāja! wink

ArseenS
Datums: Ceturtdiena, 14.06.2012, 12:46 | Ziņa # 6
Grupa: Lietotājs
Foruma posti: 34
Reputācija: 5
Quote (SMILE)
Skripti jau strādā!!! Vienkārši ātrāk bildites.lv bija nokāries, tāpēc daudzi skreeni nestrādāja!


ta jau dazreiz notiek!

KitKat
Datums: Ceturtdiena, 14.06.2012, 15:17 | Ziņa # 7
Grupa: Lietotājs
Foruma posti: 4
Reputācija: 0
Viss stradaa, vis okey
DanielC
Datums: Ceturtdiena, 14.06.2012, 18:14 | Ziņa # 8
Grupa: Lietotājs
Foruma posti: 22
Reputācija: 0
KitKat, ka savadak! ;D
Forums » uCoz sistēma » Vizuālie skripti » Skaista izvēlne lapas kreisajā malā...
  • Lappuse 1 no 1
  • 1
Meklēšana: