|
Stylesheet
referenze
In questa guida imparerete ad
usare gli stylesheet presenti e capire l'esatto
posizionamento nel vostro forum:
Corpo Stylesheet base:
Admin Cp > Skin e gestione template >
Stylesheet
- formi {display:inline; }
- img
{vertical-align:middle; border:0px}
Allinea le immagini alla met�.
- CORPO {serie-famiglia:
Verdana, Tahoma, Arial, sans-serif;
serie-formato: 11px; colore: # 000; margin:0px
10px 0px 10px; background-color:#FFF} -
comandi tutti testo normale fuori della
skin in se compreso il colore principale
della priorit� bassa che circonda la
skin, potete anche selezionare la
larghezza della skin qui, ma la abbiamo
trovata un po'pi� facile usando la nostra
lezione privata per il controllo della
larghezza della skin.
- TABELLA, TR, TD
{serie-famiglia: Verdana, Tahoma, Arial,
sans-serif; serie-formato: 11px; colore: #
000; } - i comandi parecchia zona di
testo della skin compreso la maggior
parte della sezione di stats della skin
inoltre controllano il colore del testo
dell'alberino in modo da guardisi da quando
alterano questo.
- a:link, a:visited,
a:active {testo-decorazione: underline;
colore: #000} - colore di collegamento
per la suddetta sezione
- a:hover {colore: # 465584;
text-decoration:underline} - colori il
suddetto cambiamento di collegamenti a quando
il mouse � spostato sopra loro.
- fieldset.search
{padding:6px; linea-height:150%} -
- etichetta {cursor:pointer;
} -
- img.attach {inizio di
border:2px # EEF2F7;padding:2px} -
larghezza del bordo & colore di esso
quando l'immagine � inviata sulla skin.
- googleroot {padding:6px;
linea-height:130%} -
- googlechild {padding:6px;
margin-left:30px; linea-height:130%} -
- googlebottom, googlebottom
a:link, googlebottom a:visited, googlebottom
a:active {font-size:11px; colore: # 3A4F6C; }
googlish, googlish a:link, googlish a:visited,
googlish a:active {font-size:14px;
font-weight:bold; color:#00D; } - tutti
i colori & formati delle serie complete di
caratteri per questa sezione.
- li.helprow {padding:0px;
margin:0px 0px 10px 0px} - nessuna
necessit� di alterarsi
- ul#help {padding:0px 0px
0px 15px} - nessuna necessit� di
alterarsi
- option.cat
{font-weight:bold; }
- option.sub
{font-weight:bold;color:#555}
- caldate
{text-align:right;font-weight:bold;font-size:11px;color:#777;background-color:#DFE6EF;padding:4px;margin:0px}
- colore della serie completa di
caratteri delle cellule del calendario &
colore della priorit� bassa
- # padandcenter
{margin-left:auto;margin-right:auto;text-align:center;padding:14px
0px 14px 0px} - sezione della galleria
del avatar del pannello di controllo
dell'utente (non cos� tanto necessit� di
alterarsi)
- # profilename
{font-size:28px; font-weight:bold; } -
sezione di vista di profilo
- # calendarname
{font-size:22px; font-weight:bold; } -
soddisfare della conduttura del calendario
- # photowrap {padding:6px;
} - sezione di vista di profilo
(nessuna necessit� di alterarsi)
- # phototitle
{font-size:24px; nero solido} di
border-bottom:1px - sezione di vista di
profilo (nessuna necessit� di alterarsi)
- # photoimg
{text-align:center; margin-top:15px} -
sezione di vista di profilo (nessuna necessit�
di alterarsi)
- # ucpmenu
{linea-height:150%;width:22%; solido di
border:1px # 345487;background-color: #
F5F9FD} - barra dei menu del pannello
di controllo dell'utente, boder & colore
della priorit� bassa
- # ucpmenu p {padding:2px
5px 6px 9px;margin:0px; } - riempimento
per il pannello di controllo dell'utente
(nessuna necessit� di alterarsi)
- # ucpcontent {priorit�-colore:
# F5F9FD; solido di border:1px #
345487;line-height:150%; width:auto} -
pannello di controllo dell'utente & i miei
colori principali di aiuto della sezione
- # p ucpcontent
{padding:10px;margin:0px; } - (nessuna
necessit� di alterare il riempimento su
questa sezione)
- # ipsbanner
{position:absolute;top:1px;right:5%; }
- nessuna necessit� di fare qualche cosa con
questa.
- # logostrip {solido di
border:1px # 345487;background-color: #
3860BB;background-image:url(style_images/<#IMG_DIR#>/tile_back.gif);padding:0px;margin:0px;
} - comandi i precedenti dietro il
vostro marchio con il colore del bordo &
il colore della priorit� bassa dietro
l'immagine.
- # submenu {solido di
border:1px # BCD0ED;background-color: #
DFE6EF;font-size:10px;margin:3px 0px 3px
0px;color:#3A4F6C;font-weight:bold;} -
i comandi la barra che l'aiuto, la ricerca,
membri, calandrano le immagini si siedono
sopra & il colore del testo con il colore
della priorit� bassa
- # submenu a:link, #
submenu a:visited, # submenu a:active
{font-weight:bold;font-size:10px;text-decoration:
nessun; colore: # 3A4F6C; } - colore
per i collegamenti per la suddetta sezione.
- # userlinks {solido di
border:1px # C2CFDF; priorit�-colore: #
F0F5FA} - barra del membro & colori
guestbar della priorit� bassa & del bordo
- # navstrip
{font-weight:bold;padding:6px 0px 6px 0px; } -
peso della serie completa di caratteri della
sezione di navigazione
- activeuserstrip
{background-color:#BCD0ED; padding:6px} -
barra degli utenti di soggetto & priorit�
bassa attive del footer della tabella
- pformstrip {priorit�-colore:
# D1DCEB;
color:#3A4F6C;font-weight:bold;padding:7px;margin-top:1px}
varie delle barre all'interno della
sezione di stats della skin (basicamente
le barre di titolo, parti del differnt del
calendario & anche la mia sezione di
aiuto.
- pformleft {priorit�-colore:
# F5F9FD; padding:6px;
margine-top:1px;width:25%; solido di
border-top:1px # C2CFDF; solido di
border-right:1px # C2CFDF; } -
parecchie sezioni del pannello di controllo
dell'utente con la sezione di titolo di
soggetto dello schermo dell'alberino.
- pformright {priorit�-colore:
# F5F9FD; padding:6px; solido di
margin-top:1px;border-top:1px # C2CFDF; } parecchie
sezioni della sezione dello schermo
dell'alberino, della sezione del MOD cp &
pannello di controllo delle sezioni, del
messaggero & dell'utente del calendario.
- post1 {priorit�-colore: #
F5F9FD} - come versioni precedenti,
colore alternato della priorit� bassa
dell'alberino
- post2 {priorit�-colore: #
EEF2F7} - come versioni precedenti,
colore alternato della priorit� bassa
dell'alberino
- postlinksbar
{background-color:#D1DCEB;padding:7px;margin-top:1px;font-size:10px;
priorit�-immagine:
url(style_images/<#IMG_DIR#>/tile_sub.gif)}
- colore della priorit� bassa della sezione
di vista di soggetto sotto l'immagine del
tile_sub
- row1 {priorit�-colore: #
EEF2F7} - sezioni all'interno della
sezione del inbox (sezione del dispositivo di
piegatura)
- row2 {priorit�-colore: #
E4EAF2} - parecchie sezioni del punto
di vista della skin & degli ambiti di
provenienza delle sezioni di vista di
soggetto, anche compreso i precedenti dietro
le immagini di stats della skin.
- row3 {priorit�-colore: #
EEF2F7} - coppie delle sezioni
all'interno della sezione del calendario
(cellula della data), dell'estremit� della
pagina di memberlist & degli ambiti di
provenienza della sezione del pannello di
controllo dell'utente.
- row4 {priorit�-colore: #
E4EAF2} - i colori alternati alle
sezioni di indice cambianti della tribuna
row2, vista di soggetto seziona le sezioni di
indice della skin pure.
- darkrow1 {priorit�-colore:
# C2CFDF; color:#4C77B6; } - indice
della tribuna, inizio appuntato e sezioni
dell'estremit�.
- darkrow2 {priorit�-colore:
# BCD0ED; color:#3A4F6C; } - sezioni di
indice della skin (concluda questo
gatto), utenti attivi sezione di indice della
tribuna & estremit� della tabella.
- darkrow3 {priorit�-colore:
# D1DCEB; color:#3A4F6C; } - sezione di
vista di soggetto & fila della tribuna del
sommergibile del pannello di controllo
dell'utente.
- hlight {priorit�-colore:
# DFE6EF} -
- dlight {priorit�-colore:
# EEF2F7} - zona del inbox della
sezione del messaggero
- titlemedium
{font-weight:bold; color:#3A4F6C; padding:7px;
margin:0px; priorit�-immagine:
url(style_images/<#IMG_DIR#>/tile_sub.gif)}
-
- titlemedium a:link,
titlemedium a:visited, titlemedium a:active
{testo-decorazione: underline; colore:
#3A4F6C} -
- maintitle
{vertical-align:middle;font-weight:bold;
color:#FFF; letter-spacing:1px; padding:8px
0px 8px 5px; priorit�-immagine:
url(style_images/<#IMG_DIR#>/tile_back.gif)}
- priorit� bassa catagory, compreso
l'immagine per i catagories & il colore
del testo
- maintitle a:link,
maintitle a:visited, maintitle a:active
{testo-decorazione: nessun; colore: # FFF}
- colori catagory di collegamento
- maintitle a:hover
{testo-decorazione: underline} -
effetto eccessivo del mouse catagory
- il plainborder {border:1px
#345487;background-color:#F5F9FD solido}
- colore del bordo intorno alla sezione di
ricerca, avverte la sezione
- tableborder {solido di
border:1px # 345487;background-color:#FFF;
padding:0px; margin:0px; il colore del
bordodi
width:100%} alla skin, pu� anche
alterare la larghezza della tabella qui ma il
doenst altera l'intestazione appena la
skin & si ricorda di se alterarli
dovranno allinearsi al centro.
- tablefill {solido di
border:1px #
345487;background-color:#F5F9FD;padding:6px;
}la pagina di errore, tabella dello
smilie, riorienta la pagina.
- il tablepad
{background-color:#F5F9FD;padding:6px}parecchie
sezioni coperte da questa, inizio della
sezione di aiuto, imbarca fuori linea,
inizio di compleanno del calendario.
- tablebasic {width:100%;
padding:0px 0px 0px 0px; margin:0px;
border:0px}
- wrapmini
{float:left;line-height:1.5em;width:25%}
- nessuna necessit� di alterarsi
- pagelinks
{float:left;line-height:1.2em;width:35%}
- nessuna necessit� di alterarsi
- desc {font-size:10px;
color:#434951} -
- edit {serie-formato:
9px} - pubblicato dalla dimensione
- signature
{serie-formato: 10px; colore: #339} -
colore della firma dei membri &
dimensione
- postdetails
{serie-formato: 10px} - l'alberino
normale dettaglia la dimensione.
- postcolor
{serie-formato: 12px; linea-altezza: 160%}
<- hmmmmmm love it called post colour but
no colour there lol ;)
- normalname
{serie-formato: 12px; serie-peso: GRASSETTO;
colore: #003} - membername sopra
colore degli alberini
- normalname a:link,
normalname a:visited, normalname a:active
{serie-formato: 12px} - come sopra
- unreg {serie-formato:
11px; serie-peso: GRASSETTO; colore: #900}
- utenti unregistered se conceduto mostrer�
in questo colore quando inviano
- searchlite
{font-weight:bold; color:#F00;
background-color:#FF0} -
- # CITAZIONE
{serie-famiglia: Verdana, Arial;
serie-formato: 11px; colore: # 465584;
priorit�-colore: # FAFCFE; bordo: solido
1px # 000; riempimento-parte superiore: 2px;
riempimento-di destra: 2px;
riempimento-parte inferiore: 2px;
riempimento-di sinistra: 2px} quando
qualcuno invia una citazione, questo � il
colore della priorit� bassa & il colore
del testo.
- # CODICE
{serie-famiglia: Corriere, Corriere Nuovo,
Verdana, Arial; serie-formato: 11px; colore:
# 465584; priorit�-colore: # FAFCFE; bordo:
solido 1px # 000; riempimento-parte
superiore: 2px; riempimento-di destra: 2px;
riempimento-parte inferiore: 2px;
riempimento-di sinistra: 2px} -
quando qualcuno invia il codice, questo �
il colore della priorit� bassa & colore
del testo.
- copyright
{serie-famiglia: Verdana, Tahoma, Arial,
Sans-Serif; serie-formato: 9px;
linea-altezza: 12px} - deve essere
lasciato come �.
- codebuttons
{serie-formato: 10px; serie-famiglia:
verdana, helvetica, sans-serif;
verticale-allineisi: met�} - nessuna
necessit� di alterare l'allineamento su
questi
- forminput, textinput,
radiobutton, checkbox {serie-formato: 11px;
serie-famiglia: verdana, helvetica,
sans-serif; verticale-allineisi: met�}
- nessuna necessit� di alterare i questi
neanche
- thin {
padding:6px 0px 6px
0px;line-height:140%;margin:2px 0px 2px
0px;border-top:1px solid
#FFF;border-bottom:1px solid #FFF } -
Line under the active users seperating the
show details by section.
- .purple {
color:purple;font-weight:bold } -
Colours used in the drop down box when
posting
- .red {
color:red;font-weight:bold } -
Colours used in the drop down box when
posting
- .green {
color:green;font-weight:bold } -
Colours used in the drop down box when
posting
- .blue {
color:blue;font-weight:bold } -
Colours used in the drop down box when
posting
- .orange {
color:#F90;font-weight:bold } -
Colours used in the drop down box when
posting
Immagini e posizionamento linee comando:
- Barra
di navigazione/Top sfondo barra in alto.
- Indice
Forum tabella fondo (utenti,compleanni...).
- Forum
visualizzazione principale.
- Visualizzazione
topic.
- Visualizzazione
topic parte bassa (fast reply,info..).
- Visualizzazione
profilo.
- Lista
membri.
- Visualizzazione
Calendario.
- Eventi
Calendario.
- Risultati
ricerca (google style).
- User
CP.
- Messanger
personale.
- Lista
Online utenti
- Visualizzazione
Post/Reply
- Mini
Profilo Popup
Thx to > Chris
Design
|
