-
Minnie ffl.
User deleted
Vorremmo riempire questa sezione con tutorial riguardanti un po' di codici (skin, template, trucchetti), stavo facendo il tut su come fare una skin, ma temo di averlo cancellato xD Credo ripartirò, mi stava venendo pure male u.u
Per ora vi insegno qualche cavolatine che potete trovare in qualsiasi guida sull'html.
andare a capoCODICE<br>
grassettoCODICE<b>testo</b>
corsivoCODICE<i>testo</i>
sottolineatoCODICE<u>testo</u>sbarratoCODICE<s>testo</s>testo allineato a sinistra
CODICE<p align="left">testo</p>testo allineato a destra
CODICE<p align="right">testo</p>testo giustificato
CODICE<p align="justify">testo</p>testo centrato
CODICE<p align="center">testo</p>
grandezza testo (aumenta il numero per aumentare la grandezza)CODICE<font size="1">testo<font>
lineaCODICE<hr>
immagineCODICE<img src="http://link_della_tua_immagine.png">
inserire un'immagine alla sinistra di un testoCODICE<img src="link_della_tua_immagine.png" align="left">
inserire un'immagine alla destra di un testoCODICE<img src="link_della_tua_immagine.png" align="right">
inserire un linkCODICE<a href="http://tuo_link">testo</a>
immagine con un collegamentoCODICE<a href="http://link_del_sito"><img src="http://link_dell_immagine.png"></a>
testo (anche immagine) scorrevoleCODICE<marquee direction="up" scrollAmount=1 height="30" width="70%">immagine/testo</marquee>
direction indica la direzione
scrollAmount indica la velocità
height indica l'altezza del campo di scorrimento
width invece indica la larghezza del campo di scorrimento rispetto alla larghezza della pagina
colore del testoCODICE<font color="#codice colore">testo</font>
carattere del testoCODICE<font face="font">testo</font>
---------------in un forum---------------
inserire una scrollbarCODICE<div style="overflow: auto; height: 100px;">TESTO</div>
Al posto di 100 inserite il numero corrispondente all'altezza desiderata... se poi volete anche la larghezza basta che l'aggiungiate
codice per inserire un'immagine piccola che al passaggio del mouse viene visualizzata con le dimensioni reali:SPOILER (click to view)questo va in cima al forum:CODICE<style type="text/css">
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.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>
e questo è per l'immagine:CODICE<a class="thumbnail" href="#thumb"><img src="link_immagine.png" width="100px" height="100px" border="0" /><span><img src="link_immagine.png" /><br />Descrizione!</span></a>
per inserie un alert che compare all'apertura di una paginaCODICE<script language="javascript">
alert("Testo");
</script>
Il codice va inserito nella gestione codici HTML, nella zona codice sopra alla sezione in cui si vuole che compaia l'alert.
Ci sono tante cose sfiziose u.u
prima o poi le impareremo :*_*:
per un maggiore approfondimento: x x
Edited by Amethyst77 - 25/7/2009, 10:29. -
.
tuorial aggiornato ^^
. -
~•Fragrance.
User deleted
Non mi è chiaro l'ultimo xD
Mentre gli altri sono super *_*. -
.
hai presente la casella che appare quando apri la sezione presentazione con scritto "leggi il regolamento"? ecco è proprio quella li ^^ . -
.
Ho modificato la descrizione, magari risulta più chiaro così di cosa si tratti ^^ . -
Claudium.
User deleted
Che differenza c'è tra CODICE<br />
eCODICE<br>
?. -
.
Per l'html gli elementi vuoti come l'interruzione di riga vengono indicati tra <>, da qui il codice CODICE<br>
Nel'XHTML, invece, tutti gli elementi vuoti devono terminare con /, da qui il codiceCODICE<br/>. -
~•Fragrance.
User deleted
CITAZIONE (Rosenkreutz @ 25/7/2009, 10:05)hai presente la casella che appare quando apri la sezione presentazione con scritto "leggi il regolamento"? ecco è proprio quella li ^^
Ho capito grazie ^________^. -
~•Fragrance.
User deleted
Scusatemi ma non riesco a far funzionare il codice dell'alert ç___ç . -
Minnie ffl.
User deleted
per caso hai messo dei ' o " all'interno del messaggio? . -
~•Fragrance.
User deleted
sì per questo non funziona? . -
ir3ne7.
User deleted
una domanda, come faccio a mettere un'immagine a sinistra del testo che abbia un collegamento?? . -
OniAn.
User deleted
CODICE<p align="right">[URL=http://gimpworld.forumfree.it/?t=35279911#lastpost][IMG]http://i36.tinypic.com/2ent5s8.gif[/IMG][/url]</p>. -
ir3ne7.
User deleted
no, ma così c'è solo l'immagine a destra.. io intendevo uan cosa tipo questa:
E questo invece è il testoCODICE<img src="http://gimpworld.altervista.org/_altervista_ht/summertime/summer-01.png" align="left">
E questo invece è il testo
solo che vorrei che cliccando sull'immagine, andasse ad un determinato sito.... -
.
Prova questo:
A destra:CODICE<p align="right"><a href="http://gimpworld.forumfree.net"><img src="http://gimpworld.altervista.org/_altervista_ht/summertime/summer-01.png"></a></p> e questo è il testo
A sinistra:CODICE<p align="left"><a href="http://gimpworld.forumfree.net"><img src="http://gimpworld.altervista.org/_altervista_ht/summertime/summer-01.png"></a></p> e questo è il testo.