Inserer une image sur le fond

<<

Ummu 'OubeydAllah

Messages: 12

Inscription: 04 Aoû 2009, 13:00

Genre: Sœur

Message 07 Déc 2009, 19:26

Inserer une image sur le fond

*salam

J'aimerais ajouter une image sur le fond du forum comme vous avez fait sur le coté gauche avec ces differentes images qui mènent à differentes pages

Je voudrais en faite mettre le logo de mon site sur mon forum inchaALLAH. Comment faire ? BarakALLAHU fikum

*salam
<<

Bilal Abou Anas

Avatar de l’utilisateur

Administrateur

Messages: 23

Inscription: 30 Mai 2009, 21:45

Localisation: Bobigny (France)

Genre: Frère

Message 12 Déc 2009, 14:52

Re: Inserer une image sur le fond

*salam

J'espère en tout cas pouvoir bien vous expliquer la procédure pour permettre aux frères et sœurs qui passeraient par là de le eux faire aussi.

*bismillah

Tout d'abord il faut savoir que cette méthode a été seulement testée pour les forum fait avec phpbb. Donc pour les autres types de forum me demander spécifiquement et j'essayerais de vous aidez si j'en suis capable Inchaa Allahou ta3ala.

Pour en revenir a la démarche et bien la première chose à faire est de connaitre le nom de votre Style (thème, template) de forum. Dans notre cas c'est "CA Gen2".

En suite il suffit de se connecter a votre compte ftp (l'espace web ou vous avez envoyer les fichiers de votre forum) et d'aller dans le dossier styles puis dans le dossier du style que vous utilisez (CA Gen2 dans notre cas) à l'intérieur vous trouverez un dossier template vous l'ouvrez à l'intérieur vous trouverez deux fichiers avec les noms overall_header.html et overall_footer.html. Vous devez les transférer sur votre pc pour pouvoir les modifier.

Une fois overall_header.html ouvert et bien trouvez dans le code source de la page la balise
  Code:
</head>


juste au dessus de celle-ci vous mettez :

  Code:
<style type="text/css">
      div#margegauche {
         float: left;
         width: 160px; /* Largeur de la colonne ou seront affichées vos images je conseil de mettre la même largeur que celle de vos images */
                 margin-right: 0px; /* Écart entre l'extrémité gauche de votre forum et les images */
                 margin-top:240px; /* Écart entre le haut de la page et votre première image */
      }
              td#margegauche {
         width: 160px; /* Largeur de la colonne ou seront affichées vos images je conseil de mettre la même largeur que celle de vos images */
      }
   </style>


Et juste en dessous de <body id="blablabla" class="blablabla"> qui est pas trop loin en dessous de </head> vous mettez :

  Code:
<center><table><tr><td id="margegauche" valign="top"><div id="margegauche"><a href="ICI VOUS DEVEZ METTRE LE LIEN OU DOIT POINTER L'IMAGE QUAND ON CLIQUE DESSUS"><img width="LARGEUR DE L'IMAGE JE VOUS CONSEIL 160" src="ICI VOUS DEVEZ METTRE L'ADRESSE DE L'IMAGE QUE VOUS SOUHAITEZ AFFICHER" alt="ICI JE VOUS CONSEIL DE METTRE DU TEXTE EN RAPPORT AVEC L'IMAGE"></a><br /><br />
</div></td>
<td>


Remarquez bien que les <br /><br /> sont la pour sauter des lignes entre les images que vous souhaitez placer sur votre forum. Ce qui signifie que si vous voulez ajouter des nouvelles images vous devez rajouter après les <br /><br /> votre image sous la forme :

  Code:
<a href="ICI VOUS DEVEZ METTRE LE LIEN OU DOIT POINTER L'IMAGE QUAND ON CLIQUE DESSUS"><img width="LARGEUR DE L'IMAGE JE VOUS CONSEIL 160" src="ICI VOUS DEVEZ METTRE L'ADRESSE DE L'IMAGE QUE VOUS SOUHAITEZ AFFICHER" alt="ICI JE VOUS CONSEIL DE METTRE DU TEXTE EN RAPPORT AVEC L'IMAGE"></a><br /><br />


Enfin pour terminer ouvrez overall_footer.html cherchez </body> et collez juste avant :

  Code:
</td></tr><table>


Normalement c'est bon Inchaa Allahou ta3ala à moins que je n'ai oublié quelque chose. Merci de me le faire savoir dans ce poste si vous avez des problèmes à le faire.

*barakallahufikum wa *jazakallahukheiran wa *salam
Image


Lorsque Muhammad ibn Wâsi’ voulait aller dormir il disait à sa famille : « Je vous confie à Allah (l’invocation du voyageur), ce sera peut être le sommeil dont je ne reviendrais pas. » c’était là son habitude lorsqu’il voulait dormir. (Qasr Al-Amal : 227)
<<

Ummu 'OubeydAllah

Messages: 12

Inscription: 04 Aoû 2009, 13:00

Genre: Sœur

Message 13 Déc 2009, 00:06

Re: Inserer une image sur le fond

*waalaykoumsalam

BarakALLAHU fikum !
Je vais inchaALLAH essayer et vous dire si les codes ont fonctionné pour moi, mais je pense qu'il n'y a pas de problème inchaALLAH, j'ai un forum de type phpBB

Et à ce que je vois je peux changer aussi de coté en remplaçant gauche par droite et left par right ? Cela fonctionnerat'il ?

'Afwan j'ai une autre question et est ce que cela marchera pour un forum phpbb version 2 ? (car j'ai mon ancien forum en version 2)

Hayakum ALLAH

*salam
<<

Bilal Abou Anas

Avatar de l’utilisateur

Administrateur

Messages: 23

Inscription: 30 Mai 2009, 21:45

Localisation: Bobigny (France)

Genre: Frère

Message 15 Déc 2009, 16:03

Re: Inserer une image sur le fond

*waalaykoumsalam wa Amin wa iyakoum,

Pour répondre a votre 2ème question et bien oui il est normalement possible de le faire aussi pour les forum phpbb 2. Concernant la deuxième demande et bien je vais rédiger la marche a suivre pour l'intégrer aussi a droite et je le posterai sur le forum un peu plus tard Inchaa Allahou ta3ala.

*jazakallahukheiran wa *barakallahufikum wa *salam
Image


Lorsque Muhammad ibn Wâsi’ voulait aller dormir il disait à sa famille : « Je vous confie à Allah (l’invocation du voyageur), ce sera peut être le sommeil dont je ne reviendrais pas. » c’était là son habitude lorsqu’il voulait dormir. (Qasr Al-Amal : 227)

Retourner vers Phpbb

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités

cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by Vjacheslav Trushkin for Free Forums/DivisionCore.
Traduction par: phpBB-fr.com
phpBB SEO