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 du moment :
Funko POP! Jumbo One Piece Kaido Dragon Form : ...
Voir le deal

    (HALLOW) Catégories personnalisées

    yooh
    yooh
    FémininAge : 32Messages : 143

    Dim 11 Mai 2014 - 15:28

    Rappel du premier message :

    Hello everybody ♥

    Après un petit coup de pression voyant la partie commande fermée, je remercie Halloween de m'avoir redirigée ici ♥

    Today, je viens vous voir car depuis tout ce temps je n'ai pas tellement évoluer niveau codage et du coup j'ai besoin de votre talent pour arriver à faire quelques choses de bien pour mon forum xD
    Voici ma demande :

    Ma demande



    Schéma(s) et Eléments
    Schémas :
    Alors voici le screen du forum aujourd'hui :
    https://2img.net/r/hpimg4/pics/521073122.png

    et voici ce que j'aimerais que cela donne: (HALLOW) Catégories personnalisées - Page 2 902577Sanstitre9
    Pour plus d'explication : le demi cercle à gauche : la partie bleu sera remplis par une image illustrant le lieu. Il doit être aussi grand que le titre de la partie + la description (qui peut être en scroolbar si besoin)
    Pour les deux rond ("sujets" & "messages") deux morceaux de la bann seront également en fond, je suppose donc qu'il faudra mettre un codage d'opacité pour que l'écriture se voit mais aussi les images.

    Le petit café à droite signale un nouveau message, il ne doit donc pas apparaître quand il n'y en a pas. Je ne sais pas encore si je met une image pour les sujets verrouiller, dès que vous avez besoin de cette information, contactez moi =)

    Tailles des éléments : La largeur du forum est de 50%

    Effets voulus : Tout est dans le schéma


    Ressources
    Voici le petit café à droite : https://2img.net/r/hpimg4/pics/367025coffeeicon.gif


    Autres précisions ?
    Si vous avez besoin d'autres informations, n'hésitez pas à me contacter, je serais ravis de vous aider.


    Mille merci à la personne qui prendra en charge ma commande ♥
    Bonne fin de week end  :hug2: 
    Anonymous
    Invité

    Dim 6 Juil 2014 - 20:23

    Comme précédemment tout passe bien chez moi, je peux avoir une capture ?
    yooh
    yooh
    FémininAge : 32Messages : 143

    Lun 14 Juil 2014 - 15:41

    La voici :
    https://2img.net/r/hpimg11/pics/419959Sanstitre1.png

    C'est la bande bleu qui est un peu trop grosse
    Anonymous
    Invité

    Lun 14 Juil 2014 - 16:51

    Si tu essayes de mettre un height type :

    Code:
    .cate_titre {
      position: relative;
      margin: auto;
      top: -4em;
      max-height: 30px;
    }

    Ca donne quoi ?
    yooh
    yooh
    FémininAge : 32Messages : 143

    Mer 16 Juil 2014 - 14:52

    ça ne change pas grand chose j'ai l'impression
    Neva
    Neva
    FémininAge : 32Messages : 18565

    Lun 4 Aoû 2014 - 23:52

    yooh, ça en est où ici ? Le problème est toujours là ?



     
    yooh
    yooh
    FémininAge : 32Messages : 143

    Lun 11 Aoû 2014 - 23:29

    Oui c'est toujours trop haut
    Alzufen
    Alzufen
    MasculinAge : 28Messages : 2103

    Lun 25 Aoû 2014 - 13:03

    Bonjour,

    Est-ce toujours d'actualité ? Pas de nouvelles depuis ton précédent message, pense à Upper malgré tout au moins pour montrer un signe de vie, que tu es encore là, et que la personne ne t'oublie pas Wink

    Sans réponse à ce topic sous les 10j, il sera archivé.



    yooh
    yooh
    FémininAge : 32Messages : 143

    Jeu 28 Aoû 2014 - 18:38

    C'est toujours d'actu, ce problème persiste et je ne sais comment rétrécir ce gros bloc
    Alzufen
    Alzufen
    MasculinAge : 28Messages : 2103

    Sam 30 Aoû 2014 - 15:55

    Bonjour,

    Je permet d'intervenir du coup Wink La triche y'a que ça de vrai selon moi... En fait, non, c'est juste la seule solution que j'ai trouvé...

    Déjà voici une petite typo du problème :
    ¤ Il y a une bordure en haut de chaque catégorie de 60px, c'est ce qui permet de faire en sorte qu'on dirait qu'il y est un fond aux titres des catégories ^^
    ¤ Puis, il y a une bordure en bas de chaque catégorie de 20px, ça doit permettre d'afficher le petit semblant de fond bleu tout en bas de toutes les catégories.
    ¤ Cependant, la bordure du bas est aussi mise sur chaque catégorie donc forcément sur celle du milieu, en clair la première a juste une bordure en haut de 60px, les autres ont une bordure de 60px + 20px (la bordure en bas de la catégorie précédente), c'est pourquoi ça fait un truc plus gros pour celle-ci...

    Du coup, j'ai tenté de palier ça en ajoutant l'effet qu'à la dernière mais vu que c'est via du CSS interne c'était pas facile.. (Toute façon même en css externe j'y arrivais pas, va savoir pourquoi) du coup j'ai triché un peu. J'ai retiré la bordure en bas de chaque catégorie, et j'en ai rajouté une tout à la fin de toutes les catégories en haut ^^

    Je sais pas si je m'explique bien et si ça t'intéresse, mais du coup si mes explications ne te servent à rien (Razz), tu as juste à remplacer ton template par celui-ci :

    Code:
          <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
              <tr>
                  <td valign="bottom">
                    <!-- BEGIN switch_user_logged_in -->
                    <span class="gensmall">{LAST_VISIT_DATE}<br />
                    {CURRENT_TIME}<br />
                    </span>
                    <!-- END switch_user_logged_in -->
                    <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
                  </td>
                  <td class="gensmall" align="right" valign="bottom">
                    <!-- BEGIN switch_user_logged_in -->
                    <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
                    <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
                    <!-- END switch_user_logged_in -->
                    <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
                  </td>
              </tr>
            </table>
            <!-- BEGIN catrow --><!-- BEGIN tablehead -->

            <div style="  background-color: #F5F5F5; padding: 10px; border-top: 60px solid #ACE1D5;"><div class="cate_titre" style="vertical-align: middle;">{catrow.tablehead.L_FORUM}</div>


              <!-- END tablehead -->
              <!-- BEGIN cathead -->
             
              <!-- END cathead -->
              <!-- BEGIN forumrow -->
           
         
            <div class="categorie">
            <table><tr>
              <td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                {catrow.forumrow.FORUM_DESC}</td>
             
              <td><div class="stats"><div class="stats_1"><center>{catrow.forumrow.TOPICS} <br /><span style="font-size: 11px;">sujets</span></center></div></div></td>
              <td><div class="stats"><div class="stats_1"><center>{catrow.forumrow.POSTS}<br /><span style="font-size: 11px;">messages</span></center></div></div></td>
              <td><div class="last_mess">{catrow.forumrow.LAST_POST}</div>
            <img class="img_new" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
            </tr>
            </table>
               
            </div>

              <!-- END forumrow -->
              <!-- BEGIN catfoot -->
             
              <!-- END catfoot -->
              <!-- BEGIN tablefoot -->
           
          </div> 
           
              <!-- END tablefoot --><!-- END catrow -->
              <div style="border-top: 20px solid #ACE1D5;"></div>



    yooh
    yooh
    FémininAge : 32Messages : 143

    Dim 31 Aoû 2014 - 21:01

    MERCIIIIII
    J'ai compris ce que tu voulais dire, il y avait des soucis de hauteur mais aussi des ajouts de bas de catégorie, enfin je crois !
    Du coup maintenant c'est parfait !

    Mille merci !!!
    Je pense que du coup, on peut archiver ma demande
    Merci encore à tout les deux, vous êtes géniaux ♥
    Contenu sponsorisé


      La date/heure actuelle est Dim 12 Mai 2024 - 4:20