Testi testoni!!!

[Girandol0]

Ciao a tutti. C'è un problema che da sempre mi assilla riguardante il testo nell'html. Oltre al fatto che non si possa inserire più di uno spazio tra un carattere e l'altro (a questo problema ho trovato già soluzione) non riesco ad andare a capo manualmente senza lasciare una voragine di spazio tra una riga e l'altra. In poche parole devo scrivere i testi di alcune canzoni di un gruppo che come sapete sono divise in versi al termine dei quali è necessario andare a capo. Se io da dreamweawer spingo [invio] mi va si a capo ma mi lascia un mucchio di spazio occupato!! Conclusione: le mie canzoni occupano vermente tanto posto!!! Per ora ho raggirato il problema inserendo un filmato di flash contenete il testo... solo che non posso continuare così perchè è troppo brigoso. Come posso fare??? Aiutatemi vi prego.
AH un'altra cosa...
In questo sito sbanda-tv (ma ce ne sono altri) il colore dei link si sfuma gradualmente quando ci passo sopra con il mouse. è difficile farlo?? Se mi risolvete anche questo problema siete dei grandi!! siete comunque dei grandi :gren:

Ciao e grazie!!!

[Francis87]

Originariamente inviato da Girandol0
Ciao a tutti. C'è un problema che da sempre mi assilla riguardante il testo nell'html. Oltre al fatto che non si possa inserire più di uno spazio tra un carattere e l'altro (a questo problema ho trovato già soluzione) non riesco ad andare a capo manualmente senza lasciare una voragine di spazio tra una riga e l'altra. In poche parole devo scrivere i testi di alcune canzoni di un gruppo che come sapete sono divise in versi al termine dei quali è necessario andare a capo. Se io da dreamweawer spingo [invio] mi va si a capo ma mi lascia un mucchio di spazio occupato!! Conclusione: le mie canzoni occupano vermente tanto posto!!! Per ora ho raggirato il problema inserendo un filmato di flash contenete il testo... solo che non posso continuare così perchè è troppo brigoso. Come posso fare??? Aiutatemi vi prego.
AH un'altra cosa...
In questo sito sbanda-tv (ma ce ne sono altri) il colore dei link si sfuma gradualmente quando ci passo sopra con il mouse. è difficile farlo?? Se mi risolvete anche questo problema siete dei grandi!! siete comunque dei grandi :gren:

Ciao e grazie!!!

x gli spazi tra le parole usa nel codice: & nbsp ; NB: senza spazi se no lo converte in spazio qui

x gli a capo, sempre nel codice metti:


x la sfumatura è un js..

[nillio]

testo uniforme orizzontalmente: <div align="justify"> (non DW)
interruzione senza salto di riga:
(shift+enter)
spazio tra le lettere: & nbsp; senza spazio (con DW nn mi ricordo )

petta che guardo i links

[nillio]

O francis :gren:

Cmq allora faccio a meno di guardare i links

[Francis87]

Originariamente inviato da nillio
O francis :gren:

Cmq allora faccio a meno di guardare i links

il codice JS è questo:

/*************
**** <config>
**/

fadeColor = "#9966CC";  // color to fade to
//fadeColor = "#0";
stepIn = 17; // delay when fading in
stepOut = 17; // delay when fading out

/* set to true or false; true will
** cause all links to fade automatically
** (you won't need to add class="fade")
***/
autoFade = true;  

/* set to true or false; true will cause all CSS
** classes with "fade" in them to fade onmouseover
***/
sloppyClass = true;

/* set to true or false; true will make the script
** work for Macs (IE 5+), but you will have to give
** a name (name="blah") to each link that you want
** to fade.
***/
macCompat = false;

/** 
**** </config>
**************/

hexa = new makearray(16);
for(var i = 0; i < 10; i++)
    hexa[i] = i;
hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
hexa[13]="d"; hexa[14]="e"; hexa[15]="f";

document.onmouseover = domouseover;
document.onmouseout = domouseout;

fadeColor = dehexize(fadeColor.toLowerCase());

var fadeId = new Array();

function dehexize(Color){
	var colorArr = new makearray(3);
	for (i=1; i<7; i++){
		for (j=0; j<16; j++){
			if (Color.charAt(i) == hexa[j]){
				if (i%2 !=0)
					colorArr[Math.floor((i-1)/2)]=eval(j)*16;
				else
					colorArr[Math.floor((i-1)/2)]+=eval(j);
			}
		}
	}
	return colorArr;
}

