phpBB-fr.com

[Azzzaro]

Bonjour à tous,

j'aurai voulu mettre des liens sur ma bannière, mais je voudrai que ceux-ci se trouvent en bas sur la partie transparente de la bannière !
Voir : http://fm-lfp.net/training/phpBB3/

J'ai beau essayé, le lien se place toujours en haut

Si quelqu'un pouvait m'aider, et me dire le code à mettre, ce serait super

Je vous met le bout de code de mon header

Code: Tout sélectionner

         <div class="inner"><span class="corners-top"><span></span></span>
   
<div id="site-description">
        <a href="{U_INDEX}" title="{L_INDEX}" id="logo"><img src="images/spacer.gif" width="860" height="150" alt="" /></a>
        <!--<h1>{SITENAME}</h1>
        <p>{SITE_DESCRIPTION}</p>-->
        <p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
</div>
<div id="box-ban">
      <!-- BEGIN ban_display_header -->
      <a href="{ban_display_header.BAN_URL}" target="_blank"><img src="{ban_display_header.BAN_IMAGE}" alt="{ban_display_header.BAN_NAME}" title="{ban_display_header.BAN_NAME}" border="0" /></a>
      <!-- END ban_display_header -->
</div>
                           
         <span class="corners-bottom"><span></span></span></div>

Merci à vous

[abble]

salut
je vois pas de transparence à ta bannière, peux tu etre plus precis sur l'emplacement svp

[Azzzaro]

Bonsoir Abble,

je met un screen, ce sera plus clair

http://img530.imageshack.us/img530/3963/sanstitrejt7.png

-Image mise en lien par Dakin Quelia-
Motif: dépasse les 500 px.

[abble]

ok, quels sont les liens que tu veux ajouter?

[Azzzaro]

Lien vers le forum fm08 : http://fm-lfp.net/forum/football-manager-f4.html
vers lfp08 : http://fm-lfp.net/forum/lfp-manager-f3.html
vers football : http://fm-lfp.net/forum/football-f35.html
vers yatoo : http://fm-lfp.net/forum/yatoo-f65.html

Merci Abble

[abble]

essayes ceci:

Code: Tout sélectionner

<div id="site-description">
        <a href="{U_INDEX}" title="{L_INDEX}" id="logo"><img src="images/spacer.gif" width="860" height="150" alt="" /></a>
        <!--<h1>{SITENAME}</h1>
        <p>{SITE_DESCRIPTION}</p>-->
        <p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
        <ul>
              <li class="headerlink"><a href="http://fm-lfp.net/forum/football-manager-f4.html" title="Football Manager 2008">Football Manager 2008</a></li>
              <li class="headerlink"><a href="http://fm-lfp.net/forum/football-manager-f4.html" title="Football Manager 2008">Football Manager 2008</a></li>
       </ul>
</div>

ensuite fais moi un screen de ce que tu obtiens

[Azzzaro]

Voilà Abble,

http://img299.imageshack.us/img299/2125/sanstitrefx2.png
ça met les liens à droite.
Ne t'inquiète pas du screen, c'est parce que j'ai testé directement sur mon forum, l'autre screen, c'était sur un forum test

Je pense aussi qu'il est bon de préciser qu'il y a de ça quelques jours, j'avais demandé aussi pour mettre les minis bannières sur la droite de l'header, et Elglobo avait résolu une marge négative ...
Je te donne le lien du topic : viewtopic.php?f=100&t=146999&st=0&sk=t&sd=a&start=15

Merci de ton aide

[abble]

tout est normal, nous allons maintenant commenter les css:

Code: Tout sélectionner

#site-description ul {
   list-style-type: none;
   position: absolute;
   top: 150px;
   left: 200px;
}

#site-description li.headerlink {
   list-style-type: none;
   color: #777777;
   margin: 0;
}

[Azzzaro]

Bonjour Abble,

dans le common.css, j'en trouve 2 :

Code: Tout sélectionner

/* Site description and logo */
#site-description {
   float: left;
   width: 70%;
}

Et celui là

#site-description h1 {
margin-right: 0;
}

Merci

Edit : j'ai essayé et ça me met les liens à gauche et pas assez bas
En plus ils sont les uns sur les autres, j'aurai voulu qu'ils soient cote à cote

[Morgyanne]

Salut,

Je pense que tu rajoutes les lignes de code donné par abble à la suite

@+
Morgyanne

[Azzzaro]

Salut,

Je pense que tu rajoutes les lignes de code donné par abble à la suite

@+
Morgyanne

Salut Morgyanne,
oui je viens de comprendre, j'ai édité le précédent post
Merci

[Solaris !]

Salut,

Dans un premier temps, jongle avec les valeurs top et left pour positionner comme tu le souhaite les liens.

[abble]

jongle avec les valeurs top et left pour positionner comme tu le souhaite les liens

et ensuite tu rajouteras un:

Code: Tout sélectionner

 margin-left: 5px;

à la class site-description li.headerlink

[Azzzaro]

Voilà, j'ai réussi à bien positionner les liens
Par contre je préfèrerai que les liens soient cote à cote

Merci à vous

[abble]

normalement, ils doivent l'etre
un screen svp?