@font-face -> Custom fonts pe site-ul tau

In primul rand, pentru a folosi un custom font pe site-ul dvs, trebuie sa il convertiti pentru a putea fi interpretat de toate browserele importante (FF, Chrome, Safari, IE). Pentru a face asta, in primul rand trebuie sa aveti fisierul cu fontul respectiv (.ttf/.otf) si apoi intrati pe Font Squirrel si convertiti-l. Presupun ca nu trebuie sa explic cum folosesti site-ul respectiv. (pentru cei ce nu se descurca, exista un buton destul de mare si de vizibil pe care scrie Add Fonts). Mai departe va scriu snippet-ul CSS si pentru HTML.

CSS

@font-face {         font-family:'MyFontFamily';
            src: url('myfont-webfont.eot?') format('eot'),
                 url('myfont-webfont.woff') format('woff'),
                 url('myfont-webfont.ttf')  format('truetype'),
                 url('myfont-webfont.svg#svgFontName') format('svg');
 }

HTML

body {        font-family:'MyFontFamily',Fallback, sans-serif;}

Generator de Div-uri personalizate

Cu ajutorul acestui generator de cod puteti crea foarte usor DIV-uri personalizate cu colturi rotunjite. Tot ce trebuie sa faci este sa alegi culoarea de background, culoarea divului si alte cateva optiuni pentru a obtine DIV-ul dorit. Dupa aceea nu trebuie decat sa iei cu copy – paste codul generat si sa il implementezi pe site-ul tau. Continuă lectura

Generator de Div-uri personalizate

Cu ajutorul acestui generator de cod puteti crea foarte usor DIV-uri personalizate cu colturi rotunjite. Tot ce trebuie sa faci este sa alegi culoarea de background, culoarea divului si alte cateva optiuni pentru a obtine DIV-ul dorit. Dupa aceea nu trebuie decat sa iei cu copy – paste codul generat si sa il implementezi pe site-ul tau. Continuă lectura