Vannak itt gondok emberek, sz�val �tdolgoztam az oldal jelenlegi CSS-�t (egy m�sik project keretein bel�l), ��������ssss majdnem h�nyok az eredm�nyt�l. Ut�lom magam hogy ezt a t�k�letes mint�t nem tutdam t�k�letes kin�zett� var�zsolni, de sajn�lom nem k�nny�. A v�geredm�nyt a k�pre kattintva t�lthetitek le.

Szerintetek milyen a t�k�letes blog design? Te le�rod, �n pedig megalkotom. Szavakat szeretn�k k�rni, hogy szerinted mik a legfontosabb tulajdons�gai egy blogdesign-nek �s �n a visszajelz�sekb�l megalkotom a k�rd�ses k�dot, esetleg k�dokat.

�RD LE KOMMENTBE!

Nagyon sok ember nem bar�tkozik meg a CSS-el, most p�r tippel �rkeztem hogyan szel�d�tsetek meg egy k�dot, illetve hogyan induljatok el a tanul�ssal. Ez nem felt�tlen�l egy olyan dolog hogy le�lsz �s megtanulod, lehet sz�pen apr�nk�nt. �n ez ut�bbihoz adn�k tippeket, a m�sikhoz pedig a Google a bar�totok ;)

Mi�rt? Mert engem szem�ly szerint rohadtul ideges�t hogy minden oldal ugyan �gy n�z ki, ugyan azokat a k�dokat haszn�lja. A sablonk�d az egy �tmeneti dolog, ami addig van m�g nem �rsz saj�tot, nem tal�lsz saj�t st�lust, vagy egy apr�bb kileng�s amit felraksz mert �ppen nagyon tetszik.

Alapszitu�ci�:
Nyitottam egy blogot, szeretn�m hogy �gy n�zzen ki ahogy �n akarom. Nem tudok k�dolni. Keresek egy sablont amit m�s csin�lt. Sz�p-sz�p, de nem t�k�letes. Viszont ha ez meg ez kicsit m�s lenne, akkor sokkal jobban fog tetszeni... Egy sablonk�d, amit m�s csin�l a saj�t �zl�se alapj�n az sosem lesz az igazi.

Legt�bb esetben mindenkin�l �gy kezd�dik/kezd�d�tt hogy apr�nk�nt �rt �t egy sablonk�dot. Sz�neket, sz�mokat, egy�b �rt�keket. Kit�r�lt bel�le dolgokat �s n�zte mi v�ltozik. Ehhez k�t dolog kell, egy megb�zhat� j�l megcsin�lt sablonk�d, �s n�mi akarat hogy egyedien n�zzen ki a blogod.
�n ezzel a sablonnal kezdtem, b�r itt nem l�tni de csak apr� dolgokat �rtam �t, itt pedig m�r le�ltem a popimra �s t�gl�r�l-t�gl�ra fel�p�tettem a k�dot. Sokat seg�t ha van egy olyan k�dod amir�l m�r tudod hogy a sorai eg�szen pontosan mit csin�lnak, minden egyes kis mocsok sor eset�ben.

L�ssuk m�s sz�nben!

�ltal�ban a  sz�nekkel kezd�dik, �s mikor belen�z az ember egy k�dba szemet sz�r a color: #f5f5f5 sor �s t�rsai. Teh�t ezek a var�zskaraktersorok a sz�nek? Igen. Gyors gugli miegy�bb, keress�nk szebbet. Cser�lj�k ki!
Ha egy k�d alapvet� sz�nk�szlet�t meg akarod v�ltoztatni arra van egy j� m�dszerem, gyors �s egyszer� �s egy sem marad ki. A k�ldet�sben h� t�rsad a mezei Jegyzett�mb. Kisz�r�d a k�l�nb�z� sz�nk�dokat, �s a futurisztikus keres�s-csere funkci�val az �sszeset kicser�led a te v�lasztott sz�neidre. A m�dszer pontos �s hat�kony, �s megk�m�l att�l hogy 1percn�l t�bb id�t sz�nj a k�d "l�t�sz�gben l�tez�s�re".

Lopni �r!

