[ Jaunas vēstules · Dalībnieki · Foruma noteikumi · Meklēšana · RSS ]
  • Lappuse 1 no 1
  • 1
Forums » Ucoz » Skripti » Dizaina pārslēdzējs
Dizaina pārslēdzējs
More Date: Svētdiena, 2012-01-22, 5:16 PM | Message # 1
Messages: 12
Reproofs:
Respect
[ ]
Offline
Šo liekat kur vēlaties redzēt Pogas
Code
<ul id="switcher">  
   <li><a href="#default" class="screen1">1</a></li>  
   <li><a href="#screen2" class="screen2">2</a></li>  
   <li><a href="#screen3" class="screen3">3</a></li>  
   <li><a href="#screen4" class="screen4">4</a></li>  
   <li><a href="#screen5" class="screen5">5</a></li>  
   </ul>


Šo liekam iekš Top part of the website
Code
<link rel="stylesheet" type="text/css" href="Pirmais links uz CSS" title="default" media="screen" />  
<link rel="alternate stylesheet" type="text/css" href="Otrais links uz CSS" title="screen2" media="screen" />  
<link rel="alternate stylesheet" type="text/css" href="Trešais links uz CSS" title="screen3" media="screen" />  
<link rel="alternate stylesheet" type="text/css" href="Ceturtais links uz CSS" title="screen4" media="screen" />  
<link rel="alternate stylesheet" type="text/css" href="Piektais links uz CSS" title="screen5" media="screen" />


Un šo liekam iekš sava galvenā CSS faila
Code
#switcher {padding:0;margin:0;list-style:none;float:right;}  
#switcher li {float:left; padding:0 0 0 5px;}  
#switcher li a {display:block;width:12px;height:12px;margin:2px 0 0 0;text-indent:-10000px;background:url('/images/sidetitle.png');}  
#switcher li a.screen2 {background:url('/images/violet/sidetitle.png');}  
#switcher li a.screen3 {background:url('/images/blue/sidetitle.png');}  
#switcher li a.screen4 {background:url('/images/gray/sidetitle.png');}  
#switcher li a.screen5 {background:url('/images/brown/sidetitle.png');}  
#switcher li a.on {width:16px;height:16px;margin:0;}


Apmēram šitā var ielikt dizainu pārslēdzēju!
Forums » Ucoz » Skripti » Dizaina pārslēdzējs
  • Lappuse 1 no 1
  • 1
Meklēšana: