CSS: câteva coduri şi câteva resurse


M-am uitat acum două zile pe articolul CSS Code Snippets : 15 Wicked Tricks şi am găsit o serie de mici “trucuri” interesante. Pentru cei care stăpânesc CSS s-ar putea să fie lucruri cunoscute, dar mai ales pentru ceilalţi ar putea fi o invitaţie la a se apropia (mai mult) de CSS. Atâtea lucruri minunate se pot face din câteva linii de cod! M-am jucat cu câteva dintre codurile din articol. De exemplu cel care pune automat (PDF) după linkurile ce conduc spre fişiere PDF. Da, un mic cod CSS şi automat va apare acel text la legăturile spre PDF-uri. Similar se poate face pentru fişiere DOC sau altele. Aţi putea ataşa o imagine, ca să indice vizual spre ce este condus navigatorul.

image

Iată mai jos codurile folosite. Nu e simplu? Şi sunt doar câteva exemple din articolul amintit.

a[target="_blank"]:before,  
a[target="new"]:before {  
	margin:0 5px 0 0;  
	padding:1px;  
	outline:1px solid #333;  
	color:#333;  
	background:#ff9;  
	font:12px "Zapf Dingbats";  
	content: "\279C";  
}  

a[href$="pdf"]:after {  
	margin:0 0 0 5px;  
	font:bold 12px "Lucida Grande";  
	content: " (PDF)";  
}  
a[href$=".doc"]:after {
	margin:0 0 0 5px;  
	font:bold 12px "Lucida Grande";  
	content: " (DOC)";
} 
 
p.textul-meu:first-letter{  
	display:block;  
	margin:5px 0 0 5px;  
	float:left;  
	color:#FF3366;  
	font-size:60px;  
	font-family:Georgia;  
}

Să mergem mai departe. Dacă cumva vi s-a deschis apetitul pentru CSS, aş mai avea câteva articole recente legate de CSS pe care aş vrea să vi le recomand.

Desigur, al doilea articol ar putea fi cel mai valoros. Sunt acolo strânse 50 de legături spre diverse articole şi situri. Veţi da acolo de tot felul de lucruri interesante. De exemplu 101 CSS Techniques Of All Time partea I şi partea a II-a. Sau 40+ CSS Generators, Creators, and Makers. Navigare şi documentare plăcută!


Apreciază articolul:

1 stea2 stea3 stea4 stea5 stea (2 evaluări, media: 3,00 din 5)
Loading...Loading...

0 comentarii


Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile necesare sunt marcate *