Venise vremea sa fac o schimbare, trecuse mai mult de un an cu vechea tema, la aceasta, m-am chinuit cateva luni sa o termin, mereu cand vroiam sa ma apuc de ea, primeam de lucru, si uite cum am stat asa cu ea, fara sa apuc sa o finalizez, dar mai ales ca am vrut sa fie cat mai animata am tot modificat la ea.
Dupa cum se poate observa, toate link-urile (aproape toate) sunt cu animatie la mouse-ul peste, se schimba culoarea gradat, meniu de navigare se lasa cativa pixeli in jos, in sidebar am facut cu taburi la categorii, arhiva si link-uri utile, link-urile se misca 20 de pixeli spre dreapta cand mergeti cu mouse-ul peste, la fel si in footer, unde am decis sa las structura de la vechea tema, doar am modificat aranjarea.
Tagurile nu le-am mai lasat jos, le gasiti in sidebar. Am pus si Top commentatori, asa ca cei mai vorbareti de aici vor avea link dofolow, toate link-urile din comentarii vor avea si ele dofolow.
Am sa incep in a posta din ce in ce mai multe articole, insa schimb un pic nisha, am sa postez foarte mult despre wordpress, coding, noutatii, si personale(dar mai rar), sper sa va placa noua tema, eu unul sunt foarte incantat, mai am de modificat la ea, dar o voi face pe parcurs.
Am pus foarte mult CSS3, de aceea nu se va devea calumea in multe browsere, la IE6 am renuntat, asa ca acolo este dezastru, dar daca il folositi va meritati soarta , in celelalte browsere ca IE7,8 am sa rezolv din probleme zilele ce urmeaza.
Astazi sa lansat/se lanseaza Abode Creative Suite 5, sunt foarte nerabdator sa obtin un pachet CS5, sper cat mai curand sa se faca un upgrade de la CS4 la CS5 unde lucrez, noile facilitati in Photoshop sunt … Wow.
Cateva din inbunatatiri la photshop sunt:
Content Aware scale – cel mai bun feature CS5
Pupet Warp
Mini bridge
Inbunatatire la Refine edge, cu brush pentru anumite zone.
Un 3D inbunatatit
Setari default manuale dupa preferintele fiecaruia in panoul de Layer Styles
Randare pe 64 bits mult mai buna, mai rapida.
Multe altele
Cel mai bine urmariti si filmuletul de mai jos pentru o parte dintre ele.
A avut de așteptat ceva timp, dar sper că a meritat, design-ul îi aparține lui codex, la care am avut și eu o foarte mică contribuție, sidebar-ul și partea de comentarii, sper că acum pe blogcuidei se vor găsii articole cat mai bune și de calitate.
Am și uitat când am terminat tema wordpress lui heat, temă simplă, dar simpatică, designul îi aparține lui loading, a vrut cu imagine la prima pagină și cu text-excerpt în loc de full, zis și făcut, avea mai multe articole, dar și-a schimbat hostul fără să salveze ce avea pe vechiul host.
Am început să folosesc din ce în ce mai des acest cod, mai ales cu lansarea WordPress 2.9, este valabil și pentru cei care foloseau custom fields, sau cei care puneau o imagine în articol, aranjarea făcându-se manual, eu folosesc Timthumb pentru a micșora imaginile, dar și pentru crop fix în dimensiune a oricărei imagini.
Am pregatit o mică listă de site-uri pentru webdesign și design pentru wordpress, site-uri cu tutoriale și resurse de design teme wordpress plus codarea lor, sunt 12 site-uri pe care le urmăresc de o perioadă și care mi-au fost de enorm ajutor în crearea temelor de până acum.
Am câteva teme nelansate, dar până nu sunt 100% sigur că sunt ok nici nu am să o fac, în plus, am încercat să aduc ceva unic la ele, nu prea am ce însă, mai tot este facut deja, ce rost mai are să ‘reinventez roata’, le voi lansa în curând cu o pagină de opțiuni.
Doar câteva, am făcut mai mult spațiu la articole în laterale, să pară mai aerisit, dar oricum tot aglomerat este, urmatoarea temă o să mă asigur că este aerisită, i-am făcut o mică pagină de optiuni, asta a fost mai mult pentru a testa, dar văd ca nu are probleme, și am pus câteva iconițe de retele sociale, le aveți mai jos.
Dar țin să vă întreb, voi cam ce iconițe ați pune la voi pe site ?, înafară de twitter și facebook, astea sunt deja la ordinea zilei, mă refer la digg, delicius, technorati, stumbleupon, etc….
Nu inteleg creatori de teme wordpress sau cei care fac situri, de ce nu pun link la logo, majoritatea pun, dar mai vad cate un ratacit din cand in cand, eu urasc sa nu pot da click pe logo, este primul lucru care il fac, cand ajung pe un site/blog, poate din obisnuinta, asa este acum si la forum pe grafiks, lui serban (kv7) ia fost lene s-au nu a stiut.
Pentru incepatori in css si html, am sa scriu o mica modalitate de image replacement buna pentru SEO si in acelasi timp si cu link, este arhi cunoscuta dar vad ca tot apar situri fara, nu trebuie sa puneti tag de img cu html, doar un link si h1.
codul html ar trebui sa arate cam asa, dar cu mici modificari ale voastre, cum ar fi clasa:
Binenteles cu link-urile voastre, titlurile si text, doar am pus demostrativ, defapt cam asa am si eu la logo, un a href cu o clasa de logo infasurat intrun h1, asta doar pentru logo, puteti folosi si la butoane s-au ce mai doriti, dar nu infasurat in h1, probabil va fi in
<li>
sau div, acum urmeaza css-ul, il puteti pune inainte de intre tagurile
h1 a.logo-tema {
background:url(./logo.png) no-repeat left top;
/*Calea catre imaginea voastra*/
width:218px;/*lungimea in pixeli*/
height:71px;/*inaltimea in pixeli*/
display:block;/*pentru a face toata imaginea click-abila*/
text-indent:-9999px;/*mutarea textului de
pe imagine in afara spatiului vizual*/
overflow:hidden;/*sa arate outline-ul cat imaginea,
se vede dupa ce ati dat click.*/
}
Ar trebui sa va arate ceva de genul acesta Grafiko.ro
foarte usor si accesibil SEO in acelasi timp.
Venise vremea sa fac o schimbare, trecuse mai mult de un an cu vechea tema, la aceasta, m-am chinuit cateva luni sa o termin, mereu cand vroiam sa ma apuc de ea, primeam de lucru, si uite cum am stat asa cu ea, fara sa apuc sa o finalizez, dar mai ales ca am vrut sa fie cat mai animata am tot modificat la ea.
, in celelalte browsere ca IE7,8 am sa rezolv din probleme zilele ce urmeaza.
) .
Fusion (31)
MadaManu (21)
Şerban (19)
GaBBy (18)
GrafsS (15)
ceostoy (13)
Crusher (12)