Customizare prima litera paragraf

[Aurel Dragut]

Am gasit pe w3school o chestie CSS destul de utila si m-am gandit sa v-o arat si voua:

w3schools.com/css/tryit.asp?filename=trycss_firstletter

[Emil Chelariu]

dap, destul de folositor !
ms

[meetzah]

da, interesant. am vazut mai demult chestia asta pentru prima litera din paragraf, primul cuvant, pentru primul rand, etc. De asemenea era si pentru a scrie cu litere capitale un cuvant, rand sau paragraf, chiar daca in sursa e scris cu minuscule. o sa caut sursa sa o pun aici...

[Marius Mailat]

si pentru a scrie cu litere capitale un cuvant, rand sau paragraf, chiar daca in sursa e scris cu minuscule.

text-transform: capitalize;

[FnatiK]

text-transform: capitalize;

Si pentru a scrie cu majuscule insa prima litera sa fie mai mare :

font-variant:small-caps;

[D@n]

N-am creat un topic nou ... se poate raspunde in continuare.

Exista posibilitatea ca in cazul in care ai un termen care se repeta pe paginile siteului acesta sa fie de o culoare diferita ca restul textului sau bold-uit .... sau orice alt format?

De exemplu:

Bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla...
textul important bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... bla... textul important...bla... bla... bla... bla... bla... bla...

Deci oriunde apare pe site textul important acesta sa aibe un anumit format (font, culoare, bold,italic,underline, strike....). Se poate?


update:

Paginile de care sunt? HTML? PHP? ASP?

Daca stii ma gandesc ca se poate posta aici pt toate trei. Nu de alta dar asa nu ma ajuti doar pe mine (html pentru mine).

[Aurel Dragut]

N-am creat un topic nou ... se poate raspunde in continuare.

Exista posibilitatea ca in cazul in care ai un termen care se repeta pe paginile siteului acesta sa fie de o culoare diferita ca restul textului sau bold-uit .... sau orice alt format?

De exemplu:



Deci oriunde apare pe site textul important acesta sa aibe un anumit format (font, culoare, bold,italic,underline, strike....). Se poate?

Paginile de care sunt? HTML? PHP? ASP?


Am intrebat de tip pentru ca la HTML nu exista solutie, ASP nu cunosc deloc...iar la PHP exista functii care teoretic ar trebui sa realizeze asa ceva... de ex. PHP: preg_replace - Manual

[ionutzb]

se poate face cu javascript (după încărcarea paginii) ca toate instanţele unui cuvând să fie colorate într-un anumit fel.
Desigur, se poate face şi cu un limbaj server side...

[D@n]

se poate face cu javascript (după încărcarea paginii) ca toate instanţele unui cuvând să fie colorate într-un anumit fel.
Desigur, se poate face şi cu un limbaj server side...

Unde gasesc un astfel de javascript? ... care sa poata fi "customizat"...

Multumesc!

[ionutzb]

păi... cea mai la îndemână chestie care îmi vine acum, fără prea mari gânduri:

<style>
span.highlight {background-color:red;color:white;}
</style>

<p id="paragraf">acest CUVANT va avea un highlight</p>

<javascript>
String.prototype.replaceAll = function(strTarget, strSubString){
		var strText = this;
		var intIndexOfMatch = strText.indexOf( strTarget );
 		while (intIndexOfMatch != -1){
	 		strText = strText.replace( strTarget, strSubString )
			intIndexOfMatch = strText.indexOf( strTarget );
	 	};
 	return( strText );
};
document.getElementById('paragraf').innerHTML.replaceAll('cuvant', '<span class="highlight">cuvant</span>');
</javascript>

nu ştiu dacă merge cum trebuie, dar asta e ideea pe care aş merge eu, cu mici modificări să nu se atingă de tagurile html.