Demande d'aide pour une image de fond

Pour les recherches et les demandes de modifications de styles concernant votre forum phpBB3.

Modérateur: Equipe

Règles du forum
Rappel: Conditions générales d'utilisation de phpBB-fr.com - Conditions générales de support graphique de phpBB-fr.com

Attention : pour éviter les bugs, votre style doit être mis à jour en même temps que votre forum, et ce, dans la dernière version disponible !

Demande d'aide pour une image de fond

Messagepar djezz85 » 22 Juil 2010 à 15:06

Bonjour à tous/toutes

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 :D ) je me suis servis de tutos présent sur le site.

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 :D )

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.
Dernière édition par djezz85 le 22 Juil 2010 à 17:31, édité 1 fois.
djezz85
Posteur néophyte
Posteur néophyte
 
Messages: 20
Inscription: 22 Juil 2010 à 14:38

Re: Demande d'aide pour une image de fond

Messagepar Dr@gons » 22 Juil 2010 à 16:49

Salut,

Dans le tuto, c'est juste une portion du code que l'on demande de rechercher/remplacer ;)
Ensuite, d'après ce que je vois, le tuto s'arrête à un fond prenant l'écran complet et pas une image à répéter en x et y ;)
Donc il faut rajouter après
Code: Tout sélectionner
url("{T_THEME_PATH}/images/fond.gif")
un
Code: Tout sélectionner
 repeat


@+
Avatar de l’utilisateur
Dr@gons
Apprenti-posteur
Apprenti-posteur
 
Messages: 174
Inscription: 30 Mar 2007 à 19:13

Re: Demande d'aide pour une image de fond

Messagepar djezz85 » 22 Juil 2010 à 17:19

Pourquoi aller chercher compliquer quand il faut faire simple :)

Merci à toi Dr@gons c'est sympa et ca fonctionne :D

J'ai même appris que l'on pouvait se faire répéter une image verticalement et horizontalement en ajoutant x ou y après repeat.

Un grand merci encore une fois !!!
djezz85
Posteur néophyte
Posteur néophyte
 
Messages: 20
Inscription: 22 Juil 2010 à 14:38

Re: Demande d'aide pour une image de fond

Messagepar Dr@gons » 22 Juil 2010 à 19:15

De rien ;)
Avatar de l’utilisateur
Dr@gons
Apprenti-posteur
Apprenti-posteur
 
Messages: 174
Inscription: 30 Mar 2007 à 19:13


Retourner vers Modifications et recherche de styles

 


  • Articles en relation
    Réponses
    Vus
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum: Yahoo [Bot] et 3 invités

Partenaires : phpBBHacks.com • phpBB-Seo.com • EzCom-fr.com • phpBB3 Styles • phpBB podpora • phpBB Portugal    Liens : Net Avenir • PromoBenef • Ticket Gagnant