Filme de urmarit pentru designeri: Design in detaliu
Paul Bennet vorbeste de un aspect foarte important pentru designeri: detaliile mici.Citește în continuare
Paul Bennet vorbeste de un aspect foarte important pentru designeri: detaliile mici.Citește în continuare
[css]a[href^="http"] { background: url(caleaspreiconita/icon.png) no-repeat; padding-left: 10px; }[/css] Te-ai intrebat vreodata cum unele site-uri prezinta o iconita mica pentru linkurile externe? Codul CSS de sus face fix acest lucru.Citește în continuare
[css]a[title] { color: green; } [/css] Acest selector CSS selecteaza toate linkurile care au pus title. Daca un link nu are pus atributul title atunci linkul nu este selectat. Citește în continuare
[css] ul ~ p { color: red; }[/css] Acest selector este asemanator cu selector X+Y dar este mai putin restrictiv. Spre deosebire de X+Y care selecteaza primul element care este precedat de primul atribut, X~Y selecteaza orice element Y care este precedat de X.Citește în continuare
Cum poti sa schimbi CSS-ul pentru linkurile care sunt spre imagini? Urmatorul cod CSS te ajuta sa schimbi designul pentru linkurile spre imagini.Citește în continuare
Urmatorul atribut CSS probabil ca il cunoasteti insa doresc sa il mai amintesc odata. Ce poti face daca doresti ca un element sa se schimbe atunci cand esti cu mouse-ul pe el? Probabil ca la linkuri deja folosest a:hover dar stiai ca se poate folosi acelasi principiu pentru orice element?Citește în continuare
Ce poti face daca vrei ca linkurile externe sa fie diferite de cele din site? Poti sa faci un css in care sa ii dai o conditie de genul celei de mai jos: [css]a[href*="dexblog.ro"] { color: #1f6053; /*verde */ } [/css] Practic CSS-ul de sus spune ceva de genul: ToateCitește în continuare
Atunci cand facem un site de obicei este mai greu poate sa generezi layout-ul general in care vor fi puse toate informatiile. Daca doresti sa creezi un layout general in prezent este foarte simplu deoarece sunt multe utilitare care te pot ajuta. Unul dintre aceste utilitare este Yahoo Grid Builder. Citește în continuare
Noile tehnologii HTML 5 si CSS 3 sunt dezvoltate pe parcurs si implementate de fiecare browser in ritmul sau. Dar cand sa incepi sa folosesti tehnologiile noi in site-urile tale? O varianta buna este aceea de a incerca sa gasesti copatibilitatea unui atribut cu browsere actuale. Unde poti face asta?Citește în continuare
In CSS 3 umbra este foarte usor de facut fara imagini si fara batai de cap. Daca inainte era un chin sa faci o umbra acum este foarte simplu. Outer shadow: [css].shadow { -moz-box-shadow: 5px 5px 5px #ccc; -webkit-box-shadow: 5px 5px 5px #ccc; box-shadow: 5px 5px 5px #ccc; }[/css] InnerCitește în continuare
Designed using Magazine News Byte. Powered by WordPress.