Aproape tot continutul unei pagini web se poate comprima pentru a scadea timpul incarcarii paginilor si traficul consumat. Poate parea o diferenta mica intre 40KB initial si 28KB comprimat, dar se aduna.<?php ob_start('ob_gzhandler'); ob_start('compress'); header('Content-type:text/css; charset:UTF-8'); header('Cache-Control:must-revalidate'); $offset = 60 * 60; $expstr = 'Expires: ' . gmdate('D, d M Y H:i:s',time() + $offset) . ' [...]
Chiar daca ajungi la un nivel destul de ridicat in cunostinte de CSS se mai intampla sa gresesti, de incepatori ce sa mai zic.. De multe ori am fost nevoit sa fac cate un 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 CSS-ul, l-ai mai folosit pana acum si mergea, dar acum a aparut o problema.. ce e de facut:1. verifica daca numele fisierului CSS din pagina ta corespunde cu [...]
Ca webmaster de multe ori ai nevoie de un sistem de vot pentru diferite rubrici din website, asa ca m-am gandit sa postez un script de vot simplu si usor de editat in functie de nevoi.style.css.star-rating { background: url(vot-cu-ajutorul-php-si-css-01.png) top left repeat-x; margin: 5px; padding: 0px; width: 150px; height: 30px; list-style: none; position: relative; }.star-rating li { padding: 0px; margin: 0px; float: left; }.star-rating li a [...]
Uneori este enervanta 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 la alea care sunt cel mai des utilizate (Mozilla Firefox, Opera, Internet Explorer). La o pagina a trebuit sa folosesc un div semi-transparent si eu fiind un utilizator al browser-ului Mozilla Firefox am folosit -moz-opacity:0.5 dar am primit plangeri de la cateva [...]
Lucrand la cate un script, la un moment dat aveam nevoie de un chenar in care sa afisez o eroare sau sa atentionez user-ul ca urmeaza o sectiune importanta ce trebuie tratata ca atare. De inceput ma multumeam cu un div simplu unde eroarea sau informatia era scrisa boldat si cu rosu. Totusi am vazut pe multe website-uri chenare frumos colorate, si mi-am zis ca e cazul sa folosesc si eu asa ceva.style.cssbody { font-family: "Trebuchet [...]
Un amic cu care mai schimb cate o vorba din an in paste ma ruga odata sa ii arat si lui cum sa isi puna watermark pe pozele de pe site. Am zis oke, cu PHP si libraria GD2 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.<style type="text/css"> div#photo { margin: 0 auto; width: [...]
Am patit de mai multe ori sa citesc un text destul de mare in care erau puse si linkuri. Tot citind si verificand diferite chestii, si revenind la acea pagina iar si iar.. ajungeam la un moment dat sa nu mai stiu pe ce linkuri am apasat. Apoi mi-a venit o idee: cum as putea sa evidentiez linkurile neaccesate dintr-un text stufos cu ajutorul CSS-ului.Pai e simplu, atasez o imagine ca background link-urilor neaccesate. O imagine ca background sau textul boldat sau orice altceva ce scoate [...]
In ultimul timp s-a pus accent foarte mult pe tag-uri, tagCloud mai exact. Recomand sa iti implementezi un script simplu care afiseaza cele mai folosite cuvinte cheie ce definesc diferite categorii din pagina / blogul tau.La ce ajuta tagCloud? In primul si in primul rand la SEO, apoi la navigare. Pana mai ieri, pentru navigare pe un site / blog se foloseau categoriile, acum insa cu ajutorul acestor cuvinte cheie se poate naviga mai usor ajungand la informatia care ne intereseaza. Mai [...]
Iata un script simplu care imbina CSS si PHP pentru a crea un grafic (de forma placinta), metoda folosita pentru statistici. Usor de folosit si editat dupa bunul plac pentru a se integra in paginile voastre de statistici.style.css.css_pie { display: block; margin: 20; padding: 0; width: 30px; height: 30px; background-image: url(grafic-in-forma-de-placinta-pie.jpg); }.size05 { background-position: -0px 0; }.size10 { background-position: -30px [...]
1. Colturi rotunjite pentru DIV-uriDe multe ori in munca de design pentru un site ne lovitm de nevoia de a avea chenare care contin liste sau informatii utile si au colturile rotunjite. Un astfel de div este construit cu ajutorul unui cod css. Chenarul este alcatuit dintr-un header, body si footer.style.css.round_box { background: #f0f0f0; }.round_box_top div { background: url(top-left.png) no-repeat top left; }.round_box_top { background: url(top-right.png) [...]