AccueilDernières imagesRechercherS'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 à ne pas rater :
Smartphone Xiaomi 14 – 512 Go- 6,36″ 5G Double SIM à 599€
599 €
Voir le deal

    Categorie moin grosse !

    Neo_ChroMe-LTD
    Neo_ChroMe-LTD
    MasculinAge : 42Messages : 48

    Mar 21 Juin 2011 - 16:24

    Salut a tous,

    voila je suis admin sur mon forum et j'ai creer un sous forum avec un encadrement !

    Mais je le trouve trop gros et j'aimerais savoir quel code faut il mettre pour qui le soit moin !

    voila mon css de sous forum :

    /*Sous forum*/
    .sousforum {
    margin-top: 5px;
    font-family: Gabriola;
    color : #737373;
    position: relative;
    top: -5px;
    left : -40px;
    text-align: center;
    padding-top: 10px;

    }

    .sousforum a{
    font-size: 17px!important;
    color : #8a8c58;
    border:1px solid #000000;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    height: 5px;
    background-color : #6e1c1c;
    }



    Merci a vous !
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Mar 21 Juin 2011 - 16:49

    Hey!!

    Peut-on avoir le lien du forum en question on un screen car "gros" sa me parle pas trop, ou sinon réduit le nombre à ton "padding" qui est de 10 sa me parait un peu élevé mais sans voir c'est pas évident d'être sur :p.



    Merci beaucoup Woo pour ce kit *-*
    Categorie moin grosse ! 657955SignatureSuicopie
    Sui' Art's
    Neo_ChroMe-LTD
    Neo_ChroMe-LTD
    MasculinAge : 42Messages : 48

    Mar 21 Juin 2011 - 17:05

    Ah oui dsl j'ai oublier le forum

    http://swat.probb.fr/


    Voyer les 3 petits sous forum '1er, 2eme, 3eme categories),
    donc j'aimerais que l'encadrer soit moin gros !!

    Comme ceci :

    Categorie moin grosse ! Sans_t15
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Mar 21 Juin 2011 - 17:11

    Bah elles sont grosse à cause de ta police je dirais réduis ton "font-size" à 11px, tu peux aussi prendre une police plus fine en changeant le "font-family".

    Au passage je suis pas sur que ton css fonctionne convenablement, ton deuxième bout de css si tu veux qu'il change au passage de la souris à la place de "sousforum a" met "sousforum:hover".




    Merci beaucoup Woo pour ce kit *-*
    Categorie moin grosse ! 657955SignatureSuicopie
    Sui' Art's
    Neo_ChroMe-LTD
    Neo_ChroMe-LTD
    MasculinAge : 42Messages : 48

    Mar 21 Juin 2011 - 17:13

    c'est a dire qu'il change ?
    Neo_ChroMe-LTD
    Neo_ChroMe-LTD
    MasculinAge : 42Messages : 48

    Mar 21 Juin 2011 - 17:15

    je viens d'essayer, ca ne fonctionne pas et ca me remet ma police toute petite et blanche !!!

    Pk?
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Mar 21 Juin 2011 - 17:24

    C'est pas possible quand changeant ton font-size ta police change de couleur ._.

    Envoi moi ton template index_box et ton css en entier et met les codes entre les balise [code ] [/ code] mais sans les espace.

    Quand je dis qu'il change c'est que quand tu passe ta souris sur un des sous forum la couleur du texte change de couleur ou bien le fond, les bordures enfin tout ce que tu veux.





    Merci beaucoup Woo pour ce kit *-*
    Categorie moin grosse ! 657955SignatureSuicopie
    Sui' Art's
    Neo_ChroMe-LTD
    Neo_ChroMe-LTD
    MasculinAge : 42Messages : 48

    Mar 21 Juin 2011 - 17:31

    mais je ne veux pas que ca change de couleur !!!!
    je ne te saisi pas !!

    Quand tu passes ta souris sur une categories, ca ne change pas de couleur et c'est ce que je veux !
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Mar 21 Juin 2011 - 17:48

    C'est toi qui n'as pas saisis xD dans ton css tu as ce bout de code:

    Code:
    .sousforum a{
    font-size: 17px!important;
    color : #8a8c58;
    border:1px solid #000000;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    height: 5px;
    background-color : #6e1c1c;
    }

    Il te sert à rien la, hors si tu la mis c'est bien pour quelque chose non? Sinon vire le sa m'évitera de te poser des questions pour un rien :/ fin bref c'est secondaire.

    Pour ton problème de grosseur je ne vois que le font-size pour réduire la taille de t'es sous-forum car si tu réduis pas la taille de ta police le cadre restera la, et si tu me dis quand mettant font-size dans ton premier code sa te met la police de couleur blanche (chose illogique) c'est qu'il y à une erreur autre part et sur ton forum je ne vois pas les sous-forum en blanc.

    Vive le dialogue de sourd!!



    Merci beaucoup Woo pour ce kit *-*
    Categorie moin grosse ! 657955SignatureSuicopie
    Sui' Art's
    Neo_ChroMe-LTD
    Neo_ChroMe-LTD
    MasculinAge : 42Messages : 48

    Mar 21 Juin 2011 - 18:38

    Et ben si mon petit il me sert, sinon je ne l'aurais pas mis, en faite ca me grossi ma police d'ecriture car si je la met dans ".sousforum" elle ne me sert a rien !!!

    et si je met :

    border:1px solid #000000;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;

    c'est pareil,

    ex: dans la partie ".sousforum" cela me prend toutes la page, et si elle reste dans .sousforum a et bien le code fonctionne,

    Fais L'essai ! et je ne suis pas le seul a avoir ca !


    Jadelina
    Jadelina
    FémininAge : 32Messages : 7899

    Mar 21 Juin 2011 - 18:44

    Je me permets d'intervenir...

    Neo, il serait bien que tu te calmes un peu, tu demandes une aide, la moindre des choses c'est de faire preuve d'un peu de courtoisie... Sui' est patient et t'aide (et prend donc sur son temps, rappelons bien qu'ici nous faisons tout bénévolement Wink), alors il serait bien d'éviter les points d'exclamation à outrance et les double posts lorsqu'on peut éditer...

    Ensuite, je te prierais d'aller te présenter, de plus ça te rapportera 100 PeaNU'ts, que demander de plus ? ^^



    Neo_ChroMe-LTD
    Neo_ChroMe-LTD
    MasculinAge : 42Messages : 48

    Mar 21 Juin 2011 - 18:48

    Je ne rien dis de mal Jade, au contraire je lui explique que sans l'un je peux pas faire !!!

    Mais tous est a son honneur de m'explique,

    Je suis tres calme, au contraire je suis tres content d'avoir decouvert votre forum, qui de plus est largement mieu que Forumactif !!!!





    "Sui'" ! Dsl si ma parole est mal comprise ! et je go me presenter !
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Mar 21 Juin 2011 - 18:55

    Dans ce cas pourquoi tu met deux couleurs de texte différente dans chacun des codes?
    Le premier te sert à quoi au placement?

    Je comprends pas comment il est fichu ton code j'ai jamais eu besoin de deux css différent.
    Ta procédé de la même façon que dans ce tuto -> Ici?



    Merci beaucoup Woo pour ce kit *-*
    Categorie moin grosse ! 657955SignatureSuicopie
    Sui' Art's
    Jadelina
    Jadelina
    FémininAge : 32Messages : 7899

    Mar 21 Juin 2011 - 18:58

    Au temps pour moi alors, mais j'avoue que les points d'exclamation me donnait l'impression que tu t'énervais... ^^ malentendu donc, c'est pas grave Razz

    *s'éclipse pour laisser les garçons résoudre le souci de codage :p*



    Neo_ChroMe-LTD
    Neo_ChroMe-LTD
    MasculinAge : 42Messages : 48

    Mar 21 Juin 2011 - 19:01

    T'inkiete pas de probleme,

    Mais le truc c'est que le tuto que tu me met est pour les forums et non sous forum, j'ai egalement utiliser ce tuto mais cela ne fonctionnait pas !!

    Prend mon css et essai le et tu me dis ce que tu en penses ! et si tu as mieu je suis preneur lol !
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Mar 21 Juin 2011 - 19:22

    Ah bah la je comprends encore moins xD le tutoriel que je t'ai montrer c'est pour personnaliser les sous forum, regarde l'aperçu -> Ici ^^.

    Si c'est juste un soucis de grosseur normalement à ton font-size: 17px, en mettant 12-13px sa devrait allez mieux mais apparemment non donc première chose bizarre :o.

    Donc on va reprendre du début =D, déjà si tu peux m'expliquer en détail comment tu as procéder pour mettre en forme tes sous-forums sa m'aiderait, pour le coup je sais pas si tu as modifier ton template ou non car normalement tu n'as pas besoin d'y toucher sauf pour les centrer.

    Jad: Coucou!! xD j'avais pas vu tes postes ^^", faut surtout savoir que les codes sa rend fou Razz, mais y'a aucun problème.



    Merci beaucoup Woo pour ce kit *-*
    Categorie moin grosse ! 657955SignatureSuicopie
    Sui' Art's
    Neo_ChroMe-LTD
    Neo_ChroMe-LTD
    MasculinAge : 42Messages : 48

    Mer 22 Juin 2011 - 17:40

    Ok, alors voila on reprend tous,

    Voici le template modifier :

    Code:
    <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
                      <tr>
                          <td valign="bottom">
                            <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
                          </td>
                          <td class="gensmall" align="right" valign="bottom">
                          </td>
                      </tr>
                    </table>
                    <!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
                      <tr>
                          <th colspan="4" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
                      </tr>
                                  <!-- END tablehead -->
                      <!-- BEGIN cathead -->
                      <tr>
                          <!-- BEGIN inc -->
                          <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
                          <!-- END inc -->
                          <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
                            <h{catrow.cathead.LEVEL} class="hierarchy">
                                <span class="cattitle">
                                  <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
                                </span>
                            </h{catrow.cathead.LEVEL}>
                          </td>
                          <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
                      </tr>
                      <!-- END cathead -->
                        <!-- BEGIN forumrow -->
            <tr>
                <!-- BEGIN inc -->
                <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
                <!-- END inc -->
              <!-- [ DÉBUT DES MODIFICATIONS ] -->
                <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                        <span class="forumlink"><div class="titresfora">
                            <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
        </div>
                        </span>
                 
        <table width="100%"><tr><td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
                    <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                </td> <td class="forum-description" width="70%"><span class="genmed">{catrow.forumrow.FORUM_DESC}</td><td valign="middle" width="20%"><div  class="forum-stats">
            <span class="gensmall">    {catrow.forumrow.POSTS} messages, dans {catrow.forumrow.TOPICS} sujets.<br/>
        {catrow.forumrow.LAST_POST}</div><br/></span>
              </td></tr></table></span>
        </div>

      <span class="gensmall" id="subforums">
      <!-- BEGIN switch_moderators_links -->
      {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
      <!-- END switch_moderators_links -->
    <div class="sousforum"><center><div class="supvirg">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}<script type="text/javascript">$('.supvirg').each(function(){$(this).html($(this).html().replace(/,/g,""));});</script></div></center></div>
    <div class="supvirg">

    </span>


              </td>
              <!-- BEGIN forum_link_no -->
        <!-- [ FIN DES MODIFICATIONS ] -->
                <!-- END forum_link_no -->
                <!-- BEGIN forum_link -->
                <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
                <!-- END forum_link -->
            </tr>
            <!-- END forumrow -->
                      <!-- BEGIN catfoot -->
                      <tr>
                          <!-- BEGIN inc -->
                          <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
                          <!-- END inc -->
                          <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
                      </tr>
                      <!-- END catfoot -->
                      <!-- BEGIN tablefoot -->
                    </table>
    <img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
    Neo_ChroMe-LTD
    Neo_ChroMe-LTD
    MasculinAge : 42Messages : 48

    Mer 22 Juin 2011 - 17:41

    et voici mon Css :


    Code:
    /*Sous forum*/
    .sousforum {
    z-index: 999;
        margin-top: 5px;
        font-family: The Missus Hand;
    color : #737373;
    position: relative;
    top: -5px;
    left : -40px;
    text-align: center;
    padding-top: 10px;
    }

    .sousforum a{
    z-index: 999;
    margin-left: 5px;
        font-size: 17px;
    color : #8a8c58;
    border:1px solid #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color : #6e1c1c;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    }



    /*Barre de navigation*/
    #nav_barr {
    position: fixed ;
    width:900px;
    padding: 0px;
    top:10px;
    width:100%;
    background-image:url(http://images.alphacoders.com/808/320-480-80899.jpg);
    border-bottom:2px solid #6e1c1c;
     -webkit-border-radius: 7px;
    left:0%
    }

    /*Barre de navigation (police)*/
    a.mainmenu {
    padding: -2px;
    margin: 5px;
    font-size: 18px;
    font-family: The Missus Hand;
    color : #8a8c58;
    }


    /*TITRE ENTETE DE CATEGORIE*/
    h2,h1.secondarytitle {
    font-size:20px;
    font-family: Adolphus;
    color : #8a8c58;
    text-shadow: 2px 2px 5px #000000;
    }



    /*CONTOURS DES CATEGORIES*/
    .forumline{
    border:1px solid #000000;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color : #242424;
    }


    /*DESCRIPTIONS DES FORUMS*/
    .forum-description {
    border:1px solid #8a0707;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size: 20px;
    color : #8ec8e8;
    position: relative;
    top: 10px;
    left : 30px;
    background-image:url(http://images.alphacoders.com/808/320-480-80899.jpg);
    }


    /*TITRES DES FORUMS*/
    .titresfora{
    position: relative;
    z-index: 999;
    text-align: left;
    width: 990px;
    top: 45px;
    left : -60px;
    border:1px solid #6e1c1c;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    height: 5px;
    background-color : #6e1c1c;
    margin-bottom: 40px;
    }


    .forumlink {
    text-shadow: 2px 2px 5px #000000;
    font-size: 25px;
    font-family: Adolphus;
    color : #737373;
    position: relative;
    top: -15px;
    left : 60px;
    }


    /*DERNIERS MESSAGES*/
    .forum-stats {
    -moz-border-radius: 10px;
    webkit-border-radius: 10px;
    border: 1px solid #8a0707;
    font-size: 11px;
    padding: 5px;
    text-align: center;
    height:70px;
    margin-top: 15px;
    background-image:url(http://images.alphacoders.com/808/320-480-80899.jpg);
    margin-left: 15px
    }



    /*SOULIGNEMENTS FORUM*/
    a {text-decoration: none;}
    a:link {text-decoration: none;}
    a:hover {text-decoration: none!important;}
    a.forumlink {text-decoration: none;}
    a.forumlink:hover {text-decoration: none!important;}
    a.topiclink {text-decoration: none; }
    a.topiclink:hover {text-decoration: none!important; }


    /*Suppression des cadres qui servent a rien*/
    .row3Right
    {
    border: none !important;
    }
    .thHead
    {
    border: none !important;
    }
    .thCornerL, .thCornerR, .thTop
    {
    border: none !important;
    }
    .thLeft, .thRight
    {
    border-left: none !important;
    border-right: none !important;
    }
    .catLeft, .catRight
    {
    border: none! important;
    }
    .catHead
    {
    border: none !important;
    }
    .catBottom
    {
    border: none !important;
    }
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Jeu 23 Juin 2011 - 13:46

    Hey!! J'ai donc essayer ton code et chez moi quand je réduis la taille du texte sa fonctionne bien, le texte ne devient pas blanc.

    Exemple

    J'espère que c'est bien sa au moins que tu voulais réduire la taille des sous-forum? ^^



    Merci beaucoup Woo pour ce kit *-*
    Categorie moin grosse ! 657955SignatureSuicopie
    Sui' Art's
    Neo_ChroMe-LTD
    Neo_ChroMe-LTD
    MasculinAge : 42Messages : 48

    Jeu 23 Juin 2011 - 20:00

    Ben je ne sais pas quoi te dire, car c'est exactement ca !! mais j'utilise sous-forum donc ??

    Je fais comment alors ?
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Jeu 23 Juin 2011 - 20:05

    C'était dans le deuxième code css qu'il fallait modifier le font-size:

    Code:
    .sousforum a{
    z-index: 999;
    margin-left: 5px;
        font-size: 11px;
    color : #8a8c58;
    border:1px solid #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color : #6e1c1c;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    }

    Avant tu avais un font-size 17px et je l'ai mis à 11px.



    Merci beaucoup Woo pour ce kit *-*
    Categorie moin grosse ! 657955SignatureSuicopie
    Sui' Art's
    Neo_ChroMe-LTD
    Neo_ChroMe-LTD
    MasculinAge : 42Messages : 48

    Ven 24 Juin 2011 - 10:03

    Alors du coup tu ne met pas "Hover" a la place de "a" ?
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Ven 24 Juin 2011 - 10:13

    Bah non puisque sa marche comme sa ^^



    Merci beaucoup Woo pour ce kit *-*
    Categorie moin grosse ! 657955SignatureSuicopie
    Sui' Art's
    Neo_ChroMe-LTD
    Neo_ChroMe-LTD
    MasculinAge : 42Messages : 48

    Ven 24 Juin 2011 - 14:18

    oki merci c'est cool alors.
    Contenu sponsorisé


      La date/heure actuelle est Dim 24 Nov 2024 - 3:56