Recensisci!
Diventa un recensore per ricevere prodotti gratuiti o scontati!
Iscriviti
Se desideri, puoi effettuare un'iscrizione gratuita al forum per entrare nella nostra community.
Ricerca Avanzata
Pubblicità Adsense
Answers
Se necessiti di aiuto, clicca il pulsante "Cerco Aiuto" (disponibile anche per i non iscritti).
I postatori più attivi del mese
Admin
 
AR_1029
 
Bix
 

Codice CSS per allestire il proprio forum in Halloween

Andare in basso

Codice CSS per allestire il proprio forum in Halloween

Messaggio Da Admin il Ven Ott 28, 2011 7:43 pm


Ciao a tutti, in questa guida vi daro' un codice semplice per allestire (5%) il vostro forum in Halloween, ma nello stesso tempo, i contorni del vostro forum diventano eleganti.
Tutto questo potete farlo con il seguente codice:
Codice:
<style type="text/css">
#page-footer .navbar{
padding-bottom: 80px;
background: url(http://i44.servimg.com/u/f44/16/84/89/65/hall1210.gif) no-repeat bottom right !important;}

.introduction  {
margin: 3px;
background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x;
border-bottom: 1px dashed white;
border: 1px solid ;
border-color: #dcdcdc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}

.header {
text-shadow: 1px 1px 0px #4f7c02;
}

form#quick_reply #textarea_content textarea#text_editor_textarea {
background: #ffffff;
border: 1px solid #0098F7;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}

textarea:focus,input:focus {outline: none;}

#wrap {
width : 925px;
padding : 5px;
border : 6px solid #EEE;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
-moz-box-shadow : 0 0 10px #666;
-webkit-box-shadow : 0 0 10px #666;
}











p em b a.gensmall{
font-style: normal;
font-style: normal;
font-weight: bold;
font-family: Verdana;
text-transform: none;
}

/*Power codes http://wikiinfo.forumattivo.it*/
</style>
Dato che l'ho creato per la piattaforma Forum Attivo, non ho la minima idea cosa potesse fare in un sito al di fuori di questa piatteforma.
Cosa modificare?E' consigliato non modificare niente, ma è possibile modificare il seguente settore
Codice:
#page-footer .navbar{
padding-bottom: 80px;
background: url(http://i44.servimg.com/u/f44/16/84/89/65/hall1210.gif) no-repeat bottom right !important;}
Cambia solo l'indirizzo URL dell'immagine.
Dove inserirlo? Inseritelo in un luogo che si possa visualizzare in tutte le parti, per esempio su Forum Attivo vi consiglio di metterlo su la zona annuncio o su un Widget.
Cosa mi modifica? Al footer vi si aggiunge un immagine di Halloween e il contorno del vostro forum si modernizza un po.
Immagine DEMO:
avatar
Admin
♔ Amministratore

Messaggi Messaggi : 4264
Crediti Crediti : 11892
Reputazione Reputazione : 187
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 19
Località Località : Brescia

Vedi il profilo dell'utente http://www.wikiinfo.net

Tornare in alto Andare in basso

Tornare in alto


 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum