Modification d'un Habillage

creadunet
Administrateur du site
Messages : 2273
Inscription : 29 avr. 2009, 08:37

Modification d'un Habillage

Message par creadunet »

Modifier un habillage est probablement le plus difficile sur Creadunet.
Il va falloir avoir quelques connaissances de CSS.
Après, rien d'insurmontable !

=> Exemple de modification, AJOUT d'UN FOND à votre PTP

1. Uploader l'image sur votre espace (ADMIN, menu Upload (bannières). Enregistrez votre image prise sur votre PC.
2. Une fois uploadée, vous avez un lien affiché pour votre image /upload/LOGIN/ban/image.jpg
3. Ouvrez la page de modification d'habillage (ADMIN, menu SKIN)
4. Vous avez tout en bas, le CSS complet utilisé pour votre site. Ce sera une aide précieuse, notamment pour comprendre comment est organisé votre PTP
5. Choisissez l'option Modification Habillage : => je personnalise mon skin
6. Dans le cadre Personnalisations CSS : faites vos modifications.
7. La plupart du temps, il suffit de reprendre un élément du CSS, et d'y apporter les modifications

Pour mon exemple, j'ai fait :

ANCIEN CODE

Code : Tout sélectionner

body             {background:#000 url(images/fond.jpg) repeat-x;margin:0;padding:0;}	    
Je le copie et le colle dans la fenêtre de personnalisation, puis je le modifie avec mon image :

Code : Tout sélectionner

body{background:#000 url(/upload/solei13ptp/ban/soleil13ptp_bg.jpg) repeat-y;margin:0;padding:0;}
Voilà, ça marche ! et mon PTP a un nouveau fond

=> le PTP sur lequel j'ai fait la modif, pour voir que je ne vous raconte pas d'histoires....
http://solei13ptp.creadunet.com/inscrip ... ?r=pppplus (inscrivez-vous avec mon pseudo merci...)

Et voilà pour la petite leçon de modification de skin ! Maintenant à vos images, et n'hésitez pas à montrer ici vos réalisations ! :D
creadunet
Administrateur du site
Messages : 2273
Inscription : 29 avr. 2009, 08:37

Re: Modification d'un Habillage

Message par creadunet »

Je viens de trouver un site avec quelques fonds d'écrans sympas...

http://weesk.com
dudu62
Messages : 104
Inscription : 18 sept. 2009, 11:07

Re: Modification d'un Habillage

Message par dudu62 »

merci beaucoup creadunet
beuz89
Messages : 195
Inscription : 05 oct. 2009, 05:39
votre ptp creadunet : beuz89PTPSANSIP

Re: Modification d'un Habillage

Message par beuz89 »

Bonjpur, j ai reussi a changer le fond d ecran.

J ai reussi aussi a changer la couleur des classements (en bas de la page),en noir au lieu du blanc, par contre j aimerais que les ecritures des classements soient un peu plus gros et en gras mais je n y arrive pas.

Pourriez vous me dire comment faire? je ne trouve pas dans le css ce qui correspond a la taille du texte des classements dans le css ....

Merci d avance pour votre aide :D

PS: je vous mets l adresse pour un apercu,merci. http://beuz89ptp.creadunet.com/ :)
creadunet
Administrateur du site
Messages : 2273
Inscription : 29 avr. 2009, 08:37

Re: Modification d'un Habillage

Message par creadunet »

Essaie de modifier :

Code : Tout sélectionner

#footer-columns li {
text-align: left;
}
par exemple :

Code : Tout sélectionner

#footer-columns li {
text-align: left;
font-size:2.6em; /* C'est très gros */
font-weight:bold; /* gras */
font-color; red; /* et en rouge*/
}
C'est juste un exemple... les valeurs sont à adapter pour toi.
beuz89
Messages : 195
Inscription : 05 oct. 2009, 05:39
votre ptp creadunet : beuz89PTPSANSIP

Re: Modification d'un Habillage

Message par beuz89 »

Merci, ca marche nikel.... :)
rubyjack
Messages : 909
Inscription : 09 janv. 2010, 14:16
votre ptp creadunet : rbcreadunetcom

Re: Modification d'un Habillage

Message par rubyjack »

ben moi je viens de faire quelques essais ,mais je suis pas douer !
avec de la persévérence ,peut etre que ..
kyb001
Messages : 136
Inscription : 09 janv. 2010, 05:21
votre ptp creadunet : showforcash

Re: Modification d'un Habillage

Message par kyb001 »

J'ai trouvé quelque sites qui peuvent aider a comprendre le CSS un peu mieux.

http://www.quackit.com/css/codes/
http://www.dynamicdrive.com/style/
http://www.tizag.com/cssT/reference.php

Si vous faites un peu de recherches, y en a plein d'autres comme ça.
beuz89
Messages : 195
Inscription : 05 oct. 2009, 05:39
votre ptp creadunet : beuz89PTPSANSIP

Re: Modification d'un Habillage

Message par beuz89 »

Bonsoir, pouvez vous me dire ou se trouve dans le css bluepigment le code couleur correspondant au:

le taux (il est en blanc j aimerai le mettre comme les autres )

et le bas de page, j'aimerais enlever le bleu marine....

Merci d'avance.... :)

Apercu: http://beuz89ptp.creadunet.com/
creadunet
Administrateur du site
Messages : 2273
Inscription : 29 avr. 2009, 08:37

Re: Modification d'un Habillage

Message par creadunet »

Essaie d'ajouter quelque chose comme :

#sidebar p
{
ton code
}

je n'ai pas vérifié, mais ça semble ok
Répondre