Š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!