Přepínání obrázků pomocí jQuery

HTML kód

<table><tr>
<td class="fader">
    <img src="obrazek1.png" />
    <a href=""><obrazek2.png" /></a>
</td>
</tr></table>

CSS styly

.fader  {
        line-height:0px;
}

.fader  img:last-child {
    margin-top: -186px; /* posun podle velikosti obrázku */
    display: none;
}


jQuery

<script>
jQuery().ready (function(){

jQuery('.fader').hover(function() {
    jQuery(this).find('img:last').fadeToggle(200);
 });

});
</script>

Zdroje
jQuery Hover image change animation

Změna šířky tématu Responsive ve Wordpressu

Za vše může tento kontejner. Původně zde je 960px, tuto hodnotu můžete libovolně zvýšit..

#container {
    margin:0 auto;
    max-width:1024px;
    padding:0px 25px;
}

CSS - jak skrýt horizontální posuvník

Horizontální posuvník skryjete pomocí

body{

overflow-x: hidden;

}

Jak na automatické číslování pomocí CSS stylů

Automatické číslování nadpisů se pomocí CSS stylů zapne v jazyce HTML např. takto.

Nejdřív je nutné číselník resetovat (typicky při načtení stránky)

  body {
    counter-reset: section;
  }

Dál se musí nastavit v jakém okamžiku se má číselník zvyšovat (např. při výskytu značky h3)

  h3{
        counter-increment: section;
  }

A konečně také kde se má číselník zobrazit, v tomto případě to je před každou značkou h3.

  h3:before {
        content: counter(section) " ) ";
  }

Více informací
Automatické číslování pomocí CSS