Il Blog di Acquamarina

Download Schemi	Home Page	Grafica
Galleria	Scambio Banner	Ricette
Il mio Diario	Tutorial X Blog	Il Libro Ospiti
Animali	Gadgets X Blog	Giochini
Libri	Mercatino	Notizie Ansa
PROGETTI	SWAP	SAL
UFO	FO	WIM

SHOPPING

Gadgets

mercoledì, 3 settembre, 2008, 15:56 - Gadget

IN AGGIORNAMENTO

Tutti questi codici vanno inseriti fra le tag [html ] e[/html ]

INSERIRE ALBUM FOTOGRAFICO

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Nuova pagina 1</title>
<script type="text/javascript" src="virtualpaginate.js">
</script>
<style type="text/css">
.virtualpage, .virtualpage2, .virtualpage3{
display: none;
}
.paginationstyle{
width: 250px;
text-align: center;
padding: 2px 0;
margin: 10px 0;
}
.paginationstyle select{
border: 1px solid navy;
margin: 0 15px;
}
.paginationstyle a{
padding: 0 5px;
text-decoration: none;
border: 1px solid black;
color: navy;
background-color: white;
}
.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: #FEE496;
}
.paginationstyle a.imglinks{
border: 0;
padding: 0;
}
.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}
.paginationstyle a.imglinks a:hover{
background: none;
}
.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{
color: #000;
background-color: yellow;
}
</style>
</head>
<body>
<h3>Qui metti il Titolo</h3>
<div style="width: 300px; height: 230px;">
<div class="virtualpage5">
<img src="QUI L'IMMAGINE" width="298" height="224" />
</div>
<div class="virtualpage5">
<img src="QUI L'IMMAGINE" width="402" height="202" />
</div>
<div class="virtualpage5">
<img src="QUI L'IMMAGINE" width="300" height="200" />
</div>
<div class="virtualpage5">
<img src="QUI L'IMMAGINE" width="300" height="450" />
</div>
</div>
<div id="galleryselect" class="paginationstyle">
<a href="#" rel="previous">Prev</a> <select style="width: 120px"></select> <a href="#"

rel="next">Next</a>
</div>
<script type="text/javascript">
var gallery=new virtualpaginate("virtualpage5", 1)
gallery.buildpagination("galleryselect", ["NOME", "NOME1", "NOME2", "NOME3"])
</script>
</body>

ESEMPIO:

Nuova pagina 1

Qui metti il Titolo

Prev Next

INSERIRE SPOILER

<style type="text/css">
#spoiler
{
visibility: hidden;
}
</style>
<script language="javascript">
function spoiler()
{
sp = null;
if (document.layers)
sp = document.spoiler;
else if (document.getElementById)
sp = document.getElementById("spoiler").style;
else if (document.all)
sp = spoiler.style;
if (sp.visibility == "visible")
sp.visibility = "hidden";
else
sp.visibility = "visible";
}
</script>
<a href="javascript: void(0)" onclick="spoiler()">Titolo della notizia (Clicca qui per i dettagli)</a>
<div id="spoiler">il testo nascosto è scritto qui</div>

ESEMPIO

Titolo della notizia (Clicca qui per i dettagli)

Questo è l'esempio

COLORARE TESTO
I parametri h sono la grandezza del testo, il font è il carattere usato, size la grandezza e in color dovete modificare i numeri per cambiare colore.Aiutatevi cliccando su colori a destra del vostro menù e appuntatevi il numero del colore scelto.

<h2 style="text-align: center;"><big><span style="font-family: Comic Sans MS;"><span style="font-size: larger;"><span style="color: rgb(255, 0, 255);">TAG BOARD</span></span></span></big></h2>

ESEMPIO

Esempio

CREARE UNA SCROLLBAR

<DIV style="BORDER: #9932CC
8px hidden; OVERFLOW: scroll; WIDTH: 60%; HEIGHT: 170px; BACKGROUND-COLOR: #ffffff">INSERIRE IL TESTO QUI</DIV>

ESEMPIO

INSERIRE IL TESTO DEL TUO MESSAGGIO QUI E GLI ALTRI LO LEGGERANNO

INSERIRE UNO SFONDO NEL POST
Gli attributi width e height sono facilmente personalizzabili:

es(widht:350px; height:200px;)

Ciò che richiede più attenizone è l'attributo background-repeat che si preoccupa della ripetizione dell'immagine. Le soluzioni possibili sono 3:
background-repeat:repeat-x - ripete l'immagine sull'asse delle x ovvero orizzontalmente
background-repeat:repeat-y - ripete l'immagine sull'asse delle y ovvero verticalmente
background-repeat:no-repeat - non ripete in alcun modo l'immagine

<div style="background:url(url dell'immagine); width:larghezza in pixel dell'immagine; height:altezza in pixel dell'immagine; background-repeat:ripetizione dell'immagine;">

testo del post...

</div>

CREARE UNA LISTA
Se volete, sostituite a "disc" : "circle"(per un cerchio), oppure "square" (per un quadratino).