Unustasid parooli?



     
Sisseloginud kasutajatele märgistatakse automaatselt teksti piirkonnad, mis on muutunud alates viimasest lugemisest. Lisandunud osa on roheline, eemaldatud osa punane.
Lisaks märgistatakse sisseloginud kasutajatele menüüs täiendavate värvide abil artiklid, mis on kasutajal loetud (hall), ning artiklid, mis on peale lugemist täienenud (roheline).

   

     

Pealkiri :
Id (lühend aadressiribale) :
Autor ja viimase muudatuse autor :
Loomise aeg ja viimane muudatus :
Teksti pikkus :
Luba ligipääs ainult kasutajanimedele (eralda komadega). Autoril on alati ligipääs. :


Teekond >> Proge >> Veebidisain >> CSS


CSS nipid
 
 
 
Arendamine mitmele brauserile
 
* http://www.webdesignerdepot.com/2009/03/microsoft-announces-superpreview-for-ie-browser-testing/ - Microsofti loodud tööriist mitme brauseri versiooni kuva võrdlemiseks
 
 
 
Kuidas panna tööle word-wrap kõigis browserites:
 
.klass {
white-space: -moz-pre-wrap !important;  /* Mozilla, supported since 1999 */
white-space: -pre-wrap;      /* Opera 4 - 6 */
white-space: -o-pre-wrap;    /* Opera 7 */
white-space: pre-wrap;       /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
word-wrap: break-word;       /* IE 5.5+ */
}
Kui on soov sundida Mozillat ka pikki sõnu poolitama, siis on keerukam lahendus kirjedatud siin:
 
 
 
 
IE6 ning PNG AlphaImageLoader
 
IE6 ei näita poolläbipaistvaid PNG pilte vaikimisi õigesti. Ning 50% IE kasutajatest kasutab veel IE6-t.
Et IE6-s näidata poolläbipaistvaid PNG pilte, tuleks kasutada järgnevat võtet:
http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html - siin on JS-fail, mis automaatselt muudab pildid õigeks.
http://homepage.ntlworld.com/bobosola/index.htm - siin on alternatiivne JS-fail, mis automaatselt muudab pildid õigeks.
Juhin veel tähelepanu, et olen seda kasutanud DIV tagidel. SPAN tagidel proovisin, aga ei andnud tulemust. Muid tage ei proovinud.
Kuid selle filtri rakendamisel enam ei tööta selles piirkonnas pildi mitteläbipaistvate alade kohal enam hiire event--id. Selleks puhuks on järgnev täiendus:
Kommenteerin veel, et see "position: relative;" atribuut tuleb panna viimase taseme child elemendile, ehk kui AlphaImageLoaderiga on mingi DIV ning selle sees on mitu taset alam-DIV-e, siis tuleb määrata relatiivse positsiooni atribuut viimasele tasemele. Kui see stiilifailis liiga mahukaks läheks, võib kasutada näiteks sedasi:
.taustagadiv A, .taustagadiv INPUT, .taustagadiv TEXTAREA. { ... } Sellest paistab piisavat, et eventidega objektid oleks kaetud. Võib ka kirjutadata .taustadagiv * { ... }. Aga sel juhul võib browser kokku joosta, kui veidikenegi mahukam leht juhtub. 
http://blogs.msdn.com/ie/archive/2005/04/26/412263.aspx - siin on arutelu tüübi poolt, kes läbipaistva PNG toe lõpuks IE7-sse lisas.
update 18.12.2008: http://nettuts.com/videos/screencasts/5-easy-ways-to-tackle-ie6s-transparency-issues/ - neli uuemad skripti vea lahendamiseks
 
 
Word-Break sümbolid
 
<wbr>​
­
Kui tahad, et poolitamise korral ilmuks ka poolituskriips, lisa "<wbr>" järele "-" märk: "<wbr>-". Sel juhul see poolituskriips ilmub nähtavale ainult siis, kui sõna poolitatakse, muidu aga mitte.
 
 
Rounded Corners
 
* http://spiffybox.com/ - piltide generaator
* http://www.smileycat.com/miaow/archives/000044.php - ülevaade paljudest meetoditest
 
 
Muu
 
 
 

kommentaarium spämmi tõttu ajutiselt välja lülitatud




Teekond >> Proge >> Veebidisain >> CSS

Teised tekstid samas jaotuses:  ||  Javascripti librad  ||  Veebiehituse librad  ||  Trueweb  ||  



  Saada kiri