Prima tema – Carbon Black

Am scris cu ceva timp in urma (prea mult timp in urma) ca temele de wordpress sunt naspa. Ei bine, astazi revin cu prima mea tema. Din pacate nu am inca domeniu si nu cred ca pe wordpress.com poti sa-ti pui teme custom. O alta problema e ca nu stiu PHP si nu am chef sa invat azi. Asa ca iau exemplul lui ionut si o sa fac cateva teme gratuite. Eu fac designul si cineva se ocupa de partea de Codex. Cine? Pai as fi dispus la o colaborare cu ionut. Daca iti plac temele mele, le iei si le dezvolti sa poata fi folosite. Free sau premium, i don’t care, i do it for free.

Hai sa vedem cum arata prima tema:

• două coloane;
• SEO friendly;
• xhtml 1.1 & css 2.1

Ceea ce vedeti mai sus e o imagine a temei in firefox. In internet explorer 6 din pacate se vede cam aiurea din cauza lipsei suportului pentru png transparent. Chestia asta se poate rezolva cu un hack sau salvand imaginile ca GIF.

Eu zic ca arata foarte bine. Cine e interesat, sa lase un mesaj si trimit pe mail fisierele.

Urmeaza sa fac o varianta pe gri deschis in functie de cat de interesata se va arata lumea.

IE6 min-width

Ma chinui de prea multa vreme deja sa fac IE6 sa inteleaga min-width. Am gasit tot felul de metode dar nici una nu functiona pe layout-ul meu, un posibil motiv fiind folosirea marginilor negative. Ultima speranta imi era aici.

Din pacate n-am avut prea mult noroc nici cu metoda asta.

Despre ce e vorba mai exact:
#target_element {
width: expression((document.body.clientWidth < 335)? "333px" : "auto");
min-width: 333px;
}
Metoda asta am incercat-o atat cu “auto” cat si cu “100%”. La auto imi “sar” toate elementele si fac un sir infinit pe verticala iar la 100%, in functie de dimensiunea ferestrei unele elemente o iau razna pe orizontala. Folosind 99.9% problema e aproape eliminata, cu mentiunea ca daca layout-ul ar trebui sa ocupe tot ecranul, la rezolutii mari iti raman cativa pixeli descoperiti iar acest lucru se vede si in IE7.

La limita rabdarii am incercat sa renunt atat la auto cat si la 100, rezultand ceva de genul:
#target_element {
width: expression((document.body.clientWidth < 335)? "333px" : "");
min-width: 333px;
}
Nu stiu de ce, nu stiu de unde, dar functioneaza. Este necesara definirea in prealabil al unei latimi, de exemplu width: 100%;

Si cu asta am rezolvat problema. Nu stiu daca o sa ajute pe cineva, dar in cazul in care nici o metoda simpla nu functioneaza, va mai ramane optiunea asta.