Pārslēdzējs -
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>
Un šis starp
Code
<link rel="stylesheet" type="text/css" href="http://cs-im-v2.ucoz.lv/css/screen.css" title="default" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="http://cs-im-v2.ucoz.lv/css/screen2.css" title="screen2" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="http://cs-im-v2.ucoz.lv/css/screen3.css" title="screen3" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="http://cs-im-v2.ucoz.lv/css/screen4.css" title="screen4" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="http://cs-im-v2.ucoz.lv/css/screen5.css" title="screen5" media="screen" />
Tālāk cerams jau pats saproti, ka vajag nomainīt linkus utt.
Un jā, rekur arī CSS kods, kas kalpo kā "pogas"
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;}
Ceru ka sapratiisi, jo principā pašu kodu es tev te ievietoju, tagad tikai visas bildes, CSS, utt ir tavās rokās.