M�s sablonk�dja, amihez az van �rva hogy vihet�, ingyen, free, ti�d, neszefussel. Persze a megfelel� kreditel�ssel (kilinkeled az oldaladra hogy � csin�lta a k�dot).
�tleteket is. L�tsz egy nagyon sz�pen bek�dolt sz�veget, egy sz�p bet�t�pust? Egy sz�p form�z�st ak�rhol? A forr�sk�d n�zet mindig adott de nem a legeffekt�vebb az ilyen dolgok megtal�l�s�hoz, kicsit sok �s ha nem �rted hogy mi az a sz�p elem akkor az �letben nem tal�lod meg. 

Ebben a jobbklikk fog nek�nk seg�teni. A GoogleChrome-ban van egy olyan funkci� hogy "Vizsg�lat" (biztos van a  t�bbi b�ng�sz�ben is, csak lehet m�shogy bec�zik) ami ki�rja neked hogy ez misoda �s milyen form�z�sok vonatkoznak r�, az �sszes k�dr�szletet kirakja aminek k�ze van az adott elemhez.

V�gezet�l besz�lj�nk a kreditel�sr�l

Ugye illik kirakni mindazt ahonnan seg�ts�get kapt�l �s felhaszn�lod. Van az a pont ahol m�r a k�d a saj�tod. Viszont mibe ker�l egy forr�s men�? P�r linkelt karakter valahov�? Semmibe. Mindenki aki seg�tett hogy eljuss egy adott szintre �rdemel valamit. Ha nem is nevezed meg hogy pontosan mi�rt, illik k�sz�netet mondani.
 

K�sz�tettem egy elvihet� CSS k�dot, �s pofa n�lk�l nagyon b�szke vagyok r�, �sszess�g�ben nem nagy sz�m, de sz�momra m�ris t�bbet �r mint szinte b�rk�rki m�s�. Eg� vagy nem, de ezzel a k�ddal V�GRE NORM�LISAN TUDOK WEBLAPOT B�NG�SZNI TELEFONR�L. Ahogy a gp-s oldalakat megny�zz�k a kis felbont�s� eszk�z�k, att�l leok�dn�m a kis mobilom.

Bemutatkoz�:

• K�kem�ny 15db+CSS sorral �s egy nagy mar�k blackmagic-al siker�lt a kicsik�t mobilbar�tt� tennem. Ami m�r 2017-ben alap lehetne lassan.
• Mivel mindenki r� van cuppanva ezekre a minimalista dolgokra, �n semmi j�nak elront�ja nem vagyok.
• Legal�bb nem t�megdesign (tapsnekem)

(a k�pek nem mobil k�pek, mert nem tudom hogy kell a kis szarosommal sreenshootolni, b�ng�sz� �sszeh�z�ssal szimul�ltam hogy is n�z ki a dolog egy mobilon)

Tippek && Tr�kk�k, avagy Must Have

A k�telez� pip�lgat�s: Vez�rl�pult, Be�ll�t�sok �s ott pippantsatok be minden olyat n�gyzete amit nem tudtok hogy misoda. Itt van hozz� a k�telez� olvasm�ny �s a k�pes tutorial is.

Font Awesome: Ha nem akartok az aranyos kis ikonok hely�re kis n�gyzetecsk�t akkor aj�nlott beimport�lni az ilyesmit, mondjuk ezzel, de rakhattok frissebbet is:

<link href="/portal/framework/upload/766182_1466169388_09997.css" rel="stylesheet" title="Font Awesome" />

Optim�lis Log�: Megint csak 4darab eg�sz sor css k�d, de defini�ltam k�t divet/ak�rmit/oszt�lyt .logo, .logo_mobil. �rdemes a szerkeszteh� fejl�cbe mindk�t oszt�llyal ell�tott log�t csin�lni, a mobilos mozogjon 400px k�r�l a m�sik lehet sokkal nagyobb. Itt annyi a feketem�gia hogy a mobilos log� kis felbont�sban b�jik el�, am�gy meg nem l�tszik, a sima pedig ford�tva.

Optim�lis elrendez�s: Mivel kis felbont�sban csak �gy egym�s al� t�rja az oldalban tal�lhat� blokkokat �rdemes jobb oldali elrendez�st haszn�lni, mert �gy a mobilos felbont�sban a k�z�ps� modulok lesznek fel�l mindig. �s megk�m�led a l�togat�t att�l hogy k�zel v�gtelenszer tekerjen v�gig ugyan azon, amikor esetleg sokat olvasna az oldalon.

LET�LTEN�D?

K�zrem�k�dtek: gugli,Niki mester, �s r�szben azok akiket m�sik k�djaimn�l odacsaptam a forr�slist�mba.