Archive for the ‘Web design’ Category

  • 06
  • 06
  • 2011
  • 2

Sorin Stana.ro

Web design

In urma cu ceva timp am reusit sa termin si site-ul bunului meu prieten Sorin stana, ii multumesc ca a avut rabdare cu mine, si a putut astepta… cateva luni, da din pacate a picat intr-o perioada destul de aglomerata, neavand nici timp nici “cheful” (probleme personale) necesar sa o finisez.

Este creat pe wordpress (Suprizeee Sorin Stana.ro icon smile ), o tema simpla, doar pentru a afisa fotografiile, un portofoliu simplu, vedem pe parcurs daca vrea si blog, dar cum timpul  lui este chiar mai aglomerat ca al meu, ma indoiesc ca o sa scrie, momentan sunt doar o mica parte din fotografii puse, si acestea doar de test, pe pagina de portofoliu si categoriile individuale, am pus sageti stanga/dreapta pentru o navigare cu usurinta si de pe smartphone-uri, pe iphone 4 se vede excelent.

Nu am facut varianta mobila deoarece nu isi are rostul, fiind un portofoliu merge si asa, probabil cand vor fi foarte multe imagini sa fie o problema, dar vor rezolva atunci.

Sorin Stana.ro sorinstanaro 1024x794

Va rog vizitati sorinstana.ro si spuneti-va parerea.

Tags: , , , , , , , , , , ,

  • 25
  • 05
  • 2010
  • 4

Google fonts Api pentru un design mai atragator

Css power, Web design

Google fonts Api pentru un design mai atragator google fonts 300x270Google a anuntat pe 19 mai Webfonts Api, fonturi gazduite de google care fac ca pagina sa se incarce rapid datorita cache-ului in browser, folosesc deja pentru titlurile din blog fontul “Josefin Sans Std Light“, imi place cum arata, mai schimba din aspectul “La fel pe 5000 de site-uri” .
Sper ca numarul de fonturi sa fie mai mare, dar deja pagina gazduieste fonturi destul de diferite, avand de unde alege pentru aproape orice design, numai cand creati layoutul, tineti cont si de asta.

Tags: , , , , , , , ,

  • 20
  • 05
  • 2010
  • 0

Testeza pe wordpress dar numai tu sa vezi …

Web, Web design, Wordpress

Testeza pe wordpress dar numai tu sa vezi ... wordpress login box 300x283WordPress are o functie destul de desteapta, ajuta administratorii sa ajusteze sau sa adauge module, functii, si orice cod html, fara ca utilizatorii normalii sa observe ceva, binenteles ca se poate face si offline cu o instalare de wamp(OSX) sau xampp(Windows), dar e mai rapid asa, ce trebuie sa faci este sa adaugi codurile de mai jos.

<?php if ( is_user_logged_in() ) { ?>//verifica daca utilizatorul este inregistrat, daca este afiseaza codul de mai jos.
//Codul vostru sau modulul
<?php }  ?>//da nu este nu afiseaza nimic

Puteti face si link-uri directe pentru utilizatorii inregistrati, sau link pentru login daca nu sunt logati, ceva de genul:

<?php if ( is_user_logged_in() ) { ?>//verifica daca utilizatorul este inregistrat, daca este afiseaza ce este completat mai jos.
<a href="http://situltau.ro/wp-admin/post-new.php">Adauga un articol nou.</a>
<a href="http://situltau.ro/wp-admin/edit-comments.php">Moredeaza commentariile.</a>
<a href="http://situltau.ro/wp-admin/widgets.php">Adauga sau modifica un widget.</a>
//Si codul poate continua, ati prins idea.
<?php } else { ?>//Daca nu este inregistrat, afiseaza ce este mai jos.
<a href="http://situltau.ro/wp-login.php">Autentificare</a>
<?php }  ?>

O functie foarte folositoare pentru dezvoltare si managment al wordpress-ului, sper ca va ajuta cu ceva.

Tags: , , , , , , , , ,

  • 19
  • 05
  • 2010
  • 11

Grafiko.ro sub o noua infatisare

Css power, Design, Web design

Grafiko.ro sub o noua infatisare grafiko wordpress theme 300x300Venise 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 Grafiko.ro sub o noua infatisare icon biggrin , in celelalte browsere ca IE7,8 am sa rezolv din probleme zilele ce urmeaza.

Tags: , , , , , , , , , , , ,

  • 07
  • 03
  • 2010
  • 0

Codare tema wordpress blogcuidei

Css power, Design, Web design

Codare tema wordpress blogcuidei blogcuideii e1267977946523 130x99A 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.

Tags: , , , ,

  • 06
  • 03
  • 2010
  • 1

Codare tema wordpress heatBlog

Design, Web, Web design

Codare tema wordpress heatBlog heat blog revine « heats blog 1267890925837 300x285Am ș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.

Pacat totusi că scrie așa rar (eu vorbesc Codare tema wordpress heatBlog icon smile ) ) .

Tags: , , ,

  • 01
  • 02
  • 2010
  • 4

Adăugare Imagini thumb pentru articole în 3 moduri, WP 2.9 ready

Design, Web, Web design

Adăugare Imagini thumb pentru articole în 3 moduri, WP 2.9 ready code 150x150Am î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.

Tags: , , , ,