-
.
Link e codici
ImmagineCODICE<img src="LINK IMMAGINE" width="X" height="Y" alt="TITOLO">
ScrollbarCODICE<div style="width:300px;height:150px;overflow-y: scroll;overflow-x: scroll;"></div>
Questo codice mette la barra sia in verticale che in orizzontale
width:300px;
Rappresenta la larghezza da attribuire al div
height:150px;
Rappresenta l'altezza da attribuire al div
overflow-y: scroll;
Indica che, se il contenuto supera l'altezza stabilita, deve essere inserita la barra di scorrimento verticale
overflow-x: scroll;
Indica che, se il contenuto supera la larghezza stabilita, deve essere inserita la barra di scorrimento verticale
Codice che funziona in tabella e nella firma:CODICE<div style="width:200px;height:100px;overflow-y: scroll; border:1px solid black;">
...
...
</div>
Questo codice mette un contorno nero, creando una finestra con scrollbar
width:200px;
Rappresenta la larghezza da attribuire al div
height:100px;
Rappresenta l'altezza da attribuire al div
overflow-y: scroll;
Indica che, se il contenuto supera l'altezza stabilita, deve essere inserita la barra di scorrimento verticale
border:1px solid black;
Indica spessore, tipo e colore del bordo.
Nuova scrollbarCODICE<div style="overflow: auto; height: 50px;">
...
...
</div>
Automaticamente si mette la barra se si supera una certa altezza.
Guida all'inserimento di scrollbar nelle tabelle
http://supporto.forumfree.it/?t=6071609
Creato da Hamm per Sentieri ArcaniCODICE<marquee scrollamount='5' onMouseover='this.scrollAmount=1' onMouseout='this.scrollAmount=5' direction="right" height="60px" width="270 px">TESTO QUI</marquee>
Codici marquee
MARQUEE CHE SI FERMA AL PASSAGGIO DEL MOUSECODICE<marquee onmouseover="this.stop()" onmouseout="this.start()">TESTO QUI</marquee>
MARQUEE CHE RALLENTA AL PASSAGGIO DEL MOUSECODICE<marquee scrollamount='5' onMouseover='this.scrollAmount=1' onMouseout='this.scrollAmount=5'>TESTO QUI</marquee>
MARQUEE CON VELOCITA' REGOLABILE - ORIZZONTALECODICE<marquee behavior="scroll" scrollamount="2">TESTO QUI</marquee>
MARQUEE DALL'ALTO VERSO IL BASSO - VERTICALECODICE<marquee behavior="scroll" direction="down" height="100px">TESTO QUI</marquee>
MARQUEE DAL BASSO VERSO L'ALTO - VERTICALECODICE<marquee behavior="scroll" direction="up" height="100px">TESTO QUI</marquee>
MARQUEE ALTERNATO - ORIZZONTALECODICE<marquee behavior="alternate">TESTO QUI</marquee>
MARQUEE DA SINISTRA A DESTRA - ORIZZONTALECODICE<marquee behavior="scroll" direction="right">TESTO QUI</marquee>
MARQUEE DA DESTRA A SINISTRA - ORIZZONTALECODICE<marquee>TESTO QUI</marquee>
Con linkCODICE<font face="Arial" size="2"><b><marquee height="30" scrollamount="5" scrolldelay="60" width="100%" style="font-family: Arial; font-size: 5pt; color: #000"></b></font><a target="top" href="http://angelgraphic4um.forumfree.net/"><font face="Arial" size="2"><b> http://angelgraphic4um.forumfree.net/</marquee></b></font></a>
Scorrevole AlternataCODICE<marquee behavior="alternate"><marquee width="150">Graphics Dream</marquee></marquee>
Testo che si muoveCODICE<marquee direction="up" behavior="alternate" height="200"><marquee behavior="alternate" width="30%">Il vostro testo qui</marquee></marquee>CODICE<marquee direction="up" behavior="alternate" height="200"><marquee behavior="alternate" width="30%">*Inserisci qui il testo*</marquee></marquee>
Edited by Hamm - 12/2/2017, 17:52. -
.
Come creare un link con apertura in un'altra finesta: CODICE<a href="link_del_sito" target="_blank">testo</a>
Come inserire immagini:CODICE<img src="link_immagine" alt="descrizione_immagine">CODICE<img src="link_immagine" alt="descrizione_immagine" width="largezza_immagine_in_pixel" height="altezza_immagine_in_pixel" title="testo_che_appare_al_passaggio_del_mouse">
Come creare un anteprima cliccabile di una immagine:CODICE<a href="link_immagine" target="_blank"><img src="link_immagine" width="largezza_immagine_in_pixel" height="altezza_immagine_in_pixel" alt="descrizione_immagine"></a>
Come inserire un'immagine con link:CODICE<a href="link_del_sito"><img src="link_immagine" alt="descrizione_immagine"></a>CODICE<a href="link_del_sito"><img src="link_immagine" border="0" alt="descrizione_immagine" width="largezza_immagine_in_pixel" height="altezza_immagine_in_pixel" title="testo_che_appare_al_passaggio_del_mouse"></a>
Come inserire un'immagine con link e apertura in un'altra finesta:CODICE<a href="link_del_sito" target="_blank"><img src="link_immagine" alt="descrizione_immagine"></a>CODICE<a href="link_del_sito" target="_blank"><img src="link_immagine" border="0" alt="descrizione_immagine" width="largezza_immagine_in_pixel" height="altezza_immagine_in_pixel" title="testo_che_appare_al_passaggio_del_mouse"></a>
Come inserire un'immagine a lato di un paragrafo di testo funziona!CODICE<p>
<img src="link_immagine" align="left" alt="descrizione_immagine" width="largezza_immagine_in_pixel" height="altezza_immagine_in_pixel">Questo è un paragrafo di testo con un'immagine a lato, il testo avrà un'immagine a sinistra, perchè l'attibuto align dell'immagine ha il valore left
</p>
Come allineare verticalmente un'immagine all'interno di un testoCODICE<p>
Questo è un paragrafo di testo con un'immagine inserita all'interno<img src="link_immagine" alt="descrizione_immagine" width="largezza_immagine_in_pixel" height="altezza_immagine_in_pixel"> la riga di testo è allineata al fondo dell'immagine perchè l'immagine non ha un attributo align
</p>CODICE<p>
Questo è un paragrafo di testo con un'immagine inserita all'interno<img src="link_immagine" alt="descrizione_immagine" align="bottom" width="largezza_immagine_in_pixel" height="altezza_immagine_in_pixel"> la riga di testo è allineata al fondo dell'immagine perchè l'immagine ha l'attributo align="bottom"
</p>CODICE<p>
Questo è un paragrafo di testo con un'immagine inserita all'interno<img src="link_immagine" alt="descrizione_immagine" align="middle" width="largezza_immagine_in_pixel" height="altezza_immagine_in_pixel"> la riga di testo è allineata al centro dell'immagine perchè l'immagine ha l'attributo align="middle"
</p>CODICE<p>
Questo è un paragrafo di testo con un'immagine inserita all'interno<img src="link_immagine" alt="descrizione_immagine" align="top" width="largezza_immagine_in_pixel" height="altezza_immagine_in_pixel"> la riga di testo è allineata alla sommità dell'immagine perchè l'immagine ha l'attributo align="top"
</p. -
.
FAST TOPIC PREVIEW
Script per avere un'anticipazione dei topic
Aggiungere il seguente codice in Amministrazione => Grafica => Codice HTML => In cima al forum :CODICE<script>
var FastPreviewOnClick = true;
</script>
Va messo in HTML in fondo al forumCODICE<script type="text/javascript">
var FastPreviewOnClick = true;
</script>
<script type="text/javascript" src="http://ffb.forumfree.net/js/fast_topic.js"></script>
Aggiungere il seguente codice in Amministrazione => Grafica => Colori e Stili:CODICE/* FAST TOPIC PREVIEW - FFBOARD */
/* Avatar & Preview */
.fast_preview {height: 0; overflow: hidden}
.fast_preview.clicked {height: auto}
.fast_preview img {float: left; padding: 1px; margin: 5px; border: 1px solid #D5D5D5; background: #FFF; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); width: 40px; height: 40px}
/* Apri & Chiudi */
.bb .fp_open {background: url(http://i.imgur.com/BzDhcHL.png) no-repeat top}
.bb .fp_close {background: url(http://i.imgur.com/BzDhcHL.png) no-repeat bottom}
.bb .fp_open, .bb .fp_close {margin-left: 10px; width: 16px; height: 16px; display: none; float: right; cursor: pointer}
.bb .fp_open.clicked, .bb .fp_close.clicked {display: block}
Per informazioni http://ffboard.forumfree.it/?t=66484042
<!---Inizio Codice--><marquee style="text-align: center; font-family:'Palatino Linotype'; font-size: 9pt; color: #B8B7B6; height: 84px; width: 95%;" direction="up" scrollAmount="1" scrolldelay="2" onmouseover="this.stop()"onmouseout="this.start()">
Scrivi tu......scrivi tu.....scrivi tu.....
Scrivi tu......scrivi tu.....scrivi tu.....
Scrivi tu......scrivi tu.....scrivi tu.....
Scrivi tu......scrivi tu.....scrivi tu.....
Scrivi tu......scrivi tu.....scrivi tu.....
Scrivi tu......scrivi tu.....scrivi tu.....
Scrivi tu......scrivi tu.....scrivi tu.....
Scrivi tu......scrivi tu.....scrivi tu.....
<!--Fine codice-->CODICE<!---Inizio Codice--><table style="width: 412px; height: 233px; border-color: #c0c0c0; border-width: 0; background-image: url('http://graficasmiles.altervista.org/Targhette/TarghettebyGraficandsmiles/xx398__5_.png'); background-repeat: no-repeat; text-align: center; font-family: 'Palatino Linotype'; color: #C0C0C0; font-size: 9pt" cellpadding="0" cellspacing="0" align="center">
<tr>
<td style="height: 69px; width: 105px"></td>
<td style="height: 69px; width: 203px"> </td>
<td style="height: 69px"> </td>
</tr>
<tr>
<td style="height: 99px; width: 105px"></td>
<td style="height: 99px; width: 203px">
<marquee style="text-align: center; font-family:'Palatino Linotype'; font-size: 9pt; color: #B8B7B6; height: 84px; width: 95%;" direction="up" scrollAmount="1" scrolldelay="2" onmouseover="this.stop()"onmouseout="this.start()">
Scrivi tu......scrivi tu.....scrivi tu.....<br>
Scrivi tu......scrivi tu.....scrivi tu.....<br>
Scrivi tu......scrivi tu.....scrivi tu.....<br>
Scrivi tu......scrivi tu.....scrivi tu.....<br>
Scrivi tu......scrivi tu.....scrivi tu.....<br>
Scrivi tu......scrivi tu.....scrivi tu.....<br>
Scrivi tu......scrivi tu.....scrivi tu.....<br>
Scrivi tu......scrivi tu.....scrivi tu.....<br></marquee></td>
<td style="height: 99px; width: 104px"> </td>
</tr>
<tr>
<td style="height: 65px; width: 105px"> </td>
<td style="height: 65px; width: 203px"> </td>
<td style="height: 65px"> </td>
</tr>
</table>
<!--Fine codice-->
Codice creato da HammCODICE<!-- Inizio Codice--><table style="width: 272px; height: 222px; border-color: #c0c0c0; border-width: 0; background-image: url('http://i.imgur.com/jk1IfYP.png'); background-repeat: no-repeat; text-align: center; font-family: 'Optima'; color: #C0C0C0; font-size: 9pt" cellpadding="0" cellspacing="0" align="center">
<tr>
<td style="height: 69px; width: 105px"></td>
<td style="height: 69px; width: 203px"> </td>
<td style="height: 69px"> </td>
</tr>
<tr>
<td style="height: 95px; width: 105px"></td>
<td style="height: 95px; width: 203px">
<marquee style="text-align: left; font-family:'Optima'; font-size: 9pt; color: #B8B7B6; height: 100px; width: 150;" direction="up" scrollAmount="1" scrolldelay="2" onmouseover="this.stop()"onmouseout="this.start()">
<a href="http://passioneinviola.blogfree.net/?t=2051154" target="_blank"><img src="http://i46.tinypic.com/33bz3nd.jpg" alt="SOS tigre"></a>
<a href="http://passioneinviola.blogfree.net/?t=2054817" target="_blank"><img src="http://i45.tinypic.com/14c5zrp.jpg" alt="SOS orso polare"></a>
<a href="http://passioneinviola.blogfree.net/?t=3723226" target="_blank"><img src="http://i.imgur.com/xjiYq.png" alt="Non sprecare acqua-Passione in Viola"></a>
<a href="http://passioneinviola.blogfree.net/?t=2711804" target="_blank"><img src="http://i30.tinypic.com/2w57jlz.png" alt="No abbandono"></a> </marquee></td>
<td style="height: 99px; width: 104px"> </td>
</tr>
<tr>
<td style="height: 65px; width: 105px"> </td>
<td style="height: 65px; width: 203px"> </td>
<td style="height: 65px"> </td>
</tr>
</table>
<!--Fine codice-->
<!-- Inizio Codice-->
<!--Fine codice-->
Edited by Hamm - 12/2/2017, 17:53. -
.
HTML: Inserire un'immagine per ogni punto elenco numerato
http://html.blogfree.net/?t=441936
Elenco
http://www.ideepercomputeredinternet.com/2...stile-html.html. -
.
Effetto neve
E' codice in uso e dovrebbe essere modificabile con altri oggetti
http://ilforumdizino.forumcommunity.net/?t=48843759
Codice HTML che sarà mostrato in FONDO a tutte le pagineCODICE<!-- Codice effetto neve -->
<script type="text/javascript">
<!-- Begin
var no = 15; // image number or falling rate
var speed = 20; // the lower the number the faster the image moves
var snow = new Array();
// definizioni delle immagini da muovere
// aggiungi o cancella gli elementi dell'array secondo preferenza
snow[0] = "http://skin.forumfree.net/christmas/snow.png"
snow[1] = "http://skin.forumfree.net/christmas/snow.png"
snow[2] = "http://i.imgur.com/QIW3W9x.gif"
snow[3] = "http://i.imgur.com/01zFC3e.gif"
var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 1800;
if (ns4up||ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
j = 0;
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ns4up) { // set layers
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""+ snow[j] + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""+ snow[j] + "\" border=\"0\"></layer>");
} } else if (ie4up||ns6up) { if (i == 0)
{
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + snow[j] + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + snow[j] + "\" border=\"0\"></div>");
}
}
if (j == (snow.length-1)) { j = 0; } else { j += 1; }
}
function snowNS() { // Netscape main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i]; if (yp[i] > doc_height) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = -30;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight; }
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i]+pageYOffset;
document.layers["dot"+i].left = xp[i] +
am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
function snowIE_NS6() { // IE main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = -30;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = ns6up?window.innerWidth-5:document.body.clientWidth;
doc_height = ns6up?window.innerHeight-5:document.body.clientHeight;
}
dx[i] += stx[i];
if (ie4up){
document.all["dot"+i].style.pixelTop = yp[i]+document.body.scrollTop;
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
else if (ns6up){
document.getElementById("dot"+i).style.top=yp[i]+pageYOffset;
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i]);
}
}
setTimeout("snowIE_NS6()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up||ns6up) {
snowIE_NS6();
}
// End --></script>
Questa è la parte con le immagini della neveCODICEsnow[0] = "http://skin.forumfree.net/christmas/snow.png"
snow[1] = "http://skin.forumfree.net/christmas/snow.png"
Altre immagini usate per la cadutaCODICEhttp://i.imgur.com/QIW3W9x.gif"CODICEhttp://i.imgur.com/01zFC3e.gif"
Questo qui sotto, mai usato
http://newsboard.forumfree.it/?t=67605561SPOILER (clicca per visualizzare)Una volta usato, come rimuovere tutto il codice
Edited by Hamm - 3/1/2016, 13:37. -
.
Cornici con testo
http://sherazade.blogfree.net/?t=5433658Cornice tratteggio fino
CODICE<div style="border: 4px Dotted #7171FF; width: 400px;">inserisci qui la firma</div>inserisci qui la firmaCornice spessa tratteggiata
CODICE<div style="border: 7px Dotted #F00000; width: 600px;">[color=green]testo[/color]
</p></div>testoCornice tratteggio largo
CODICE<div style="border: 4px Dashed #00CCFF; width: 400px;">Inserisci qui la firma</div>Inserisci qui la firmaCornice spessa con spazio interno colorato
CODICE<div align="center"><div style="width: 300px; background-color:#FAE3FF; border: 5px solid #FF7171; font:10pt; color: #FF7171"; align="center">[color=red]testo[/color]
</div></div>testo
- width: 300px = larghezza
- background-color:#FAE3FF = colore di sfondo
- border: 5px = spessore bordo
- solid #FF7171 = colore bordo
- font:10pt = grandezza font in punti
- color: #FF7171 = colore fontCornice con titolo
CODICE<fieldset><legend><b>Titolo</b></legend><p align="center">Aggiungi i tuoi contenuti</p></fieldset>Cornice con spazio interno colorato
CODICE<div align="center"><div style="font-family: georgia; font-size: 10px; width: 350px; color: #000000; background-color: #C6ECFF; -moz-border-radius: 15px; text-align: justify; padding: 10px; border: 3px solid #3939FF"><p align="center"> TESTO </p></div></div>TESTO
- font-size: 10px = grandezza scritta
- width: 350px = larghezza rettangolo
- color: #000000 = colore scritta
- background-color: #C6ECFF = colore di sfondo
- border: 3px = spessore bordo in pixel
- solid #3939FF = colore bordoCornice doppia
CODICE<div style="border: 4px double #FFAAAA; width: 400px;">Inserisci qui la firma</div>Inserisci qui la firmaScritta su sfondo colorato
CODICE<div style="padding: 1px; background-color: #7171FF; color: #FFFFFF; font-size: 9px; font-family: georgia; text-align: left; width: 200px; line-height: 10px;"> testo testo testo testo testo testo</div>testo testo testo testo testo testo
- background-color: = colore di sfondo
- color= colore testoTesto fra due righe colorate
CODICE<div style="border-bottom:1px solid #CODICE ESADECIMALE;border-top:1px solid #CODICE ESADECIMALE">testo</div>testoDoppio bordo, effetto tratteggiato e cornice spessa
CODICE<div align="center"><fieldset style="border: 1px dashed #CODICE ESADECIMALE; margin: 0px; padding: 1px; width:140px"><fieldset style="border: 3px solid #CODICE ESADECIMALE; margin: 0px; width: 140px"><center>testo</center></fieldset></fieldset></div>Bordo più spesso sopra e sotto
CODICE<div align="center"><div style="width: 140px; background-color: #CODICE ESADECIMALE; border: 10px solid #CODICE ESADECIMALE; border-right: 3px solid #CODICE ESADECIMALE; border-left: 3px solid #CODICE ESADECIMALE; -moz-border-radius-topleft: 30px; -moz-border-radius-bottomright: 30px; font-size: 11px; font-family: tahoma; text-align: justify; padding: 15px; line-height:80%">testo</div></div>testoBordo arrotondato
CODICE<div align="center"><div style=" background-color: #CODICE ESADECIMALE; -moz-border-radius-topleft: 9px; -moz-border-radius-bottomright: 9px; -webkit-border-radius: 9px; border: 0; padding: 4px; width: 230px; color: #CODICE ESADECIMALE; font-size: 10px; font-family: georgia; text-align: center;" > testo testo </div><div style=" background-color: transparent; border-bottom: 2px dotted #CODICE ESADECIMALE; padding: 0; width: 240px; height: 3px; color: #CODICE ESADECIMALE; font-size: 10px; font-family: verdana; text-align: center;" ></div>
</div>testo testoRiquadro con testo e immagine, sfondo colorato
CODICE<div align=center><div style="background-color:#CODICE COLORE; color:#666666; font-size:9px; font-family:georgia; text-align:left; width:NUMERO CHE INDICA LA LARGHEZZA DEL RETTANGOLOpx; -moz-border-radius: 11px; padding:6px; line-height:8px;"><div><table border="0">
<tr>
<td>[IMG]LINK DIRETTO IMMAG[/IMG]</td>
<td>
SCRIVI QUEL CHE VUOI QUI
</td>
</tr>
</table></div></div></div>Cornice spessa con dentro immagine allineata e testo
CODICE<div align=center><div style="Border: NUMERO SPESSORE DEL BORDOpx solid#COLORE DEL BORDO; color:#666666; font-size:9px; font-family:georgia; text-align:left; width: 250px; -moz-border-radius: 11px; padding:6px; line-height:8px;"><div><table >
<tr>
<td>LINK IMMAGINE</td>
<td><div style="overflow:auto; height:100px">TESTO</div></td>
</tr>
</table></div></div></div>
Volendo si può aggiungere anche una scrollbar:CODICE<div style="overflow:auto; height:NUMERO DI PIXEL CHE INDICA L'ALTEZZA MASSIMA DEL TESTO PRIMA CHE SI ATTIVI LA BARRA DI SCORRIMENTOpx"> TESTO TESTO </div>
Edited by Hamm - 3/11/2022, 19:10. -
.
Generatore interattivo di tabelle con grafica uguale a quella del forum
http://ffmagazine.forumfree.it/?pag=tablecreator. -
.
Guida Tabella Slide con effetto Fade
http://ffmagazine.forumfree.it/?t=48148627
Immagini ai lati del container
In Gestione HTML -> Codice che sarà mostrato in cima a tutte le pagine, inserisci questo
HTMLCODICE<div style="position:absolute;right: 0; width: 120px;"><img src="LINK_IMMAGINE"></div>
per l'immagine a destra, e questo
HTMLCODICE<div style="position:absolute;left: 0; width: 120px;"><img src="LINK_IMMAGINE"></div>
per l'immagine a sinistra.
Edited by Hamm - 3/11/2022, 19:11. -
.
Dove modificare le dimensioni del font nella skin
indico che codici devi toccare per i caratteri nei post:
Per i font nei post cerca .color
Per i font nel form di scrittura .forminput
Per il font nella descrizione sezione .desc
Per editare il font "modificato da" .edit
Queste sono le stringhe di codice in CdA:SPOILER (clicca per visualizzare)CITAZIONE.desc {font-size: 10pt; color: #8E6F55}
.edit {font-size: 9px; color: #AD8C6D}
.color {color: #755E47; font-size: 10.5pt; line-height: 150%}
.textinput {background-color: #E6C6A5; border:solid 1px #BA7C7C; color: #755E47; font-size: 10.5pt; font-family: verdana; vertical-align: middle}
Consiglio di rimanere sul 10pt o 10.5pt, come ho impostato qui.(CdA). -
.
Testo con alone
CODICE<div style="width:100%;filter:glow(color=FF0000)">testo con l'alone</div>testo con l'aloneTesto sovrapposto 1
CODICE<p align="center"><font style="text-decoration:none; font-family: impact; font-size: 20px; color: #f5c2ee; line-height: 6px;">Testo sotto</font>
<font style="text-decoration:none; font-family: arial; color:#8e3482 ; font-size: 30px;">testo sopra</font></p>Testo sotto
testo sopraTesto sovrapposto 2
CODICE<font style="text-decoration:none; font-family: Maiandra GD; font-size: 50px; color: yellow; eight: 35px;">
BLABLABLA</font>
<font style="text-decoration:none; font-family: Century Gothic; color: red; font-size: 30px;">perchè te mi hai BLABLABLA</font>
</div>
BLABLABLA
perchè te mi hai BLABLABLATesto sovrapposto 3
CODICE<font style="font-family: georgia; text-transform: uppercase; color:#60ae95; font-size: 20pt; text-decoration: none">testo</font>
<font style="font-family: georgia; text-transform: lowercase; text-shadow: 2px 2px 2px #636464; font-size: 20pt; color: #363636; line-height: 0px; font-style: italic">SOVRAPPOSTO</font>
testo
SOVRAPPOSTO.