Page 1 sur 4

Modification d'un Habillage

Publié : 03 oct. 2009, 23:09
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

Re: Modification d'un Habillage

Publié : 04 oct. 2009, 09:02
par creadunet
Je viens de trouver un site avec quelques fonds d'écrans sympas...

http://weesk.com

Re: Modification d'un Habillage

Publié : 07 oct. 2009, 19:59
par dudu62
merci beaucoup creadunet

Re: Modification d'un Habillage

Publié : 14 nov. 2009, 06:02
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/ :)

Re: Modification d'un Habillage

Publié : 14 nov. 2009, 08:34
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.

Re: Modification d'un Habillage

Publié : 14 nov. 2009, 19:11
par beuz89
Merci, ca marche nikel.... :)

Re: Modification d'un Habillage

Publié : 05 févr. 2010, 19:58
par rubyjack
ben moi je viens de faire quelques essais ,mais je suis pas douer !
avec de la persévérence ,peut etre que ..

Re: Modification d'un Habillage

Publié : 05 févr. 2010, 21:33
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.

Re: Modification d'un Habillage

Publié : 26 févr. 2010, 20:51
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/

Re: Modification d'un Habillage

Publié : 27 févr. 2010, 01:12
par creadunet
Essaie d'ajouter quelque chose comme :

#sidebar p
{
ton code
}

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