GuppY, la Doc Skins v 4.6 - © GuppYTeam - 03/06/07 - 12:52:02 P14/18
Gu
l'extension
ppY utilise
.css
un
et
e


s
fe
tock
uille
é

dans
de st

yle
le dossier
extern

e
d
: les styles sont réunis dans un fichier portant
la rapidité de chargement.
e la skin. Le principal intérêt de ce système est
la feuille de style puis la gar
Lo
de
rsqu
ra e
'u
n
n visi
mémoir
teur arrive sur la page, son navigateur va charger
autres pages du site considérablement plus rapid
e, ce
e.
qui va rendre le chargement de toutes les
Voici un exemple de style :
.titre {
background-color: #C5DCF5;
border: 0px solid ;
padding: 5px;
white-space: nowrap;
font: bold 15px Arial, Helvetica, sans-serif;
color: #330099;
text-align: left;
}
Il
éc
s
ri
'agit
ts en
ici
g

ra
de la mise en forme des titres des boites centrales. Dans cette exemple, ils sont
une classe. Cette
s avec
cl
la
as
police Aria
se est ensuite
l en

ta
appel
ille
ée
15

pixels,
dans le
a
cod
ligné
e d
à
u
gauc
site
he,
par
etc...
une
On
bali
app
se html
elle cela


peut ressembler à ça :
qui
<div class= »titre »>Titre de ma boite</div>
Mai
des
s les feuilles de style ne servent pas qu'à formater du texte. On les utilise aussi pour
d'autres choses dispose
tableaux, des imag
nt
es,
d

e le
etc...
ur pr
Ainsi,
opre cl
dans
as

se.
GuppY, le logo, les bannières et tout un tas
4.3 Création de la skin
Ap
no_skin,
rès avoir
vous
créé
dev

ez
le
m
doss
ettre
ier


à
de

votre nouvelle skin et y avoir copié les fichiers de la skin
chemin :
jour le fichier skin.inc de votre nouvelle skin pour corriger le
$meskin = CHEMIN."skin/no_skin/"; //skin path

déb
Re
ut de
mplacer
chapi
«
tre.
no_skin » par le nom de votre dossier, « ma_skin » dans l'exemple donné en
Dans
permet
u

n
d

ep
pr
uis
em

ier
l'ad
te
ministr
mps, je vous conseille de faire tous les paramétrages que GuppY
nouvelle skin « ma_skin »
at
p
ion.
uis

pe
Dans
rson
la
nal
zo
isez
ne
-l
«
a


Co
en
nfi
suiv
gurat
ant
io

n
l'o
skin
rdre
»,
d

e
sél

ectionnez votre
Thèmes puis Config Look puis Config Boites.
l'admin : Config
L
touc
e f
her ma
ichier
nu
co
ellem
nfski
ent.
n.inc sera automatiquement mis à jour, il est rare d'avoir besoin d'y
L
indi
e
qu
fic
é
hi
au paragraph
er style.css
e 3.
ser
2.
a
T
mis
outefois,
à jour
l'admi
par
nis
vos
tra
mo
tion ne
dificat
p
io
rév
ns
oi
dans
t que q
Co
uel
nfi
qu
g
es
Look
élé

me
com
nts
me
base comme la taille de la police, la couleur du texte ou des bordures, etc. Mais les
de
de style présentent beaucoup plus de possibilités qu'il vous
feuilles
désirez affiner les styles. Le fichier st
faudra apprendre si vous
permettra de savoir à quel élément
yle.cs
de votre
s est

en
pag
g
e
rand
corres
e partie
pond
com
une
me
cla
nté,
sse.
ce


P
qu
our
i vous
les


Page 1  |  Page 2  |  Page 3  |  Page 4  |  Page 5  |  Page 6  |  Page 7  |  Page 8  |  Page 9  |  Page 10  |  Page 11  |  Page 12  |  Page 13  |  Page 14  |  Page 15  |  Page 16  |  Page 17  |  Page 18