AccueilRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le Deal du moment : -38%
PC Portable Gamer – LENOVO Legion 5 15ACH6H ...
Voir le deal
799 €

    Retirer le fond du cadre de la PA

    Ravener
    Ravener
    FémininAge : 31Messages : 193

    Mer 12 Juin 2013 - 6:12

    Bien le bonjour!
    C'est très rare qu'on me voit ici, mais j'ai besoin de votre aide. Ça fait un bon 35-40 minutes que je parcours le forum mais j'ai rien trouvé pour m'aider (bien que j'aie l'impression qu'on ait déjà donné l'astuce auparavant).

    J'ai un forum en phpBB2 qui a ouvert ses portes dernièrement sous le nom de FireLake ( http://firelake.bbfr.net/ ). Trouvant que la PA ne concordait pas avec le reste, j'en ai créé une nouvelle grâce à un code offert par notre bien-aimé Sparrow-style.

    Tout va bien sur mon forum de test, je finalises et pose ça sur mon forum. Tout est génial, sauf un truc.

    L'élément de la PA contient un fond de couleur, que j'aimerais retirer puisqu'il est plus pâle que le fond du forum (qui forme le cadre). Seulement, si je veux retirer la couleur de fond de la PA, j'influence en même temps le fond de couleur des messages, et c'est précisément ce que je veux éviter.

    Malgré mes nombreux test dans les templates et le CSS, pas moyen de retirer cette fichue "bordure" qui entourne mon image de PA, et donc pas moyen d'uniformiser le tout.

    D'ailleurs, en même temps, pas moyen de minimiser le cadre des annonces en haut de page, qui dépassent donc et qui sont loin d'être glorieuses. J'ai beau rajouter des div dans les templates, j'ai pu me débrouiller pour la PA et le QEEL, mais pas pour les annonces. (J'ai tenté de régler le cadre du forum au plus petit possible, ça ne change absolument rien ><)

    Je répète que le "cadre" visible gris du forum est en réalité le fond (simplement une image). Je suis avec Firefox et Chrome.

    Spoiler:

    Donc un petit récapitulatif

    • Retirer le cadre gris clair autour de l'image de la PA
    • Resserrer le cadre des annonces


    Techniquement, le cadre du forum fait 1000px de large.

    Merci à qui pourra m'éclairer, je suis à cours d'idées.
    Ravener

    PS : N'hésitez pas, si vous avez des questions ou absolument besoin de mon CSS et/ou HTML. Je ne les ai pas fourni parce que je ne jugeais pas ça pertinent (puisque c'était comme ça avant que je commence à jouer avec les codes)



    Retirer le fond du cadre de la PA Ravenersign
    Anonymous
    Invité

    Mer 12 Juin 2013 - 10:29

      Hey,

      Je suis pas sûre d'avoir tout saisi, ton histoire d'image grise pour le fond ... bref, je tente ma chance. Tu as pensé dans les couleurs du forum a enlevé la bordure de "Couleur du cadre des tables" ? Puisque tes catégories sont mises en forme différemment je doute que cette bordure te sois utile. Sinon tu peux tenter d'insérer ta PA dans un template pour éviter le cadre (index-body me semble-t-il, je vérifierai si tu optes pour cette solution) Wink

      Pour les annonces j'avais trouvé ces derniers temps, ... je retourne chercher :hum:
    Ravener
    Ravener
    FémininAge : 31Messages : 193

    Mer 12 Juin 2013 - 19:31

    Bonjour!
    Tout ce qui figure dans la section "Les contours" est vide, puisqu'elles ne me sont pas nécessaires. Dans la section "Les couleurs de fond", j'ai "Couleur intérieur du cadre du forum" et  "Couleur de fond d'un message remercié" qui sont vides également.

    Sinon, pour faire simple, rien de mieux qu'une image. Voici donc mon image de fond : https://2img.net/r/ihimizer/img845/9246/background3fz.png .

    Mais j'avoue que j'y avais pas pensé, de mettre la PA dans un template. Je l'avais déjà fait avec un ancien forum. Je vais voir ce que j'peux faire avec ça! Merci beaucoup. (Mais c'est certain que si il y a une solution hors-templates, je préfèrerais XD)

    Merci!



    Retirer le fond du cadre de la PA Ravenersign
    Anonymous
    Invité

    Mer 12 Juin 2013 - 21:45

    Et si tu tentes ceci dans le CSS :

    Code:
    .forumline {
      border: none;}

    ? On peut avoir ton code sinon s'il te plait ?
    Ravener
    Ravener
    FémininAge : 31Messages : 193

    Sam 15 Juin 2013 - 5:34

    J'ai ajouté le .forumline mais ça n'a rien changé vraiment.

    Sinon, pour le code, tu veux mon CSS en entier ou seulement certaine(s) partie(s) ?

    Pour l'instant, voilà le code de ma PA
    HTML
    Code:
    <div id="f1_accueil">
    <table style="width: 100%;">
    <tr><td class="f1_col1"><div class="f1_contexte">
    Nous sommes en 1992. Depuis maintenant 15 ans, le Centre de Détention FireLake accueille les plus dangereux criminels recensés dans le monde. Néanmoins, les dirigeants des grands pays qui ont permis la construction de cette prison internationale, dans le Sud de l'océan Pacifique, ne semblent pas arriver à s'accorder sur qui devrait investir pour rénover les bâtiments vétustes de l'île. <br />
    <br />Ce n'est que lorsqu'une série de meurtres en série se déclare parmis les détenus que le G7 se décide à finalement envoyer des agents enquêter et à, peut-être, éventuellement envoyer des équipes pour remettre en état l'établissement. De quel clan ferez-vous partit?
    </div></td>
    <td style="vertical-align: top;"><div class="f1_bloconglets">
    <span class="f1_onglet1"><div class="f1_contenu1">
    <span class="f1_liens"><a href="http://firelake.bbfr.net/t1-1-reglement#1">Règlement</a> - <a href="http://firelake.bbfr.net/t11-2-histoire-du-centre#12">Histoire</a> - <a href="http://firelake.bbfr.net/t10-3-liste-des-crimes#11">Liste des Crimes</a> - <a href="http://firelake.bbfr.net/t14-devenir-partenaires#15">Devenir Partenaires</a></span>
    <table><tr>
    <td><div class="f1_news"><span style="display: block; text-align: justify;"><div class="mozaik_news"><span class="mozaik_datenews">28 mai 2013</span>Ajout de deux nouveaux top-site, et d'un <a href="http://firelake.bbfr.net/t17-4-repertoire-des-gangs#20" target="_blank">répertoire de Gangs</a> et de <a href="http://firelake.bbfr.net/t18-types-de-demandes#24" target="_blank">demandes</a>.</div><div class="mozaik_news"><span class="mozaik_datenews">26 mai 2013</span>Ajout de 3 Top-Sites. N'oubliez pas de voter à toutes les 2 heures!</div><div class="mozaik_news"><span class="mozaik_datenews">25 mai 2013</span>Ouverture du forum</div><div class="mozaik_news"><span class="mozaik_datenews">11 mai 2013</span>Création du forum</div></span></div></td>
    <td><div class="f1_credits"><span style="display: block; text-align: justify;">Une étrange série de meurtres parmi les prisonniers sèment la panique dans la prison de FireLake. D'une grande cruauté, des rumeurs courent comme quoi le coupable serait un membre du corps policier. Simples murmures, ou sinistre vérité?</span></div></td>
    </tr></table>
    </div></span>

    <span class="f1_onglet2"><div class="f1_contenu2">
    <span class="f1_staff1"><div class="f1_staffcontenu1"><font color="crimson" size="3" face="Georgia">Yoko Harada </font>
    <span style="display: block; text-align: justify; width: 120px; margin-left: 175px;"><font color="crimson"><div align="right">Fonda'</div></font> Ne vous fiez pas aux apparences, malgré son sens aigüe de l'ordre et de l'organisation, c'est la première à vouloir délirer avec les membres. Elle est toujours disponible s'il y a quelque problème que ce soit.</span></div></span>
    <span class="f1_staff2"><div class="f1_staffcontenu2"><font color="teal" size="3" face="Georgia">Alistair Killian </font>
    <span style="display: block; text-align: justify; width: 130px; margin-left: 165px;"><font color="teal"><div align="right">Admin'</div></font>Principal admin à assister Yoko, il apporte de nombreuses idées afin d'élaborer de nouveaux concepts et à aider les membres, comme tout bon policier se doit de faire.</span></div></span>
    <span class="f1_staff3"><div class="f1_staffcontenu3"><font color="firebrick" size="3" face="Georgia">Travis Shark </font>
    <span style="display: block; text-align: justify; width: 120px; margin-left: 175px;"><font color="firebrick"><div align="right">Modo'</div></font>
    Il est le fondement même du forum, celui qui a emmené l'idée. Malgré tout, il reste humble et se contente d'un simple poste de modérateur. Il est disponible à répondre à toutes vos questions s'il le faut. </span></div></span>
    </div></span>

    <span class="f1_onglet3"><div class="f1_contenu3">
    <table><tr>
    <td><div class="f1_friends"><marquee direction="up" scrollamount="2" onmouseover="this.stop();" onmouseout="this.start();"><center><a href="http://ciclospecchio.forumperso.com/" target="_blank"><img src="http://img11.hostingpics.net/pics/2244327logo78831.png" alt="Ciclo Specchio" /></a><a href="#" target="_blank"><img src="#" alt="Nom du forum" /></a><a href="#" target="_blank"><img src="#" alt="Nom du forum" /></a></center></marquee></div></td>
    <td><div class="f1_topsites">
    <span style="display: block; text-align: justify; margin-top: -25px;">Le contexte a été élaboré et rédigé par Ravener, Bloody Funeral et Cristal Knight<br />
    Le graphisme du forum a été réalisé par Ravener <br />
    Le codage a pu être mis en place grâce à <a href="http://www.never-utopia.com">Never-Utopia</a> et <a href="http://css-actif.com/">CSS-Actif</a>, et personnalisé par Ravener <br />
    Cette page d'accueil a été réalisée par Sparrow-style, prise sur <a href="http://www.never-utopia.com">Never-Utopia</a>.<br /><br />
    Copyright 2013 © FireLake est une création de Ravener, Bloody Funeral & Cristal Knight, tous droits réservés </span>
    </div></td>
    </tr></table>
    </div></span>

    </div>
    </td>
    </tr></table><div class="box_topsites"><a href="http://www.root-top.com/topsite/everutopia/in.php?ID=338" target="_blank"><img src="http://img46.imageshack.us/img46/876/handcuffsmini.png" alt="Top" /></a><a href="http://www.root-top.com/topsite/miya/in.php?ID=1741" target="_blank"><img src="http://img46.imageshack.us/img46/876/handcuffsmini.png" alt="Top" /></a><a href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=3710" target="_blank"><img src="http://img46.imageshack.us/img46/876/handcuffsmini.png" alt="Top" /></a><a href="http://www.root-top.com/topsite/cda/in.php?ID=31" target="_blank"><img src="http://img46.imageshack.us/img46/876/handcuffsmini.png" alt="Top" /></a><a href="http://www.root-top.com/topsite/korben/in.php?ID=13146" target="_blank"><img src="http://img46.imageshack.us/img46/876/handcuffsmini.png" alt="Top" /></a><a href="http://www.root-top.com/topsite/lulu06/in.php?ID=2638" target="_blank"><img src="http://img46.imageshack.us/img46/876/handcuffsmini.png" alt="Top" /></a></div>
    </div>

    Partie CSS
    Code:
    /* ------------------------------------------ PA ------------------------------------------ */

    #f1_accueil
    {
      width: 990px;
      height: 533px;
      margin: auto;
      background: url(http://img571.imageshack.us/img571/7069/paback3.png);
      text-shadow: none !important;
      border: 2px solid #bdbdbd;
    }
    #f1_accueil a
    {
      color: #825151 !important;
      text-shadow: none !important;
      text-decoration: none; transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    #f1_accueil a:hover
    {
      color: #F00943 !important;
      text-shadow: none !important;
      text-decoration: none !important;cursor:crosshair;font-size: 10 px; transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    .f1_col1
    {
      width: 300px;
      vertical-align: top;
    }
    .f1_contexte
    {
      width: 220px;
      height: 320px;
      overflow: auto;
      margin-top: 90px;
      margin-left: 165px;
      text-align: justify;
      color: #585659;
      /*text-shadow: 1px 1px 0px #000;*/
    }
    .f1_bloconglets
    {
      margin-top: 80px;
    }
    .f1_onglet1, .f1_onglet2, .f1_onglet3
    {
      display: inline-block;
      width: 110px;
      height: 50px;
    }
    .f1_onglet1
    {
      margin-left: 55px;
      margin-right: 25px;
    }
    .f1_onglet2
    {
      margin-right: 30px;
    }
    .f1_contenu1, .f1_contenu2, .f1_contenu3
    {
      position: absolute;
      width: 0px;
      height: 270px;
      margin-top: 40px;
      padding-top: 40px;
      overflow: hidden;
      font-size: 11px;
      color: #585659;
    }
    .f1_contenu1
    {
      margin-left: -10px;
    }
    .f1_contenu2
    {
      margin-left: -149px;
    }
    .f1_contenu3
    {
      margin-left: -294px;
    }
    .f1_onglet1:hover .f1_contenu1, .f1_onglet2:hover .f1_contenu2, .f1_onglet3:hover .f1_contenu3
    {
      width: 400px;
    }
    .f1_liens
    {
      display: block;
      text-align: center;
    }
    .f1_liens a
    {
      font-size: 16px;
      /*font-weight: bold;*/
      font-family: Times New Roman;
    }
    .f1_news, .f1_friends
    {
      width: 200px;
      height: 200px;
      overflow: hidden;
      text-align: justify;
    }
    .f1_credits, .f1_topsites
    {
      height: 150px;
      border-left: 1px solid #888888;
      margin-left: 5px;
      padding: 5px;
      text-align: center;
    }
    .f1_staff1
    {
      display: block;
      width: 50px;
      height: 50px;
      background: url(http://img109.imageshack.us/img109/8874/iconyoko.png) #585659;
      margin-bottom: 20px;
      margin-top: 20px;
      border: 1px solid #585659;
    }

    .f1_staff2
    {
      display: block;
      width: 50px;
      height: 50px;
      background: url(http://img41.imageshack.us/img41/8012/iconalistair.png) #585659;
      margin-bottom: 20px;
      margin-top: 20px;
      border: 1px solid #585659;
    }

    .f1_staff3
    {
      display: block;
      width: 50px;
      height: 50px;
      background: url(http://img818.imageshack.us/img818/4840/icontravis.png) #585659;
      margin-bottom: 20px;
      margin-top: 20px;
      border: 1px solid #585659;
    }

    .f1_staffcontenu1, .f1_staffcontenu2, .f1_staffcontenu3
    {
      position: absolute;
      width: 0px;
      height: 180px;
      background: url(http://imageshack.us/a/img607/6025/pastaffyoko.png) #bcbcbc;
      margin-left: 80px;
      overflow: hidden;
      text-align: right;
    }
    .f1_staffcontenu2
    {
      margin-top: -72px;
      background: url(http://imageshack.us/a/img545/6725/pastaffalistair.png) #bcbcbc;
    }
    .f1_staffcontenu3
    {
      margin-top: -144px;
      background: url(http://imageshack.us/a/img23/8923/pastafftravis.png) #bcbcbc;
    }
    .f1_staff1:hover .f1_staffcontenu1, .f1_staff2:hover .f1_staffcontenu2, .f1_staff3:hover .f1_staffcontenu3
    {
      width: 300px;
      border: 1px solid #828282;
        box-shadow: 0px 0px 3px #828282;
      -moz-box-shadow: 0px 0px 3px #828282;
      -o-box-shadow: 0px 0px 3px #828282;
      -htm-box-shadow: 0px 0px 3px #828282;
      -webkit-box-shadow: 0px 0px 3px #828282;
    }
    .mozaik_news
    {
      margin: 5px;
      padding-bottom: 5px;
      border-bottom: 1px solid #a14b4b;
    }
    .mozaik_datenews
    {
      display: inline-block;
      font-size: 12px;
      font-weight: bold;
      color: #a14b4b;
      margin-right: 20px;
    }
    /*.mozaik_illu
    {
      width: 100px;
      float: right;
      border: 1px solid #ffffff;
      margin: 5px;
    }*/
    .box_topsites
    {display: inline-block;
    align: center;
    margin-top: 60px;}



    Retirer le fond du cadre de la PA Ravenersign
    Neva
    Neva
    FémininAge : 30Messages : 18565

    Mer 19 Juin 2013 - 15:06

    Salut,

    Va dans ton template index_body et tu as cette ligne en haut :

    Code:
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

    Retire le class="forumline" car c'est lui qui lui donne cette couleur de fond :

    Code:
    <table width="100%" border="0" cellspacing="1" cellpadding="0">



     
    Neva
    Neva
    FémininAge : 30Messages : 18565

    Mer 26 Juin 2013 - 9:55

    Hey,

    Tu as vu mon message ? Ca a changé quelque chose ?



     
    Neva
    Neva
    FémininAge : 30Messages : 18565

    Mer 3 Juil 2013 - 11:10

    Hey,

    Pas de nouvelles ?
    Deuxième relance



     
    Neva
    Neva
    FémininAge : 30Messages : 18565

    Mer 10 Juil 2013 - 15:13

    Salut,

    Cela fait une troisième semaine qu'on a pas de nouvelles. Je fais donc une dernière relance mais si on a rien d'ici une semaine supplémentaire je devrai archiver.



     
    Anonymous
    Invité

    Mer 17 Juil 2013 - 12:05

      Hey,

      Sans nouvelles, je considère comme clos.

      Bonne continuation.
    Contenu sponsorisé


      La date/heure actuelle est Sam 25 Juin 2022 - 12:09