Adauga semnatura ta la email-uri
October 27, 2008Astazi mi-am adus aminte de o idee mai veche si acea de a adauga o semnatura in footer-ul email-urilor trimise de mine. Momentan inca folosesc contul de pe Yahoo ca email principal desi am si pe GMail si pe ddumi.com 
De ce trebuie adaugata o semnatura in footer-ul email-urilor? pentru ca ofera cateva detalii despre tine, link-uri catre 2-3 pagini/conturi importante, numar de telefon si sa nu uit.. denota profesionalism daca arata si bine.
Dupa ce mi-am facut pentru mine o semnatura am zis sa diversific culorile si sa le fac publice si pentru altii, mai jos sunt 6 exemple.
Depanarea unui script CSS
April 5, 2008
Chiar daca ajungi la un nivel destul de ridicat in cunostinte de CSS se mai intampla sa gresesti, de incepatori nu mai zic. De multe ori am fost nevoit sa fac cate un script CSS pentru o pagina cat mai repede posibil dar “graba strica treaba” asa ca inevitabil si cum era de asteptat mai greseam pe ici si pe colo. Mkay, ai facut scriptul, l’ai mai folosit pana acum si mergea dar acum nu mai merge.. ce e de facut:
1. verifica daca numele fisierului .css din pagina ta corespunde cu numele real al fisierului .css sau daca calea catre fisier este definita corect in pagina ta html
2. verifica numele classei sau a divului daca corespunde cu numele definit in fisierul .css, de multe ori am patit sa definesc un div in fisierul .css iar in pagina html sa apelez acelasi nume dar o classa (. - class, # - id)
3. mai arunca un ochi pe scriptul .css si vezi daca ai scris totul corect, se mai intampla in loc de : sa pui ; sau in loc de color sa pui volor sau sa uiti sa folosesti paranteze () respectiv {} si multe alte gresi mici
4. cand definesti pozitia unui div asigura’te ca nu se suprapune cu alt div ascunzandu’se unul pe altul
Lista cu greseli e lunga, mare atentie la detalii.
5 Stars Rating (PHP + CSS)
January 23, 2008Ca webmaster de multe ori ai nevoie de un sistem de vot pentru diferite rubrici din website, asa ca m’am gandit ca nu strica sa postez un script de vot simplu si usor de editat in functie de nevoi.
Asa arata scriptul in actiune (demo), codul sursa HTML, CSS si PHP.
Folosim doar o imagine .png de 30×60 pixeli, in prima jumatate va fi o stea simpla iar in a doua jumatate a pozei va fi o steluta colorata. Nu intru in detalii precum de cate ori are voie un IP sa voteze intr’o singura zi sau cum sa faceti update la o tabela cu voturi.
Intrebari?
Navigare usoara printr-o galerie foto (PHP + CSS)
January 20, 2008Zilele astea m’am tot gandit ce mai trebuie modificat pe la subdomeniile mele si scripturile puse pe ele. Si mi’am adus aminte de acele “butoane” cu Next si Prev de la scriptul lightbox si m’am gandit putin si mi’am zis ca nu ar strica sa incerc sa fac ceva asemanator fara sa ma uit in codul sursa de la acel script, doar cu php si css. M’am pus pe munca si a iesit aproximativ 99% asa cum vroiam.
Scriptul arata asa (demo cu 3 poze de diferite marimi), codul sursa PHP si style.css
PS: am facut un mic artificiu cu cele 3 poze si ordinea lor la afisare ca sa nu mai folosesc o baza de date sau un fisier .txt
Intrebari?
DIV-uri transparente cu CSS
January 5, 2008Urasc incompatibilitatea asta intre standardele folosite de diferite browsere si faptul ca esti nevoit sa modifici codul CSS al unei pagini ca sa fie compatibila si sa arate la fel pe toate browserele, ma refer alea care sunt cele mai des utilizate (Mozilla Firefox, Opera, Internet Explorer). La o pagina a trebuit sa folosesc un div semi-transparent si eu fiind unutilizator la browserului Mozilla Firefox am folosit -moz-opacity:0.5 dar am primit plangeri de la cateva persoane care foloseau alt browser ca div’ul nu este transparent. Dupa cateva cautari pe google am gasit o “lista” care ii dadea div’ului semi-transparenta si pentru celelalte browsere.
Lista este aici si este “setata” la jumatatea scalei de transparenta. Sper sa va fie de folos daca veti avea vreodata nevoie 
Watermark cu CSS
December 20, 2007Un amic cu care mai schimb cate o vorba din an in paste ma ruga o data sa ii arat si lui cum sa isi puna watermark pe pozele lui de pe site. Am zis oke, cu PHP si GD se rezolva sau sa foloseasca varianta mai migaloasa: editarea pozelor in Macromedia Fireworks sau Adobe Photoshop. Suport PHP nu avea iar editarea pozelor pe rand dura prea mult. Atunci mi’a venit o idee de watermark cu ajutorul CSS’ului.
Poza cu watermark arata cam asa (o poza mai mare si una pentru thumbnail) iar scriptul este aici.
Cum functioneaza: poza originala o punem ca background iar in div adaugam ca poza watermark’ul. Cele 2 imagini se vor suprapune. Atentie insa ca poza cu watermark sa aibe transparenta pe toata suprafata in afara de textul/logo’ul nostru altfel va acoperi poza originala. Cine va da click dreapta pe poza pentru a o salva, va avea surpriza sa salveze poza watermark 
Intrebari?