function domouseover() {
	if(document.all){
		var srcElement = event.srcElement;
		if ((srcElement.tagName == "A" && autoFade && srcElement.className != "nofade") || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1)) {
				if (!srcElement.startColor) {
					srcElement.startColor = (srcElement.style.color)? srcElement.style.color: srcElement.currentStyle.color;
					srcElement.startColor = dehexize(srcElement.startColor.toLowerCase());
				}
				var link = (macCompat? srcElement.name: srcElement.uniqueID);
				if (link) fade(srcElement.startColor,fadeColor,link,stepIn);				
				else if (macCompat) alert("Error: Mac Compatility mode enabled, but link has no name.");
		}
	}
}

function domouseout() {
	if (document.all){
		var srcElement = event.srcElement;
		if ((srcElement.tagName == "A" && autoFade && srcElement.className != "nofade") || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1)) {
			var link = (macCompat? srcElement.name: srcElement.uniqueID);
			if (link) fade(fadeColor,srcElement.startColor,link,stepIn);
		}
	}
}

function makearray(n) {
    this.length = n;
    for(var i = 1; i <= n; i++)
        this[i] = 0;
    return this;
}

function hex(i) {
    if (i < 0)
        return "00";
    else if (i > 255)
        return "ff";
    else
       return "" + hexa[Math.floor(i/16)] + hexa[i%16];
}

function setColor(r, g, b, element) {
      var hr = hex(r); var hg = hex(g); var hb = hex(b);
      element.style.color = "#"+hr+hg+hb;
}

function fade(s,e,element,step) {
	var sr = s[0]; var sg = s[1]; var sb = s[2];
	var er = e[0]; var eg = e[1]; var eb = e[2];
	
	if (fadeId[0] != null && fade[0] != element && eval(fadeId[0])) {
		var orig = eval(fadeId[0]);
		setColor(orig.startColor[0],orig.startColor[1],orig.startColor[2],orig);
		var i = 1;
		while(i < fadeId.length) {
			clearTimeout(fadeId[i]);
			i++;
		}
	}
		
	for(var i = 0; i <= step; i++) {
		fadeId[i+1] = setTimeout("setColor(Math.floor(" +sr+ " *(( " +step+ " - " +i+ " )/ " +step+ " ) + " +er+ " * (" +i+ "/" +
			step+ ")),Math.floor(" +sg+ " * (( " +step+ " - " +i+ " )/ " +step+ " ) + " +eg+ " * (" +i+ "/" +step+
			")),Math.floor(" +sb+ " * ((" +step+ "-" +i+ ")/" +step+ ") + " +eb+ " * (" +i+ "/" +step+ ")),"+element+");",i*step);
	}
	fadeId[0] = element;
}

da mettere nel tag <script> all'interno della sezione <head>

[nillio]

Senza fare un casino del genere, ottieni un effetto dignitosissimo con i css.

[Francis87]

Originariamente inviato da nillio
Senza fare un casino del genere, ottieni un effetto dignitosissimo con i css.

funziona così... è già pronto.. basta solo personalizzare queste righe all'inizio:

fadeColor = "#9966CC";  // color to fade to
stepIn = 17; // delay when fading in
stepOut = 17; // delay when fading out

ps: ciau nillio!

[nillio]

Originariamente inviato da Francis87


funziona così... è già pronto.. basta solo personalizzare queste righe all'inizio:

fadeColor = "#9966CC";  // color to fade to
stepIn = 17; // delay when fading in
stepOut = 17; // delay when fading out

ps: ciau nillio!

Ok, ma su testo di quelle dimensioni e colori la sfumatura graduale è quasi invisibile, tanto vale usare i css:

In testa metti

<style type="text/css">
a:hover { color: #cc66ff } (o quel che te pare)
</style>

su quelle dimensioni vedrai che il risultato è praticamente lo stesso.

Ciao Fra

[Francis87]

Originariamente inviato da nillio
Ok, ma su testo di quelle dimensioni e colori la sfumatura graduale è quasi invisibile, tanto vale usare i css:

In testa metti

<style type="text/css">
a:hover { color: #cc66ff } (o quel che te pare)
</style>

su quelle dimensioni vedrai che il risultato è praticamente lo stesso.

Ciao Fra

beh, ha chiesto lo script e gliel'ho fornito!
poi è una scelta del webmaster metterlo o meno, se si preferisce l'aspetto grafico o la leggerezza del codice.

[nillio]

& nbsp; (sempre senza spazio) con DW:

inserisci > caratteri speciali > spazio unificatore

oppure dalla finestra oggetti, vedi allegato.

Ho visto che c'è anche
: nn me lo ricordavo, così è veramente troppo un casino
(cmq sempre shift + enter)


@fra: su quelle dimensioni secondo me è follia pura (opinione personale)