[PokerOlympus] Mise en place de deux bannières latérales

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 !

Re: [PokerOlympus] Mise en place de deux bannières latérales

Messagepar cabot » 09 Fév 2012 à 10:56

Créé deux nouveaux fichiers bloc-left.html et bloc-right.html et colle ça dedans :
Code: Tout sélectionner
<div class="forabg">
   <div class="inner"><span class="corners-top"><span></span></span>
   <ul class="topiclist">
      <li class="header">
      <dl class="icon">
      <dt>TON TITRE ICI</dt>
      </dl>   
      </li>
   </ul>
   <div class="panel">
      <div class="inner"><span class="corners-top"><span></span></span>
        <div class="content">         
      TON CODE ICI          
        </div>
      <span class="corners-bottom"><span></span></span></div>
   </div>
   <span class="corners-bottom"><span></span></span></div>
</div>


Ouvre overall_header.html
Trouve :
Code: Tout sélectionner
   <a name="start_here"></a>

Ajoute après :
Code: Tout sélectionner
   <div id="bloc-left"<!-- IF U_ACP --> class="sushimargin"<!-- ENDIF -->>
   <!-- INCLUDE bloc-left.html -->
   </div>


Ouvre overall_footer.html
Trouve :
Code: Tout sélectionner
</div>
<div id="page-footer">

Ajoute avant :
Code: Tout sélectionner
   <div id="bloc-right"<!-- IF U_ACP --> class="sushimargin"<!-- ENDIF -->>
   <!-- INCLUDE bloc-right.html -->
   </div>


Ouvre common.css
Trouve :
Code: Tout sélectionner
#wrap {
   padding: 0 20px;
   min-width: 980px;
}

Remplace par :
Code: Tout sélectionner
#wrap {
   text-align: center;
   min-width: 1000px;
   width: 100%;
}

Trouve :
Code: Tout sélectionner
#page-body {
   margin: 4px 0;
   clear: both;
}

Remplace par :
Code: Tout sélectionner
#page-body {
   margin: 4px 0;
   width: 60%;
   min-width: 740px;
}

Ajoute après :
Code: Tout sélectionner
#page-body, #bloc-left, #bloc-right {
   display: inline-block;
   text-align: left;
   vertical-align: top;
   *display: inline;
   *zoom: 1;
}
#bloc-left, #bloc-right {
   width: 120px;
   margin-top: 38px;
}
#bloc-left.sushimargin, #bloc-right.sushimargin {
   margin-top: 50px;
}


:wink:
Après toute modification de style, ne pas oublier de Rafraîchir le style et vider le cache.
Avatar de l’utilisateur
cabot
Graphiste
Graphiste
 
Messages: 5429
Inscription: 13 Fév 2011 à 19:42
Localisation:

Re: [PokerOlympus] Mise en place de deux bannières latérales

Messagepar lucrido » 09 Fév 2012 à 16:17

oups... Ca n'a pas eu l'effet désiré Lol

http://myspace.voo.be/lucrido/poker/photos/Capture2.JPG
lucrido
Apprenti-posteur
Apprenti-posteur
 
Messages: 178
Inscription: 09 Fév 2009 à 15:32

Re: [PokerOlympus] Mise en place de deux bannières latérales

Messagepar ZePhYmA » 09 Fév 2012 à 16:22

Plop,

Comme spécifié dans les règles, merci ne pas insérer d'images dépassant les 500px ceci afin de ne pas alourdir les pages, voir même de les déformer !
Les mettre en lien ou en miniature suffit, merci de votre compréhension.
Heberg-pics ~ http://www.heberg-pics.com
    Découvrez Heberg-pics : Gratuit, simple, performant.
ZePhYmA
Modérateur
Modérateur
 
Messages: 2723
Inscription: 26 Jan 2011 à 20:21
Localisation: define('IN_PHPBB', true);

Re: [PokerOlympus] Mise en place de deux bannières latérales

Messagepar lucrido » 09 Fév 2012 à 16:23

Veuillez m'excuser ;-)
lucrido
Apprenti-posteur
Apprenti-posteur
 
Messages: 178
Inscription: 09 Fév 2009 à 15:32

Re: [PokerOlympus] Mise en place de deux bannières latérales

Messagepar cabot » 09 Fév 2012 à 17:08

Fais les modifs en ligne et on verra où est le problème.
Après toute modification de style, ne pas oublier de Rafraîchir le style et vider le cache.
Avatar de l’utilisateur
cabot
Graphiste
Graphiste
 
Messages: 5429
Inscription: 13 Fév 2011 à 19:42
Localisation:

Re: [PokerOlympus] Mise en place de deux bannières latérales

Messagepar lucrido » 09 Fév 2012 à 19:25

C'est à dire?
lucrido
Apprenti-posteur
Apprenti-posteur
 
Messages: 178
Inscription: 09 Fév 2009 à 15:32

Re: [PokerOlympus] Mise en place de deux bannières latérales

Messagepar cabot » 09 Fév 2012 à 19:31

