Nuova Discussione
Rispondi
 
Pagina precedente | 1 | Pagina successiva
Stampa | Notifica email    
Autore

Effetti sul testo: testo sensibile (link), testo scorrevole, testo che cambia colore...

Ultimo Aggiornamento: 11/11/2006 14:43
OFFLINE
Post: 56.897
Post: 41.585
Registrato il: 04/02/2004
Registrato il: 13/11/2004
Sesso: Maschile
Admin Unico
CONTENT CREATOR
29/10/2005 18:39
 
Email
 
Scheda Utente
 
Quota

Per creare del testo "sensibile" (cioè un link) usare il seguente tag:

<a href=INDIRIZZO>TESTO</a>

N.b. al posto del testo è possibile inserire un'immagine da clickare, in questo caso userete il seguente tag:

<a href=INDIRIZZO><img src=INDIRIZZOIMMAGINE></img></a>

Modificato da ilpoeta59 29/10/2005 18.39





OFFLINE
30/10/2005 11:24
 
Email
 
Scheda Utente
 
Quota

Testo scorrevole "marquee"


<marquee behavior="alternate"> parola che volete </marquee>

<marquee behavior="slide"> parola che volete </marquee>

<marquee behavior="scroll"> parola che volete </marquee>

<marquee direction="down"> testo </marquee> [questo va' in basso]

<marquee direction="up"> testo </marquee> [questo va' verso l'alto]


OFFLINE
Post: 5.863
Post: 0
Registrato il: 12/03/2004
Registrato il:
Sesso: Femminile
30/10/2005 11:56
 
Email
 
Scheda Utente
 
Quota

EFFETTO GLOW SUL TESTO



<font size=3 face=Verdana color=blue style=filter:glow(color=red,strength=8);width:220>TESTO</font>



Il primo COLOR si riferisce al colore della scritta, il secondo (quello nelle parentesi) al colore intorno alla scritta.
Per decidere il colore si può scrivere il nome oppure il relativo codice esadecimale.

Con SIZE si modifica la dimensione e con FACE il font della scritta.
OFFLINE
Post: 5.863
Post: 0
Registrato il: 12/03/2004
Registrato il:
Sesso: Femminile
31/10/2005 18:03
 
Email
 
Scheda Utente
 
Quota

TESTO EFFETTO ARCOBALENO

se volete attirare l'attenzione dei vostri utenti ecco una scritta con effetto arcobaleno.. il codice è da copiare sempre nello spazio HTML di inizio o fine pagina


<b><font size="6">
<script language="JavaScript">
/*
Prelevato su www.web-link.it

RAINBOW TEXT Script by Matt Hedgecoe (c) 2002
Featured on JavaScript Kit
For this script, visit www.javascriptkit.com
*/

// ********** MAKE YOUR CHANGES HERE

var text="TESTO DA INSERIRE" // YOUR TEXT
var speed=80 // SPEED OF FADE

// ********** LEAVE THE NEXT BIT ALONE!


if (document.all||document.getElementById){
document.write('<span id="highlight">' + text + '</span>')
var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
}
else
document.write(text)
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
rainbow="#"+hex[r]+hex+hex
storetext.style.color=rainbow
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
</script>
</font></b>



nelle prime righe dello script trovate le variabili:
var text=
var speed=80
che servono: text per impostare la frase, speed per la velocità con cui avvine il passaggio da un colore all'altro. Oltre a questi due parametri è possibile agire anche sulle dimensioni e il tipo di font, questi parametri sono in normalissimo html e si trovano fuori dallo script:
<font size="6" face="verdana">
ed eventuali attributi quali: <b> <i> <s>
OFFLINE
Post: 56.897
Post: 41.585
Registrato il: 04/02/2004
Registrato il: 13/11/2004
Sesso: Maschile
Admin Unico
CONTENT CREATOR
02/05/2006 19:33
 
Email
 
Scheda Utente
 
Quota

Arcobaleno al passaggio del puntatore mouse
<SCRIPT language=JavaScript1.2>


var rate = 100; //


var obj; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID


if (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt(navigator.appVersion) >= 4) {
Browser = true;
} else {
Browser = false;
}

if (Browser) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}


//=============================================================================
// doRainbow
// This function begins to change a color.
//=============================================================================
function doRainbow()
{
if (Browser && act != 1) {
act = 1;
obj = event.srcElement;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}


//=============================================================================
// stopRainbow
// This function stops to change a color.
//=============================================================================
function stopRainbow()
{
if (Browser && act != 0) {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}


//=============================================================================
// doRainbowAnchor
// This function begins to change a color. (of a anchor, automatically)
//=============================================================================
function doRainbowAnchor()
{
if (Browser && act != 1) {
obj = event.srcElement;

while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}

if (obj.tagName == 'A' && obj.href != '') {
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}


//=============================================================================
// stopRainbowAnchor
// This function stops to change a color. (of a anchor, automatically)
//=============================================================================
function stopRainbowAnchor()
{
if (Browser && act != 0) {
if (obj.tagName == 'A') {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}


//=============================================================================
// Change Color
// This function changes a color actually.
//=============================================================================
function ChangeColor()
{
obj.style.color = makeColor();
}


//=============================================================================
// makeColor
// This function makes rainbow colors.
//=============================================================================
function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?

// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;

if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}

elmR = Math.floor(elmR);
elmG = Math.floor(elmG);
elmB = Math.floor(elmB);

clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString(16);

elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;

return clrRGB;
}

</SCRIPT>

Modificato da ilpoeta59 02/05/2006 19.33
OFFLINE
Post: 16.084
Post: 916
Registrato il: 19/11/2004
Registrato il: 31/05/2005
Sesso: Femminile
09/11/2006 21:08
 
Email
 
Scheda Utente
 
Quota

Effetto link hover arcobaleno
Questo script è identico a quello che ha fornito Poeta qui sopra, ma ha una differenza, i vostri utenti lo vedranno con qualunque browser, non solo con IE.

Dovete aprire un nuovo documento di un editor web (frontpage) ma se non l'avete va benissimo il note pad.

Copiatevi dentro tutta questa sequenza, che metterò tra i tags quote:



/************************************************************************/
/* Rainbow Links Version 1.03 (2003.9.20) */
/* Script updated by Dynamicdrive.com for IE6 */
/* Copyright (C) 1999-2001 TAKANASHI Mizuki */
/* takanasi@hamal.freemail.ne.jp */
/*----------------------------------------------------------------------*/
/* Read it somehow even if my English text is a little wrong! ;-) */
/* */
/* Usage: */
/* Insert '<script src="rainbow.js"></script>' into the BODY section, */
/* right after the BODY tag itself, before anything else. */
/* You don't need to add "onMouseover" and "onMouseout" attributes!! */
/* */
/* If you'd like to add effect to other texts(not link texts), then */
/* add 'onmouseover="doRainbow(this);"' and */
/* 'onmouseout="stopRainbow();"' to the target tags. */
/* */
/* This Script works with IE4,Netscape6,Mozilla browser and above only, */
/* but no error occurs on other browsers. */
/************************************************************************/


////////////////////////////////////////////////////////////////////
// Setting

var rate = 20; // Increase amount(The degree of the transmutation)


////////////////////////////////////////////////////////////////////
// Main routine

if (document.getElementById)
window.onerror=new Function("return true")

var objActive; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID


if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}


//=============================================================================
// doRainbow
// This function begins to change a color.
//=============================================================================
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}


//=============================================================================
// stopRainbow
// This function stops to change a color.
//=============================================================================
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}


//=============================================================================
// doRainbowAnchor
// This function begins to change a color. (of a anchor, automatically)
//=============================================================================
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}

if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}


//=============================================================================
// stopRainbowAnchor
// This function stops to change a color. (of a anchor, automatically)
//=============================================================================
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}


//=============================================================================
// Mozilla_doRainbowAnchor(for Netscape6 and Mozilla browser)
// This function begins to change a color. (of a anchor, automatically)
//=============================================================================
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}

if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}


//=============================================================================
// Mozilla_stopRainbowAnchor(for Netscape6 and Mozilla browser)
// This function stops to change a color. (of a anchor, automatically)
//=============================================================================
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}


//=============================================================================
// Change Color
// This function changes a color actually.
//=============================================================================
function ChangeColor()
{
objActive.style.color = makeColor();
}


//=============================================================================
// makeColor
// This function makes rainbow colors.
//=============================================================================
function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?

// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;

if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}

elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;

elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;

return '#' + elmR + elmG + elmB;
}




Dopodichè la salvate con questo nome: rainbow.js e la uppate su uno spazio web. Il file manager di FFZ va benissimo, anche se io uso uno spazio esterno.

Una volta fatto prendete il link del documento e lo inserite in questa stringa:

<script src="http://rainbow.js" type="text/javascript"></script>

Al posto di rainbow.js mettete il votro link e inserite la stringa nell'html di inizio pagina, e il gioco è fatto!
Modificato da maldini 09/11/2006 21.10
OFFLINE
Post: 42.776
Post: 20.224
Registrato il: 19/09/2003
Registrato il: 04/03/2005
Sesso: Maschile
11/11/2006 13:13
 
Email
 
Scheda Utente
 
Quota

<blink> Testo Lampeggiante </blink>
<blink> Testo </blink>


il metodo + comodo x far lampeggiare un testo
compatibile su tutti i browser
OFFLINE
Post: 15.948
Post: 755
Registrato il: 18/04/2005
Registrato il: 03/10/2006
Sesso: Femminile
11/11/2006 14:02
 
Email
 
Scheda Utente
 
Quota

[SM=x611911]
OFFLINE
Post: 42.776
Post: 20.224
Registrato il: 19/09/2003
Registrato il: 04/03/2005
Sesso: Maschile
11/11/2006 14:04
 
Email
 
Scheda Utente
 
Quota

che succede sissy?
cè qsa di poco chiaro?
OFFLINE
Post: 15.948
Post: 755
Registrato il: 18/04/2005
Registrato il: 03/10/2006
Sesso: Femminile
11/11/2006 14:12
 
Email
 
Scheda Utente
 
Quota

Re:

Scritto da: maldini 11/11/2006 14.04
che succede sissy?
cè qsa di poco chiaro?



[SM=x611855] non mi funziona il traduttore quindi per me è arabo [SM=x611911]

[SM=x611938]
OFFLINE
Post: 42.776
Post: 20.224
Registrato il: 19/09/2003
Registrato il: 04/03/2005
Sesso: Maschile
11/11/2006 14:43
 
Email
 
Scheda Utente
 
Quota

[SM=x611841] se provi a fare qualche tentativo potresti cominciare a capire un po' di + [SM=x611856]
Amministra Discussione: | Chiudi | Sposta | Cancella | Modifica | Notifica email Pagina precedente | 1 | Pagina successiva
Nuova Discussione
Rispondi



Feed | Forum | Utenti | Cerca | Login | Registrati | Amministra
Crea forum gratis, gestisci la tua comunità! Iscriviti a FreeForumZone
FreeForumZone [v.6.1] - Leggendo la pagina si accettano regolamento e privacy
Tutti gli orari sono GMT+01:00. Adesso sono le 14:33. Versione: Stampabile | Mobile
Copyright © 2000-2024 FFZ srl - www.freeforumzone.com