HOME | DD
Metiu — template per css in italiano
by-nc-nd
Published: 2007-01-14 17:31:36 +0000 UTC; Views: 911; Favourites: 8; Downloads: 41
Redirect to original
Description
Fare riferimento qui per ogni cosa:[link]
Note:
1- Copiate questo codice nella parte dedicata al css e sostituite ai trattini i colori che preferite e riempite dove ci sono gli spazi con i valori delle proprietà o con url di immagini. Resta inteso che potete aggiungere o togliere proprietà all'interno di ogni blocco selettore.
2- Il terzo blocco serve a non visualizzare l'iconcina del journal a fianco del titolo. Se la volete visualizzare togliete quel frammento di codice.
3- Kit di codice per inserimento di immagine in qualsiasi blocco-selettore che desiderate
background-image:url( );
background-repeat: repeat !important;
background-position: !important;
Ecco il template:
.journalbox {
font-size: --px !important;
font-family: !important;
font-weight: !important;
background-color: #------ !important;
color: #------ !important;
border: --px !important;
}
.journalbox .journaltop {
color: #------!important;
font-family: !important;
font-size: --px !important;
background-color: #------ !important;
}
.journalbox .journaltop img {
display: none !important;
}
.journalbox .journaltop h2 {
text-decoration: !important;
font-family: !important;
font-weight: !important;
font-size: --px !important;
letter-spacing: --px !important;
padding-bottom: --px !important;
color: #------!important;
text-align: !important;
}
.journalbox .list {
font-family: !important;
font-size: --px !important;
background-color: #------ !important;
color: #------ !important;
text-align: !important;
}
.journalbox .list .a {
font-family: !important;
font-size: --px !important;
background-color: #------ !important;
color: #------ !important;
text-align: !important;
}
.journalbox .journaltext {
line-height: !important;
text-align: !important;
color: #------!important;
background-color: #------ !important;
font-family: !important;
font-size: --px !important;
}
.journalbox .journaltext a {
color: #------ !important;
text-decoration: !important;
font-family: !important;
font-size: --px !important;
font-weight: !important;
}
.journalbox .journaltext a:hover {
color: #------ !important;
text-decoration: !important;
font-family: !important;
font-size: --px !important;
font-weight: !important;
}
.journalbox .journalbottom {
color: #------ !important;
text-decoration: !important;
font-family: !important;
font-size: --px !important;
font-weight: !important;
height: --px;
}
.journalbox .commentslink {
font-family: !important;
background-color: #------ !important;
color: #------ !important;
font-size: --px !important;
text-decoration: !important;
font-weight: !important;
line-height: --px !important;
}
.journalbox .commentslink:hover {
font-family: !important;
background-color: #------ !important;
color: #------ !important;
font-size: --px !important;
text-decoration: !important;
font-weight: !important;
line-height: --px !important;
}
.journalbox .prevlink {
font-family: !important;
background-color: #------ !important;
color: #------ !important;
font-size: --px !important;
text-decoration: !important;
font-weight: !important;
line-height: --px !important;
}
.journalbox .prevlink:hover {
font-family: !important;
background-color: #------ !important;
color: #------ !important;
font-size: --px !important;
text-decoration: !important;
font-weight: !important;
line-height: --px !important;
}
Come fare i riquadri tipo box all'interno del testo del mio journal??
Due cose bisogna fare:
1) aggiungere un codice CSS come il seguente dove per jbox si considera il box per il testo e per jboxhead si intende illbox che useremo per i sottotitoli all'interno del nostro journal.
.journalbox .journaltext .jbox {
line-height: !important;
text-align: !important;
color: #------!important;
border: --px !important;
border-style: !important;
border-color: #------ !important;
background-color: #------ !important;
font-family: !important;
font-size: --px !important;
display: block !important;
width: auto !important;
}
.jboxhead {
line-height: !important;
text-align: !important;
color: #------!important;
border: --px !important;
border-style: !important;
border-color: #------ !important;
background-color: #------ !important;
font-family: !important;
font-size: --px !important;
display: block !important;
width: auto !important;
}
2) Aggiungere all'interno del contenuto del vostro journal questo
codice HTML:
qui dentro fate quello che vi pare...scrivete, ponete foto e quant'altro.
Per qualsiasi cosa scrivete. Se so rispondo.
Commenti critiche e quant'altro tra cui correzioni are very welcome!
Related content
Comments: 27
uhm molto interessante
credo ke m cimenterò parekkio ^^
👍: 0 ⏩: 1
mmh domanda (anche se m sa che nn c'entra moltissimo °_°
per mettere le anteprime di immagini, senza che metto il linke vengono enormi, come faccio? intendo nel journal ç_ç
👍: 0 ⏩: 1
in ogni foto c'è a destra in basso una zona con scritto un codice tipo :thumb189182938:
tu basta che copi quello nel journal!
👍: 0 ⏩: 1
grazie mille** sei la mia salvezza incarnata in terra XD
👍: 0 ⏩: 1
urca addirittura!aahahh
anyway, sei fai un giretto qui vedrai che trovi tantissime risposte!
👍: 0 ⏩: 1
nah basta leggere e avere un po di pazienza!
👍: 0 ⏩: 1
-__________- il problema sorge per inserire la foto come sfondo 
👍: 0 ⏩: 0
ohh che ottima cosa
posticipo la lettura e lo studio a un momento in cui sono un po' + reattiva
ma grazie già in anticipo!!
👍: 0 ⏩: 1
certamente!
non esitare a domandarmi qualcosa se non capisci qualcosa ok?
👍: 0 ⏩: 1
ah non c'è pericolo, posso essere una gran rompipalle
👍: 0 ⏩: 1
tranquilla!
so essere paziente!
👍: 0 ⏩: 0
Mi so copiato tutto. Può essere che prima o poi mi verrà voglia di far il journal in CSS 
👍: 0 ⏩: 1
ok. ricordati prima però di leggere il tutorial sennò tante cose non le capisci.
di nulla antonino, mi pareva giusto fare una cosa così!
👍: 0 ⏩: 1
Eh, il tutorial è l'immagine nell'altro file?
👍: 0 ⏩: 1
il tutorial è nella descrizione dell'immagine dell'altroofile!
👍: 0 ⏩: 1
az 
👍: 0 ⏩: 1
non so se si possa submettere un file formato txt...
io ho visto che facevano tutti come me ovvero mettevano un immagine e nella descrizione mettevano il contenuto del tutorial che dopo tu puoi copiare e incollare in un normale txt...
👍: 0 ⏩: 1
si che si può
Comunque
👍: 0 ⏩: 1
metiuccio ma che carino che sei...finiti sti esami o in un momento d sclero mi dedico al css anima a core...
👍: 0 ⏩: 1
come vuoi ericuccia!
quando vuoi lo sai che son qui.
👍: 0 ⏩: 0
uella, ma ti ci sei messo super d'impegno....
quando ho un attimo di tempo sano ci guardo
👍: 0 ⏩: 1