Je vous mets le lien vers le forum => http://jogapes.fr/forum/
Pour commencer, je tiens à préciser que je suis totalement novice en php, css. Pour les 3/4 de ce que j'ai fais jusqu'à maintenant sur mon forum (c'est à dire pas grand chose
Je vous explique la situation.
Comme fond du forum, c'est à dire à la place de tout ce qui est blanc, je voudrais mettre une image d'un dégradé qui se répète plusieurs fois pour éviter d'avoir une image trop lourde qui mettrais du temps à charger. J'ai donc crée mon dégradé sur photoshop. J'avoue que je n'ai aucunes idées de la taille que doit faire mon image. Elle fait 10px de large sur 650 de hauteur.
Vous pouvez voir le dégradé ici
Un ami ma dit que le mieux serait de mettre 2 images. une première image de la même couleur que la fin de mon dégradé à savoir #79acd4 et enfin mon dégradé. (pourquoi il ma dit ca je n'en sais rien
Je me suis donc lancé à la recherche d'un tuto et je suis tombé sur celui-ci
Je l'ai suivis à la lettre mais le résultat ne donne rien mis à part que mon forum se retrouve soit tout petit, soit comme si la résolution était grossièrement grossie.
Je précise que j'utilise prosilver et que l'image de mon dégradé se trouve bien dans le dossier forum/styles/prosilver/thèmes/images sur FileZilla. L'image s'appelle fond.png et j'ai bien pensé à mettre le bon nom de fichier pendant le tuto.
J'ai un petit problème quant au tuto, à l'étape:
Allez dans common.css
Cherchez
- Code: Tout sélectionner
Code: Tout sélectionner
body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #828282;
background-color: #FFFFFF;
Remplacez par
- Code: Tout sélectionner
Code: Tout sélectionner
body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: Verdana, Helvetica, Arial, sans-serif;
background-image: url("{T_THEME_PATH}/images/fond.gif");
En fait dans mon fichier common.css, je n'ai pas tout à fait le même code de base que dans le tuto.
Mon code est celui-ci:
- Code: Tout sélectionner
body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #828282;
background-color: #FFFFFF;
/*font-size: 62.5%; This sets the default font size to be equivalent to 10px */
font-size: 10px;
margin: 0;
padding: 12px 0;
On voit que j'ai des lignes margin, padding que lui n'a pas dans son code.
Je n'ai aucunes idées si ca a une importance ou pas mais je préfère le souligner.
Voilà, je pense que j'ai tout dis.
Si vous souhaitez que je refasse le tuto pour que vous puissiez voir le résultat bancal que j'obtiens, je le referai sans problème car j'ai remis le forum en l'état.
En éspérant avoir des réponses qui me permettront de résoudre mon "petit" problème, je vous remercie d'avance.
djezz.



