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.

-17%
Le deal à ne pas rater :
(Black Friday) Apple watch Apple SE GPS + Cellular 44mm (plusieurs ...
249 € 299 €
Voir le deal

    Commandes de catégories en colonnes (annulée)

    Maydenn
    Maydenn
    FémininAge : 31Messages : 15

    Mer 10 Juil 2013 - 22:30

    Bonjour à tous.

    Je vous poste ma commande ici, et je dois vous dire qu'elle est assez pressée, car c'est la dernière chose qui nous manque pour ouvrir le forum, et nous sommes très impatientes... Voilou, merci !

    Commande
    Elément à coder : Catégories
    Adresse du forum : http://black-moon-calling.forumactif.com/
    Description du résultat voulu : J'ai carrément pris mon codage actuel, que j'ai photoshoppé pour vous montrer ce à quoi je voulais que ça ressemble :p Ca n'est pas très esthétique là, mais ça je m'en occuperai après, j'ai surtout besoin d'aide afin que les éléments soient tous à la place que je souhaite :)

    Spoiler:

    Couleurs ou tons : Comme sur le schéma c'est très bien, je changerai tout ça après, c'est pas les couleurs définitives ^^
    Images : Eum je vous les met si ça peut vous aider mais le forum va changer de version, donc ces catégories là, on s'en fou un peu, c'est juste pour le principe de pouvoir mettre des images en début et fin de catégories en fait.
    https://2img.net/r/hpimg4/pics/628390cathaut.jpg
    https://2img.net/r/hpimg4/pics/993079catbas.jpg

    Autres précisions : A savoir que la future version du forum ne sera pas celle-là, donc pas ces couleurs, etc, je commence juste à mettre en place le concept du template de cette manière avant que le design ne soit terminé.

    Je préfère finalement passer commander, mais je vous met quand mêmes les soucis que j'avais et mon code de base, sait-on jamais si vous voulez repartir de là.

    - Les titres (et footers) de catégories, je n'arrive pas à les intégrer comme je le souhaite, ils sont comme buggés. Je voudrais qu'il y ai en fait des headers et footers imagés, mais là, impossible avec tout ce code buggé.

    - Même sur les descriptions de catégories, y a des bugs de tailles. Par exemple regardez "le secrétariat" et "l'intendance", les scrollbars ne sont pas alignées, c'est pas propre quoi, alors que je pensais que mon CSS l'était pour que la taille ne bouge pas.

    - Je n'arrive pas à faire quelque chose de très joli. Je pense que c'est réellement possible avec cette disposition, mais là c'est un peu le "cafouilli", c'est déjà mieux sur le schéma, bien que ce ne soit pas encore trop esthétique, mais ça je m'en occuperai après, à moins que vous ne vous sentiez l'âme de faire un truc tip-top Wink

    Je suis disposée à donner mes identifiants du forum afin que l'on m'aide directement là bas, si besoin.

    INDEX BOX /

    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 class="cate_titre"><span class="catetitre_bloc"></span>
     <span class="catetitre_content">{catrow.tablehead.L_FORUM}</span></div>
    <!-- END tablehead -->
      <!-- BEGIN cathead -->


      <!-- END cathead -->
      <!-- BEGIN forumrow -->
     

    <div class="forum_bloc">
    <div class="forum">
     

     
     <span class="forumlink">
     <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
     </span>
     
     <br><br>
     
      <div class="folder_imgs">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="icone" />
     </div>  
     
     <div class="forum_contenu">
       {catrow.forumrow.FORUM_DESC}</div>
       
       <div class="icone_stats"><table><tr>
         <td><span class="stats_lastpost">
           <span class="stats">{catrow.forumrow.TOPICS} sujets ; {catrow.forumrow.POSTS} messages</span>
           <span class="lastpost">{catrow.forumrow.LAST_POST}</span>
           </span></td>
         </tr></table></div>
       
     
     
     
    </div>
    </div>


      <!-- END forumrow -->
      <!-- BEGIN catfoot -->

      <!-- END catfoot -->
      <!-- BEGIN tablefoot -->
    </div>

    <!-- END tablefoot --><!-- END catrow -->


    PARTIE DU CSS CONCERNEE
    Code:
    /* MISE EN FORME DES CATEGORIES ET FORUMS */


    .forum_bloc
    {
      width: 850px;
      margin-left: auto;
      margin-right: auto;

    }
    .forum
    {
    float: left;
    width: 410px;
    height: 100px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 80px;
    }

    .forum_contenu
    {
      font-family: calibri;
      font-size: 10px;
      position: relative;
      z-index: 1;
      width: 55%;
      height: 90%;
      padding: 4px;
      margin-left: auto;
      margin-right: auto;
      border-left: 1px dotted #191817;
      border-right: 1px dotted #191817;
      border-bottom: 1px dotted #191817;
      border-top: 5px solid #191817;
      float:left;
    }

    .descriptions
    {
      text-align: justify;
      height: 90px;
      overflow : auto;
      padding-right:10px;
      padding-left:10px;
    }


    .folder_imgs
    {
      float:left;
    }
    .icone_stats
    {
      width: 100px;
      margin: auto;
      float:left;
    }
    .stats_lastpost
    {
      display: block;
      width: 100px;
      height: 80px;
      margin-left: 10px;
      background-color: #191817;
      border: 1px solid #191817;
      font-family: calibri;
      font-size: 10px;
      padding: 5px;
      text-align: center;
    }
    .stats
    {
      display: block;
      margin-bottom: 5px;
      border-bottom: 1px dotted #684d38;
      padding-bottom: 5px;
      font-size: 10px;
      color: #684d38;
    }
    .lastpost
    {
      display: block;
      font-size: 11px;
    }




    Merci beaucoup à tous ceux qui prendront le temps de lire ma commande, et qui voudront bien m'aider :)


    Dernière édition par Maydenn le Ven 12 Juil 2013 - 1:47, édité 4 fois
    Neva
    Neva
    FémininAge : 33Messages : 18565

    Jeu 11 Juil 2013 - 11:20

    Salut,

    Si tu veux que quelqu'un le fasse pour toi plutôt que de t'indiquer comment le faire, c'est une commande. Tu veux que je déplace dans les commandes ? Si oui, le mieux serait que tu nous fasse un schéma de ce qui serait parfait pour toi comme ça le codeur pourra le reproduire :)



     
    Maydenn
    Maydenn
    FémininAge : 31Messages : 15

    Jeu 11 Juil 2013 - 13:14

    Je veux bien, ce serait très gentil, merci !
    Je vais du coup éditer mon message et faire schéma :)
    Neva
    Neva
    FémininAge : 33Messages : 18565

    Jeu 11 Juil 2013 - 14:05

    C'est bon :)
    Je déplace et valide

    La commande est validée !▬ il est autorisé de la relancer toutes les 48h minimum
    ▬ une commande laissée sans nouvelles sera relancée le septième jour
    ▬ nous vous rappelons que le codage devra être crédité vers Never Utopia une fois installé, sans quoi vous pourriez être interdit de commandes sur le forum



     
    Maydenn
    Maydenn
    FémininAge : 31Messages : 15

    Jeu 11 Juil 2013 - 22:21

    Merci beaucoup, tu es géniale :)
    Je voudrais juste demander, y a t'il un moyen avec les points de faire passer une commande de codage en priorité ? Car je dois t'avouer qu'à la base j'avais besoin de ce design pour genre... Avant-hier quoi, et ça devient très frustrant de ne pas pouvoir ouvrir faute de design Sad
    Neva
    Neva
    FémininAge : 33Messages : 18565

    Jeu 11 Juil 2013 - 23:26

    Tu peux demander un symbole "important" avec des peanut's : https://www.never-utopia.com/t13297-liste-des-privileges
    Ca met ta demande en valeur mais ça ne t'assure pas qu'elle sera prise en charge plus vite. Les codeurs décident de ce sur quoi ils travaillent sans contrainte ^^



     
    Maydenn
    Maydenn
    FémininAge : 31Messages : 15

    Ven 12 Juil 2013 - 1:47

    Eh bien désolée désolée de venir encore vous embêter, mais ça me stressais tellement de ne pas y être arrivée par moi-même que... Bah j'ai perservé quitte à y passer 4 heures et j'y suis enfin arrivée seule : http://black-moon-calling.forumactif.com/ ça ressemble pas mal à ce que je voulais faire, donc merci encore, mais ça devrait aller pour cette fois ! :p

    Par contre pour le coup des points pour le privilège, j'ai regardé et j'ai vu un post où un modo dit que ce n'est pas possible pour les commandes de codage, faudra vérifier :)

    Neva
    Neva
    FémininAge : 33Messages : 18565

    Ven 12 Juil 2013 - 9:22

    Tu peux demander un symbole "important" avec des peanut's : https://www.never-utopia.com/t13297-liste-des-privileges

    En fait, je t'ai parlé du symbole important qui est différent du déplacement de le commande dans les commandes prioritaires qui sont une sous-section des commandes de thème :p

    J'archive donc. Bon courage pour la suite sur ton forum :)



     
    Contenu sponsorisé


      La date/heure actuelle est Sam 23 Nov 2024 - 4:02