Comment faire pour que l'image et le titre du forum sur la page d'accueil ne soient pas superposés ?

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Comment faire pour que l'image et le titre du forum sur la page d'accueil ne soient pas superposés ?

Message par Cyberwing Ven 23 Jan 2015 - 4:35

Détails techniques


Version du forum : Invision
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Autre
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Moi uniquement
Lien du forum : http://www.radioforum.biz/

Description du problème

Bonjour, j'aimerais simplement savoir comment faire pour mettre une image dans le haut de la page d'accueil à gauche ou à droite du titre du forum et que ce dernier demeure centrer ?

Merci


Dernière édition par Cyberwing le Ven 23 Jan 2015 - 17:52, édité 1 fois
Cyberwing

Cyberwing
***

Masculin
Messages : 125
Inscrit(e) le : 24/10/2007

http://www.radioforum.biz/
Cyberwing a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire pour que l'image et le titre du forum sur la page d'accueil ne soient pas superposés ?

Message par HPie Ven 23 Jan 2015 - 15:07

Bonjour,

Dans le template "overall_header", remplacez:

Code:
<div id="logostrip" class="clearfix">
   <a href="{U_INDEX}" id="logo" title="{L_INDEX}"><img src="{LOGO}" alt="{L_INDEX}" /></a>
   <!-- BEGIN switch_h1 -->
   <div id="main-title">{switch_h1.MAIN_SITENAME}</div>
   <!-- END switch_h1 -->
   <!-- BEGIN switch_desc -->
   <p id="site-desc">{switch_desc.SITE_DESCRIPTION}</p>
   <!-- END switch_desc -->
</div>

par

Code:
<div id="logostrip" class="clearfix">
   <table style="width: 100%; height: 300px;" border="0" cellpadding="0" cellspacing="0">
      <tbody>
         <tr>
            <td style="width: 25%;">
               <img src="Lien de votre image" style="width: Xpx; height: Ypx;" border="0" alt="">
            </td>
            <td style="width: 50%;">
               <a href="{U_INDEX}" id="logo" title="{L_INDEX}"><img src="{LOGO}" alt="{L_INDEX}" /></a>
               <!-- BEGIN switch_h1 -->
               <div id="main-title">{switch_h1.MAIN_SITENAME}</div>
               <!-- END switch_h1 -->
               <!-- BEGIN switch_desc -->
               <p id="site-desc">{switch_desc.SITE_DESCRIPTION}</p>
               <!-- END switch_desc -->
            </td>
            <td>
               <img src="Lien de votre image" style="width: Xpx; height: Ypx;" border="0" alt="">
            </td>
         </tr>
      </tbody>
   </table>
</div>

img: X,Y à définir.
En fonction de la longueur du titre du forum et de la taille des images, modifiez la hauteur du tableau et la largeur de ses cellules.

Cordialement
avatar

HPie
*****

Messages : 599
Inscrit(e) le : 16/08/2010

HPie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire pour que l'image et le titre du forum sur la page d'accueil ne soient pas superposés ?

Message par Cyberwing Ven 23 Jan 2015 - 17:51

Génial, ça fonctionne !


:thanks:
Cyberwing

Cyberwing
***

Masculin
Messages : 125
Inscrit(e) le : 24/10/2007

http://www.radioforum.biz/
Cyberwing a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum