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

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 le 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
***

Masculin
Messages : 118
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 le 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

HPie
*****

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

http://www.quatelbach.com/
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 le Ven 23 Jan 2015 - 17:51

Génial, ça fonctionne !


Thanks

Cyberwing
***

Masculin
Messages : 118
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


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