(guida) Come personalizzare la firma

« Older Newer »

Signorina Insonne

Posted on 23/11/2012, 19:15

Group:: Le S-Catenate

Posts:: 6,431

Reputation:: 0

Location:: VESUVIO e dintorni

Status:

GUIDA

Come personalizzare la propria firma

> Sulla barra utente posizionatevi sul vostro nick e, nel menù a tendina, cliccate su Modifica Firma

> Il pannello per la firma ha le stesse caratteristiche e strumenti della casella per scrivere/rispondere ai post quindi componete la vostra firma come desiderate

> Quando avrete completato la vostra opera "firmata" cliccate sul bottone AGGIORNA FIRMA

Website

Contatti

Signorina Insonne

Posted on 23/11/2012, 19:43

Group:: Le S-Catenate

Posts:: 6,431

Reputation:: 0

Location:: VESUVIO e dintorni

Status:

* * EFFETTO SCORRIMENTO * *
Per veder scorrere la vostra firma (o parte della vostra firma) come i titoli dei film
ecco il codice (con le sue varianti):

SCORRIMENTO GIU'
CODICE
<marquee behavior="scroll" direction="down">INSERITE QUI</marquee>

SCORRIMENTO SU
CODICE
<marquee behavior="scroll" direction="up">INSERITE QUI</marquee>

SCORRIMENTO A DESTRA
CODICE
<marquee behavior="scroll" direction="right">INSERITE QUI</marquee>

SCORRIMENTO A SINISTRA
CODICE
<marquee behavior="scroll" direction="left">INSERITE QUI</marquee>

-

N.B.: tutto quello che vorrete veder scorrere dovrà trovarsi dentro i 2 tag marquee, quindi sostituite alla dicitura INSERITE QUI ciò che vorrete vedere in movimento.
Attenzione, siate precise con le < e >, [ e ]... ecc ecc ...altrimenti non si muoverà nulla
e vi ritroverete una firma pigrona

Per le smanettone che vogliono provare a personalizzare di più il proprio effetto scroll
date uno sguardo > qui

(Nota della Tutor ): vi consiglio di far scorrere (o comunque scegliere) immagini piccole e di non eccessive dimensioni altrimenti, visto lo spazio limitato disponibile nella firma, non si vedranno mai interamente.

Edited by Signorina Insonne - 14/10/2014, 22:46

Website

Contatti

Ninì86

Posted on 30/11/2012, 00:35 +1

MISS MA SEI UN'INSEGNANTE FANTASTICA!!!!

QUESTE SPIEGAZIONI SONO A PROVA DI ANTICAPACE COME ME!!!!
FINALMENTE CI SONO RIUSCITA ANCH'IO A METTERE LA FIRMA!!!!

Signorina Insonne

Posted on 30/11/2012, 12:44

Group:: Le S-Catenate

Posts:: 6,431

Reputation:: 0

Location:: VESUVIO e dintorni

Status:

davvero??? ci sei riuscita? olèèèèè
temevo di essere una "fetecchia" colossale come Tutor!

Website

Contatti

eravamo_los_feliz

Posted on 1/12/2012, 14:46

Group:: Le S-Catenate

Posts:: 17,997

Reputation:: +1,553

Location:: dove si parla con la "O" chiusa

Status:

ANG GIRANDO IN GIRO HO VISTO UNA FOTO FERMA SOTTO COME SFONDO E LE ALTRE CHE SCORRONO SOPRA...COMM SE Fà??

Website

Signorina Insonne

Posted on 1/12/2012, 20:12

Group:: Le S-Catenate

Posts:: 6,431

Reputation:: 0

Location:: VESUVIO e dintorni

Status:

CITAZIONE (merynaa @ 1/12/2012, 14:46)

ANG GIRANDO IN GIRO HO VISTO UNA FOTO FERMA SOTTO COME SFONDO E LE ALTRE CHE SCORRONO SOPRA...COMM SE Fà??

dabon????
Micia fammi vede' che parto alla ricerca
deve essere un attributo, forse background?!!

Website

Contatti

Signorina Insonne

Posted on 1/12/2012, 21:18

Group:: Le S-Catenate

Posts:: 6,431

Reputation:: 0

Location:: VESUVIO e dintorni

Status:

forse ho trovato!!!!

allora l'attributo background-image="URL(indirizzowww)" c'è ma non mi funziona

> Se vuoi un semplice sfondo colorato devi inserire l'attributo bgcolor
Esempio:

Il vostro testo qui

CODICE
<marquee bgcolor="#FF6666" width="350" height="30">Il vostro testo qui</marquee>

Regola la larghezza (width) ed altezza (heigth) espressa in pixel a seconda delle tue preferenze.

- - -

> Se vuoi come sfondo un'immagine sfruttiamo il tag div style così e poi
inseriamo lo scorrimento all'interno del div con il tag apposito marquee

Esempio
TIPO COSI'???

