Codici HTML più usati

« Older   Newer »
  Share  
view post Posted on 7/10/2008, 15:17
Avatar

Da Ricovero
*****

Group:
fσυи∂єя ѕ¢ℓєяαтα
Posts:
15,106
Location:
Roland

Status:


Ho pensato di creare questo topic per inderire tutti i codici HTML più usati nei forum, cosi da non dover cercare chissà dove!! :D

Menù a tendina
CODICE
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

esempio:

Testo Lampeggiante
CODICE
<blink>Testo</blink>

esempio: Clamp no Sekai

Pulsante
CODICE
<button>testo</button>

esempio:

Scroll
CODICE
<div style="overflow:auto; height:50px"><div style="text-align: right;">
TESTO O IMMAGINE
</div></div>


clamp

clamp

clamp

clamp

clamp



Se voi avete qualche codice carino, ditecelo e lo inseriremo alla lista! *O*

Edited by WinnaH - 21/8/2009, 01:24
 
Top
ShiningSpirit
view post Posted on 7/10/2008, 15:43




Waaaaa!!! Grande, Win!!! Mi chiedevo come si inserisse il testo lampeggiante XD
Adesso grazie a te lo so ç__ç
Sono molto utili questi codici! Se trovo qualcosa del genere te lo faccio sapere, così aggiungi ^^

Ah, non so se è la sezione esatta... ma parlando di codici...
mi chiedevo come si fa a mettere quelle immagini che ci sono nella tabella del forum ( quelle che danno un'immy ad admin, mod etc... )! .__.
 
Top
view post Posted on 7/10/2008, 15:47
Avatar

Da Ricovero
*****

Group:
fσυи∂єя ѕ¢ℓєяαтα
Posts:
15,106
Location:
Roland

Status:


quelle che quando massi il mouse ti fa vedere un'altra immagine più grande??
 
Top
ShiningSpirit
view post Posted on 7/10/2008, 15:52




Esatto! xD
 
Top
view post Posted on 7/10/2008, 15:59
Avatar

Da Ricovero
*****

Group:
fσυи∂єя ѕ¢ℓєяαтα
Posts:
15,106
Location:
Roland

Status:


alluuuuuuuuuuraaa! *o*

ci sono due codici da mettere:
uno in Gestione Codice HTML > In Cima Al Sito che è questo

CODICE
<style type="text/css">

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 9;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

</style>


poi inserisci questo codice nella tabella:
CODICE
<a class="thumbnail" href="LINK DEL PROFILO/COLLEGAMENTO">
<img src="LINK IMMAGINE PICCOLA">
<span>
<img src="LINK IMMAGINE GRANDE"><br>
Testo </span></a>


ovviamente mettendo i vari link ^__*
 
Top
ShiningSpirit
view post Posted on 7/10/2008, 16:04




Grazie milleeeee!!!! *__* Sono in debito con te *-*
 
Top
view post Posted on 7/10/2008, 16:10
Avatar

Da Ricovero
*****

Group:
fσυи∂єя ѕ¢ℓєяαтα
Posts:
15,106
Location:
Roland

Status:


ma dai!! per cosi poco! U-U
 
Top
*saku-chan*
view post Posted on 7/10/2008, 21:30




waaaaaaa che bellisshima discussione!!!!!! >w< mi servivano proprio quei codici (infatti non sapevo come cercare per il web XD)

ora contribuisco anche io aggiungendo i codici per mettere lo sfondo nella firma^w^
CODICE
<div style="background-image: url('URL DELLO SFONDO'); display: block;">CONTENUTO DELLA FIRMA</div>
 
Top
view post Posted on 7/10/2008, 21:42
Avatar

Da Ricovero
*****

Group:
fσυи∂єя ѕ¢ℓєяαтα
Posts:
15,106
Location:
Roland

Status:


me n'ero dimenticataaaaaaa =.=

brava Saku! *O*
 
Top
*saku-chan*
view post Posted on 12/10/2008, 13:54




ma de rien XD sei tu che sei un genio avendo messo quelli più belli *-*
se ne trovo altri li aggiungo (tipo per il testo scorrevole)
 
Top
view post Posted on 17/10/2008, 11:09
Avatar

Da Ricovero
*****

Group:
fσυи∂єя ѕ¢ℓєяαтα
Posts:
15,106
Location:
Roland

Status:


scroll da mettere in firma o in tabella oppure dove sui vuole!
CODICE
<div style="overflow:auto; height:65px">
<div style="text-align: right;">
TESTO O IMMAGINE
</div></div>




TESTO O IMMAGINE

TESTO O IMMAGINE

TESTO O IMMAGINE
 
Top
*saku-chan*
view post Posted on 17/10/2008, 14:45




win brava!!! mi serviva proprio >w< ma questi codici vanno bene anche per blog vero??

uhuhu alla fine l'ho trovato XD ecco qui il codice per il tersto scorrevole
CODICE
<MARQUEE onmouseover=this.stop()
onmouseout=this.start() scrollAmount=1
scrollDelay=20 direction=up height=252
align="center" width="122">
Qui il testo scorrevole... prova... bla... bla...
</marquee>

utilizzo del MARQUEE
- Onmouseover=this.stop() fa in modo che al passaggio del mouse, ossia all'evento onmouseover, lo scorrimento si blocchi;
- Onmouseout=this.start() fa in modo che lo scorrimento riprenda quando il cursore del mouse si allontana;
- ScrollDelay indica la velocità di scorrimento del testo; per una buona visualizzazione ed una facile lettura, consigliamo di mantenerlo attorno a 20-25;
- Direction indica la direzione in cui scorre il testo; nel nostro esempio è UP, ma possiamo anche settare DOWN, LEFT, RIGHT, a seconda delle nostre esigenze e preferenze.
- Height setta l’altezza che occuperà lo scroller nella pagina;
- Width è il parametro che imposta la larghezza che occuperà lo scroller nella pagina.
- Align indica l’allineamento del testo scorrevole; nel nostro esempio è CENTER, ma possiamo settare LEFT, RIGHT, JUSTIFY.

Edited by säkü~¢hän - 22/10/2008, 17:18
 
Top
view post Posted on 17/10/2008, 20:25
Avatar

Da Ricovero
*****

Group:
fσυи∂єя ѕ¢ℓєяαтα
Posts:
15,106
Location:
Roland

Status:


credo di si, ma non ne sono sicura! °3°

evvaiiiiiiiii *3*
 
Top
*saku-chan*
view post Posted on 18/10/2008, 16:19




stasera allora provo a inserirli nel blog XD

Edited by säkü~¢hän - 22/10/2008, 17:20
 
Top
view post Posted on 21/8/2009, 00:24
Avatar

Da Ricovero
*****

Group:
fσυи∂єя ѕ¢ℓєяαтα
Posts:
15,106
Location:
Roland

Status:


UP!!
 
Top
18 replies since 7/10/2008, 15:17   359 views
  Share