Ben fais les modifs sur ton forum pour qu'on puisse voir directement le pb, il n'y en a pas pour longtemps à le régler. :wink:
Après toute modification de style, ne pas oublier de Rafraîchir le style et vider le cache.
Avatar de l’utilisateur
cabot
Graphiste
Graphiste
 
Messages: 5429
Inscription: 13 Fév 2011 à 19:42
Localisation:

Re: [PokerOlympus] Mise en place de deux bannières latérales

Messagepar lucrido » 09 Fév 2012 à 20:49

oki je le fais tout de suite ;-)

voila c'est fait et ca ne fait pas le même que sur le print screen ^^

http://pokerbelgique.be/phpBB3/index.php
lucrido
Apprenti-posteur
Apprenti-posteur
 
Messages: 178
Inscription: 09 Fév 2009 à 15:32

Re: [PokerOlympus] Mise en place de deux bannières latérales

Messagepar cabot » 09 Fév 2012 à 21:08

Ah ben oui mais il faut faire les modifs que j'ai indiqué hein, faut pas en inventer d'autres :mrgreen:
Après toute modification de style, ne pas oublier de Rafraîchir le style et vider le cache.
Avatar de l’utilisateur
cabot
Graphiste
Graphiste
 
Messages: 5429
Inscription: 13 Fév 2011 à 19:42
Localisation:

Re: [PokerOlympus] Mise en place de deux bannières latérales

Messagepar lucrido » 09 Fév 2012 à 21:09

?? qu'est-ce qui diffère?

J'ai tout copier coller ce que tu m'as donné.
lucrido
Apprenti-posteur
Apprenti-posteur
 
Messages: 178
Inscription: 09 Fév 2009 à 15:32

Re: [PokerOlympus] Mise en place de deux bannières latérales

Messagepar cabot » 10 Fév 2012 à 10:08

Bon, ce n'est pas compliqué pourtant, il n'y a qu'un bloc et il est mal positionné...
Après toute modification de style, ne pas oublier de Rafraîchir le style et vider le cache.
Avatar de l’utilisateur
cabot
Graphiste
Graphiste
 
Messages: 5429
Inscription: 13 Fév 2011 à 19:42
Localisation:

Re: [PokerOlympus] Mise en place de deux bannières latérales

Messagepar lucrido » 10 Fév 2012 à 10:29

pas compliqué pour un programmeur... Moi je suis cuisinier... J'ai fait exactement ce que tu m'as mis ci dessus!
lucrido
Apprenti-posteur
Apprenti-posteur
 
Messages: 178
Inscription: 09 Fév 2009 à 15:32

Re: [PokerOlympus] Mise en place de deux bannières latérales

Messagepar cabot » 10 Fév 2012 à 11:01

Oula je ne suis pas programmeur, mais bidouilleur de css.

Quand je veux faire des crêpes, je lis et j'applique ce qu'il y a écrit dans le bouquin de recettes, sans extrapoler.

Je t'ai donné la recette pour faire ce que tu désires, si tu ne la suis pas exactement, elle sera ratée.
Il faut donc que tu recommences depuis le début. :wink:
Après toute modification de style, ne pas oublier de Rafraîchir le style et vider le cache.
Avatar de l’utilisateur
cabot
Graphiste
Graphiste
 
Messages: 5429
Inscription: 13 Fév 2011 à 19:42
Localisation:

Re: [PokerOlympus] Mise en place de deux bannières latérales

Messagepar lucrido » 10 Fév 2012 à 11:04

je le redis : j'ai fait copier coller et je les ai mis à l'endroit que tu m'as indiqué. Le bloc left après <a name="start_here"></a> dans le header et le bloc right avant </div>
<div id="page-footer"> dans le footer

Le seul truc que j'ai modifié c'est TON CODE ICI et TON TITRE ICI

Et sauf tout le respect que je te dois, si tu es bidouilleur, relis ton code c'est peut être toi qui a fait une erreur???

Ceci dis un tout tout grand merci pour ton aide mais je t'assure avoir recommencé 3 fois et toujours le même bleme ;-)

As tu vu que j'avais une shoutbox?
lucrido
Apprenti-posteur
Apprenti-posteur
 
Messages: 178
Inscription: 09 Fév 2009 à 15:32

Re: [PokerOlympus] Mise en place de deux bannières latérales

Messagepar cabot » 10 Fév 2012 à 11:34

Mon code, je l'ai déjà relu et testé. :wink:

Dans ton overall_header.html (clic droit=>voir le code source), où vois-tu le code ajouté pour le bloc-left ?

Dans ton overall_footer.html (clic droit=>voir le code source), tu n'as pas placé le code au bon endroit mais tu l'as décalé sous les deux balises fermantes </div>

J'ai bien vu la shoutbox, mais cela ne change rien aux modifs à faire.
Après toute modification de style, ne pas oublier de Rafraîchir le style et vider le cache.
Avatar de l’utilisateur
cabot
Graphiste
Graphiste
 
Messages: 5429
Inscription: 13 Fév 2011 à 19:42
Localisation:

PrécédenteSuivante

Retourner vers Modifications et recherche de styles

 


  • Articles en relation
    Réponses
    Vus
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré 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