CODICE
<div style="background-image: url('http://24.media.tumblr.com/tumblr_mec8lh33UN1qdlh1io1_400.gif'); display: block; height: 265; width: 300"><marquee direction="right" height="265" width="300" align="middle">[color=green]<b>TIPO COSI'???</b>[/color]</marquee></div>

Fai attenzione a riportare le esatte dimensioni dell'immagine che vuoi usare
sia nel div style e sia nel marquee altrimenti ti ritroveri straripamenti indesiderati e scassamaroni scorrevoli.
Per il testo non sono ancora riuscita a centrarlo rispetto all'immagine
L'attributo dovrebbe essere align="middle" per centrarlo
"top" per tenerlo su o "bottom" per tenerlo in fondo....
ma non mi va!!!!

Webliografia
> http://brighteyes.forumfree.it/?t=55352436
> www.web-link.it/html/formmar.htm#alig
> http://www.modenasitiweb.it/panoramiche-na...gs-marquee.html

Website

Contatti

Signorina Insonne

Posted on 1/12/2012, 21:49

Group:: Le S-Catenate

Posts:: 6,431

Reputation:: 0

Location:: VESUVIO e dintorni

Status:

Eccolo

Testo/immagini

CODICE

<marquee style="background-image : URL(http://24.media.tumblr.com/tumblr_lyw89rNR741qi9vo4o1_500.png)" direction="left" behavior="alternate" height="95" width="502">[size=7]<b>Testo/immagini</b>[/size]</marquee>

il BEHAVIOR = ALTERNATE fa scorrere il testo in modo alternato
- su e giù > se la direction="up" o "down"
- destra e sinistra > se la direction = "right" o "left"

Per ulteriori personalizzazioni inserite gli attributi
- loop="numero" >>> per impostare quante volte il testo scorrerà prima di bloccarsi
- scrollAmount="numero" >>> per impostare la velocità dello scorrimento
(aumentando il numero >aumenta la velocità)
- scrolldelay="numero" >>> per impostare il ritardo con cui ricomincia il successivo scorrimento
(aumentando il numero aumenta il ritardo)

Per far sì che il testo/immagine si fermi al passaggio del mouse sopra
inserite questo attributo

CODICE

onmouseover="this.stop()"onmouseout="this.start()"

(ma non funziona nella firma

)

per un testo che gira a zig-zag

TESTO ZIG ZAG

CODICE

<marquee direction="up" behavior="alternate" height="200"><marquee behavior="alternate" width="60%">TESTO ZIG ZAG</marquee></marquee>

Webliografia
> www.iltelaiodipenelope.it/tutorial/html/marquee_speciali.php

Edited by Signorina Insonne - 1/12/2012, 22:39

Website

Contatti

eravamo_los_feliz

Posted on 2/12/2012, 09:52 +1

Group:: Le S-Catenate

Posts:: 17,997

Reputation:: +1,553

Location:: dove si parla con la "O" chiusa

Status:

YEAAAAA SEI SEMPRE THE BEST

Website

terefra

Posted on 6/12/2012, 17:45

CITAZIONE (Signorina Insonne @ 23/11/2012, 19:15)

....MISS .....io ci provo da un po di giorni...ma una volta premuto AGGIORNA FIRMA mentre carica ...si blocca.. e la firma nn viene aggiunta......come mai????

Signorina Insonne

Posted on 12/12/2012, 13:54

Group:: Le S-Catenate

Posts:: 6,431

Reputation:: 0

Location:: VESUVIO e dintorni

Status:

CITAZIONE (terefra @ 6/12/2012, 17:45)

....MISS .....io ci provo da un po di giorni...ma una volta premuto AGGIORNA FIRMA mentre carica ...si blocca.. e la firma nn viene aggiunta......come mai????

Nadia, scusa il ritardo con cui ti rispondo
ma ne approfitto ed aggiungo anche qui la spiegazione che ti ho dato via MP
affinchè possa essere di aiuto a chi legge .
Quando si verifica un problema come il tuo è probabile che le dimensioni della foto che state cercando di caricare dal vostro computer sia troppo grande
quindi, per aggirare queste ed altre rotture, io consiglio sempre di procedere
caricando la vostra immagine su un sito di hosting
(io uso > tinypic.com)
e di copiare l'indirizzo www.ecc.jpg comprensivo del tag HTML di inizio e di fine per inserire le IMG. Eccovi un esempio per essere più precisa:
CODICE
[IMG]www.indirizzoimmagine.jpg[/IMG]

Questo codice bello e pronto è già reso disponibile da TinyPic quando caricate la vostra immagine per cui vi basterà copiarlo ed incollarlo nella vostra casellina per la firma.

Website

Contatti

terefra

Posted on 12/12/2012, 14:05 +1

CITAZIONE (Signorina Insonne @ 12/12/2012, 13:54)

CITAZIONE (terefra @ 6/12/2012, 17:45)

....MISS .....io ci provo da un po di giorni...ma una volta premuto AGGIORNA FIRMA mentre carica ...si blocca.. e la firma nn viene aggiunta......come mai????