Štýlujeme TITLE pomocou CSS
Je možné štýlovať tag TITLE? Áno. Systémovo má tento tag nastavenú vlastnosť display: none, my to však môžme zmeniť. Výhoda? Je to prakticke a zaujímavé. Pozrite si ukážku.
Archive for the ‘hlavna’ Category
Nebojte sa používať CSS3
Stále sa stretávam s názormi, že CSS3 sú zbytočnosť, kopec prehliadačov ich nepodporuje a nie su ešte štandardmi. Opak je však pravdou. CSS3 vám uľahčia pracu, skrášlia Vám deň, či ste webdesigner alebo návštevník. Sú inovatívne, jednoduché a šetria veľkosť kódu. Dnes 95% css3 vlastností podporujú všetky prehliadače, až na Internet Explorer, samozrejme. Štandardmi síce ...
CSS3 :target
Možnosť prepínať medzi obsahom bez JavaScriptu? Áno.. Samozrejme, príklad je veľmi stručný, skúste sa s ním pohrať.
...X stĺpcový zoznam s jediným OL/UL tagom
Pred časom som v práci riešil zapeklitý problém. Ako s jedným UL/OL LI zoznamom vytvoriť štvorsĺpcový, ktorý sa po zmenšení okna prehliadača automaticky prispôsobí na tri stĺpce? Prvé pokusy nedopadali najlepšie.
Prvé riešenie pozostáva z troch jednotlivých OL položiek. Skúste si zmenšiť okno na cca 900 px na šírku. Nepoužitelné.
...Pekná CSS3 fotogaléria
Prezrieť CSS: #galeria {margin: 10px auto; float:left;} #galeria a { position: relative; float: left; width: 100px; height: 75px; margin: 30px;} #galeria img { width: 100px; height: 75px; padding:15px; border: 0; -moz-box-shadow: 1px 1px 7px #ccc; -webkit-box-shadow: 1px 1px 7px #ccc; -moz-transition: all 0.2s; -webkit-transition: all 0.2s;} #galeria img:nth-child(n+1) { -moz-transform: rotate(5deg) skew(0deg, 0deg); -webkit-transform: rotate(5deg) skew(0deg, 0deg); -o-transform: rotate(5deg) skew(0deg, ...
CSS disketa
Na dnes taká menšia oddychová vec. Nepodarilo sa mi urobiť nejaké drobnosti presne podľa návrhu, resp. by s tým bola piplačka. Disketa je animovaná v prehliadačoch Google Chrome, Firefox 3.6 a Safari 3.
...Formálne pravidlá kaskádovania
Tento výňatok textu je z knihy xCSS – referenční příručka, ktorú vydáva Zoner Press. Ďakujem Jurajovi za doplnenie. Kaskádovanie je klúčová vlastnosť CSS – určuje postup, ktorým sa prehliadač musí riadiť pri zpracovaní všetkých existujúcich štýlov platných pre zpracovavaný dokument a pre použité médium. Štýlové predpisy môžu pochádzať z troch rôznych zdrojov: od autora, uživateľa alebo agenta a ...
HTML 5 – video a audio
Jednoduché, pekné. Prezrieť <video src="test.mp4" controls="true"></video> <audio src="zvuk.mp3" controls="true"></audio> Dalsie možnosti: http://www.w3schools.com/tags/html5_video.asp Podpora od: Firefox 3.6, Google Chrome 0.4 ...
Ladíme stránky pre Internet Explorer 6
Začnem asi skrátka. Jedna z najdôležitejších CSS vlastností, ktorá Vám skráti čas ladenia stránky pre Internet Explorer 6 je float: left. Nebojte sa napríklad floatovat každý blok stránky, ktorý susedí s iným blokom. S prípadnou kombináciou clear: both sa takáto kostra stránky nerozsype. Vyhnite sa však floatovaniu textových elementov, h1-h6, tagu P. Nadpisy by sa ...
Tipy na formátovanie tlače
O CSS pre tlačenú, papierovú verziu stránok sa na Slovensku dlho mlčí. Našiel som teda niečo zo svojho starého archívu stránok, ktoré som si kedysi ukladal. Pôvodný text je od najuspešnejšieho webdesignéra v Čechach – Víta Dlouhého. Tento text by sa mal brať ako všobecne uznávaný štandard, niečo, čo je dané, o čom nemožno polemizovať. Zhruba ...