Category: JS CSS

Jak zmenit velikost (i castecneho) obsahu na strance

1) Pridejte ke prvkum ktere chcete priblizit/oddalit tridu post-single-content-inner . Ja jsem to udelal tak, ze jsem vytvoril 600px obalujici div a do neho dal div se tridou post-single-content-inner. 2) Nastavte tride post-single-content-inner sirku vzdy 100%:

3) Vytvorte na strance tlacitka pro ovladani velikosti:

4) Pridejte tento JavaScript:

Read More Jak zmenit velikost (i castecneho) obsahu na strance

Jak zacit pouzivat balickovaci system Node.js npm, Ruby gem a automatizacni system ukolu Grunt

Postup budu popisovat pro Windows 8 pro build souboru tohoto jQuery pluginu: //github.com/dimsemenov/photoswipe  . 1) Stahnete si instalator Node.js pro vasi verzi Windows z //nodejs.org/download/ a nainstalujte vsechny soucasti. Jedna ze soucasti je balickovaci system npm a druha je ulozeni cesty ke Node.js do systemove promenne PATH a cestu k npm do uzivatelske promenne PATH. …

Read More Jak zacit pouzivat balickovaci system Node.js npm, Ruby gem a automatizacni system ukolu Grunt

Onmouseover ani onmouseout nefunguje ve Chrome

Onmouseover ani onmouseout nefunguje ve Chrome, zato v IE 11/FF35 bez problemu. Zkousel jsem tyto postupy: JQuery: -Metodu hover() s parametrem In i Out, nebo jen s In -Pouzit jiz existujici objekt jQuery, nebo vytvorit novy, nebo pouzit $(this) -Pouzit .on(“onmouseover”), .on(“onmousehover”), .on(“onmouseout), tak samo s bind(eventType) Cisty Javascript bez jQuery: -Dat onmouseover a onmouseout …

Read More Onmouseover ani onmouseout nefunguje ve Chrome

Nejlepsi a nejjednodussi popup jen pomoci CSS

CSS kod:

HTML kod:

Cele to muzete vyzkouset… zdeText zobrazeny po najeti na 3 tecky

Read More Nejlepsi a nejjednodussi popup jen pomoci CSS

Nejlepsi a nejjednodussi zpusob dynamicky prizpusobiveho layoutu stranky

Na svem webu jsem se vzdycky vyhybal pouziti hodnot display zacinajici na table. To byla ale evidentne chyba. Proto vam tu dnes prinasim navod, jak udelat sloupce tak, aby kdyz treba JavaScriptem pridate nejaky obsah, aby se #content automaticky zvetsil na vysku bez jakekoliv vypocitani JavaScriptem vysky nebo jine JS kejkle.

Read More Nejlepsi a nejjednodussi zpusob dynamicky prizpusobiveho layoutu stranky