Blog

Forráskód elemzés

Egy weboldal sokszor elég összetett, főképp ha nem magunk készítettük, nem mindig tudjuk, hogy egy-egy elemre hogyan lehetne hivatkozni, hogy változtathassunk rajta. Sokan nem tudnak az oldal forráskódjával mit kezdeni, annak ellenére, hogy a böngészőben ott van erre a remek funkció. 

Évek óta ott van a Chrome-ban pl. az Inspect funkciója, de a Mozilla is rendelkezik vele, és szerintem talán már az IE is. (bevallom ennek nem néztem utána). Az inspect-tel megnézhetjük egy adott elem helyzetét a forráskódban. Hatékonyan kereshetünk benne, illetve azt is megnézhetjük, hogy milyen CSS tulajdonságokkal rendelkezik egy adott elem.

Címkék: tutorial
2016.05.31. 18:33, Niki

CSS tipp: Oldalsávok egymás mellett

Sajnos az utóbbi két hétben nem nagyon tudtam az oldallal foglalkozni, mivel rengeteg zh volt, nagyon sokat kellett tanulnom. Kedden kezdődik a vizsgaidőszak, és két vizsgám már lesz is a héten, úgyhogy sok frissítés továbbra sem lesz, de ha végre lement ez az egész, akkor belehúzok :)

Most egy kis trükköt hoztam, amivel a két oldalsáv egymás mellé helyezhető. Ez igazából egyszerű css kóddal megoldható, csak float-ot kell beállítani a hasáboknak.

.sitemain .sitecol:first-child, .sitecol:nth-child(3){
float: left;
}

.sitemain .sitecol:nth-child(2){
float: right;
}

Ez a két oldalsávot balra, míg a középsőmodult jobbra állítja. Természetesen az értékek felcserélhetők.

Címkék: tutorial css
2016.05.14. 23:03, nikkii

Live CSS váltó

Most egy olyan kódot hoztam nektek, amellyel egy 'CSS váltót' készíthettek. CSS kódokkal foglalkozó oldalakra szuper, hiszen enélkül nem nézhető át a teljes oldal élőben, hogy hogy is fog kinézni. Igy viszont nem kell többé próbamodulokkal, esetleg próbaoldalakkal küzedeni, egyetlen kattintásra megváltoztatható az oldal kinézete.

Aki ki szeretné próbálni, az itt megteheti: CSS váltó demó (A példa css kódokért köszönet Efruse-nak)

A kód a bővebben rész után található.

Címkék: css live kód tutorial
2016.03.28. 15:20, nikkii
Elejére | Újabbak | Régebbiek | Végére |
 
cset
Név:

Üzenet:
:)) :) :@ :? :(( :o :D ;) 8o 8p 8) 8| :( :'( ;D :$
 

Szeretnél egy jó receptet? Látogass el oldalamra, szeretettel várlak!    *****    Minõségi Homlokzati Hõszigetelés. Vállaljuk családi házak, lakások, nyaralók és egyéb épületek homlokzati szigetelését.    *****    Amway termék elérhetõ áron!Tudta, hogy az általános tisztítószer akár 333 felmosásra is alkalmas?Több info a weboldalon    *****    Florence Pugh magyar rajongói oldal. Ismerd meg és kövesd az angol színésznõ karrierjèt!    *****    Fele királyságomat nektek adom, hisz csak rátok vár ez a mesebirodalom! - Új menüpont a Mesetárban! Nézz be te is!    *****    DMT Trip napló, versek, történetek, absztrakt agymenés:)    *****    Elindult a Játék határok nélkül blog! Részletes információ az összes adásról, melyben a magyarok játszottak + egyéb infó    *****    Florence Pugh Hungary - Ismerd meg az Oppenheimer és a Dûne 2. sztárját.    *****    Megnyílt az F-Zero Hungary! Ismerd meg a Nintendo legdinamikusabb versenyjáték-sorozatát! Folyamatosan bõvülõ tartalom.    *****    A Cheer Danshi!! nem futott nagyot, mégis érdemes egy esélyt adni neki. Olvass róla az Anime Odyssey blogban!    *****    A 1080° Avalanche egy méltatlanul figyelmen kívül hagyott játék, pedig a Nintendo egyik remekmûve. Olvass róla!    *****    Gundel Takács Gábor egy különleges könyvet adott ki, ahol kiváló sportolókkal a sport mélységébe nyerhetünk betekintést.    *****    21 napos életmódváltás program csatlakozz hozzánk még!Január 28-ig 10% kedvezménnyel plusz ajándékkal tudod megvásárolni    *****    Szeretne egy olyan általános tisztítószert ami 333 felmosásra is elegendõ? Szeretne ha csíkmentes lenne? Részletek itt!!    *****    Új játék érkezett a Mesetárba! Elõ a papírral, ollóval, és gyertek barkácsolni!    *****    Tisztítószerek a legjobb áron! Hatékonyság felsõfoka! 333 felmosásra elengedõ általános tisztítószer! Vásároljon még ma!    *****    Hayashibara Megumi és Okui Masami rajongói oldal! Albumok, dalszövegek, és sok más. Folyamatosan frissülõ tartalom.    *****    A legfrissebb hírek a Super Mario világából és a legteljesebb adatbázis a Mario játékokról.Folyamatosan bõvülõ tartalom.    *****    333 Felmosásra elegendõ! Szeretne gazdaságosan felmosni? Szeretne kiváló általános tisztítószert? Kiváló tisztítószerek!    *****    Ha tél, akkor téli sportok! De akár videojáték formájában is játszhatjuk õket. A 1080°Snowboarding egy kiváló példa erre