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 :
Cartes Pokémon 151 : où trouver le coffret Collection Alakazam-ex ?
Voir le deal

    (catinaphone) [CATEGORIE] Codage de catégorie

    Kahlan
    Kahlan
    FémininAge : 37Messages : 371

    Sam 6 Juin 2015 - 17:33

    Ma demande



    Bonjour Never Utopia, je poste aujourd'hui parce que je ne suis pas très douée en codage et que j'aurais besoin de votre aide. En effet mon forum sur l'univers de J.R.R. Tolkien et aurait bien besoin de se refaire une beauté pour mieux démarrer LOL Je me tourne donc vers vous !

    Schéma(s) et Eléments
    Schémas : https://2img.net/image.noelshack.com/fichiers/2015/23/1433604819-categor.jpg

    Tailles des éléments :
    * police d'écriture = je changerai donc mettez celle que vous souhaitez, je l'accorderai avec la nouvelle version du design.

    * taille de la police d'écriture = comme pour la police, je changerai donc faites comme vous le sentez.

    * boutons OLD/NEW/LOCK = 140x40

    * la partie description = 100px en hauteur ou légèrement plus

    * largeur de l'ensemble (tout compris) = 800px

    * partie 60x80 contient l'avatar du dernier posteur

    Effets voulus : comme sur le schéma, je souhaiterai des bords arrondis (au même endroit que sur le schéma LOL). en effet ? juste les titres pas soulignés s'il vous plait.

    Version de votre forum : PHPBB2

    Ressources
    Le design n'étant pas en cours (la nouvelle version), je ne peux pas vous fournir les images des hauts et bas de catégories. Quand je les aurais et si jamais vous n'avez pas encore terminé cette commande, je vous les communiquerai.

    Autres précisions ?
    Je me tiens à votre disposition si vous avez des questions ou besoin d'éclaircissements.

    Merci d'avoir pris le temps de regarder cette demande.
    • Revenir en haut
    Kahlan
    Kahlan
    FémininAge : 37Messages : 371

    Jeu 11 Juin 2015 - 21:25

    Commande toujours d'actualité !
    • Revenir en haut
    Kahlan
    Kahlan
    FémininAge : 37Messages : 371

    Mar 16 Juin 2015 - 16:24

    Commande toujours d'actualité =)
    • Revenir en haut
    Kahlan
    Kahlan
    FémininAge : 37Messages : 371

    Sam 20 Juin 2015 - 15:35

    commande toujours d'actualité =)
    • Revenir en haut
    Kahlan
    Kahlan
    FémininAge : 37Messages : 371

    Ven 26 Juin 2015 - 22:20

    Commande toujours d'actualité =)
    • Revenir en haut
    Kahlan
    Kahlan
    FémininAge : 37Messages : 371

    Mar 30 Juin 2015 - 21:42

    Petit upounet :-)
    • Revenir en haut
    Kahlan
    Kahlan
    FémininAge : 37Messages : 371

    Dim 5 Juil 2015 - 10:25

    Commande toujours d'actualité =)
    • Revenir en haut
    Kahlan
    Kahlan
    FémininAge : 37Messages : 371

    Dim 12 Juil 2015 - 12:28

    Commande toujours d'actualité =)
    • Revenir en haut
    Kahlan
    Kahlan
    FémininAge : 37Messages : 371

    Sam 18 Juil 2015 - 11:50

    Un petit upounet =)
    • Revenir en haut
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Ven 31 Juil 2015 - 3:55

    Salut!

    N'oublie pas de upper, si on a pas de nouvelles d'ici 10 jours, le sujet devra être archivé é_è



    • Revenir en haut
    Kahlan
    Kahlan
    FémininAge : 37Messages : 371

    Ven 31 Juil 2015 - 11:37

    Merci pour ce rappel ^^
    Commande toujours d'actualité
    • Revenir en haut
    Kahlan
    Kahlan
    FémininAge : 37Messages : 371

    Mar 4 Aoû 2015 - 21:43

    uppounet *-*
    • Revenir en haut
    Kahlan
    Kahlan
    FémininAge : 37Messages : 371

    Mer 12 Aoû 2015 - 23:47

    Demande toujours d'actualité ^^
    • Revenir en haut
    Kahlan
    Kahlan
    FémininAge : 37Messages : 371

    Sam 15 Aoû 2015 - 12:15

    Demande toujours d'actualité :-)
    • Revenir en haut
    Kahlan
    Kahlan
    FémininAge : 37Messages : 371

    Jeu 20 Aoû 2015 - 0:35

    Demande toujours d'actualité =)
    • Revenir en haut
    catinaphone
    catinaphone
    FémininAge : 32Messages : 93

    Dim 23 Aoû 2015 - 16:42

    Hello ! Very Happy

    Voici ce que j'ai fait :
    Spoiler:

    J'ai essayé de respecter ta demande au mieux, en espérant que ça te convienne. S'il y a des choses à changer ou à ajouter, n'hésite pas à me le dire ! :)

    PS : je me demandais, pour les titres des catégories, est-ce que ce sera juste une image ou est-ce que tu veux que je mette le titre/lien de la catégorie ?
    • Revenir en haut
    Kahlan
    Kahlan
    FémininAge : 37Messages : 371

    Dim 23 Aoû 2015 - 18:02

    Hello catinaphone !

    Je te remercie pour ta réponse et ton essai :-) C'est parfait ainsi !

    pour le titre des catégories, ce sera une image en fond et le titre sera dessus donc je pense que c'est la deuxième proposition :-)
    • Revenir en haut
    catinaphone
    catinaphone
    FémininAge : 32Messages : 93

    Mar 25 Aoû 2015 - 13:55

    Salut !

    Alors je m'occupe de rajouter le titre (que j'avais enlevé ><), je mets quelques indications dans le CSS pour que tu puisses modifier ce que tu veux et je te file tout ça. Very Happy Est-ce que tu sais si je dois te donner le code directement dans ce sujet ou si je le fais par mp ? (c'est la première fois que je réalise une "commande")
    • Revenir en haut
    Neva
    Neva
    FémininAge : 32Messages : 18565

    Mar 25 Aoû 2015 - 17:11

    Tu peux poster le code directement ici :)
    De toute façon, comme indiqué dans les règles de la section, tous les codes crées pour les commandes sur NU sont libres (tu peux ensuite les proposer pour le libre service, ou alors tu le proposes tout de suite et t'as qu'à donner le lien du suejt à Kahlan)



     
    • Revenir en haut
    catinaphone
    catinaphone
    FémininAge : 32Messages : 93

    Mar 25 Aoû 2015 - 22:26

    Merci pour l'information Neva ! ^^

    Voici donc la partie à mettre dans le template IndexBox :
    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="cathead"><div class="titrecateg"><span>{catrow.tablehead.L_FORUM}</span></div></div>

    <div><table class="modifcat" width="100%" border="0" cellspacing="0" cellpadding="0">
    <!-- END tablehead -->
       <!-- BEGIN cathead -->
       <tr>
              <!-- END cathead -->
          <!-- BEGIN forumrow -->
           <!-- BEGIN inc -->
                <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
                <!-- END inc -->

                <td align="left" valign="top">
                  
                    <div class="titreforum">
                      
        <a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div>
                  <table width="100%" cellpadding="5" cellspacing="0" class="global_cat"><br />

                              <tr>
                                     <td align="center" valign="top">
                                        <div class="description"><span class="genmed"> {catrow.forumrow.FORUM_DESC}</span>
                              </div>
                        
                          <div class="sousforums">
                            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                      </div>
     
    </td>
                                <td align="center" valign="middle">
                <div class="lastpost-avatar"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div>
                    </td>
                                
                      <td align="center" valign="top">
                                              
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                        
                                      <div class="stat_general">
                                        <span class="genmed"><div  class="derniermess">
                                  {catrow.forumrow.LAST_POST}    
                                          </div></span><br />
                                        <span class="genmed"><div class="sujetmess">
                            Sujets {catrow.forumrow.TOPICS} | Messages {catrow.forumrow.POSTS}</div></span>
                                      </div>
                        </td>                        
                        </tr>
                      
    </table>

    </td></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>
    </div>
    <div class="catfoot"></div>
    <img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

    Et celle à mettre dans la fiche CSS :
    Code:
    /*CODE CATEGORIES*/
    .modifcat /*personnalisation partie bleu foncé*/ {
      background-color: #80c3c9;
      width: 800px;
      padding-bottom: 10px;
    }

    .titrecateg h2 /*titre catégorie*/ {
      text-align: center;
      font-family: Verdana;
      font-size: 18px;
      padding-top: 10px;
    }

    .cathead /*image fond haut catégorie*/ {
      background: url('http://i18.servimg.com/u/f18/19/30/29/35/imageh10.png') bottom center no-repeat;
      width: 800px;
      height: 55px;
      margin:auto;
    }

    .titreforum /*titre des forum*/{
      display:inline-block;
      text-decoration: none;
    }

    .titreforum a {
      font-size: 28px;
      color: #000000;
      margin-bottom: -40px;  
      padding-left: 40px;
      text-transform: uppercase;
      font-family: 'Verdana';
    }

    .global_cat /*personnalisation partie bleu ciel*/ {
      background-color: #ccffff;
      margin-left: 30px;
      margin-right: 30px;
      width: 730px;
      padding-bottom:10px;
      border-radius: 20px;
    }

    .description {
      width: 400px;
      height:100px;
      overflow: auto;
      text-align: justify;
      color: #fff;
      font-size: 10px;
      padding-right: 15px;
      padding-top: 10px;
    }

    .sousforums {
      padding: 2px;
      text-align: center;
    }

    .sousforums a {
      color: #000000;
      padding: 2px;
      font-family: arial;
      font-size: 13px;
    }

    .lastpost-avatar {
      width: 60px;
      height: 80px;
    }

    .stat_general /*bloc statistiques*/ {
      padding: 5px;
      height:70px;
      width: 170px;
      font-size: 9px;
      border-radius: 10px;
      -webkit-border-radius: 10px;
    }  

    .derniermess /*dernier post*/ {
      text-align: center;
      padding: 5px;
      border-radius: 10px;
      -webkit-border-radius: 10px;
    }  

    .sujetmess /*sujets et messages*/ {
      padding: 2px;  
      font-size: 12px;
    }

    .catfoot /*image fond bas catégorie*/{
      background: url('http://i18.servimg.com/u/f18/19/30/29/35/imageb11.png') bottom center no-repeat;
      width: 800px;
      height: 55px;
      margin: auto;
    }

    /* FIN codes catégorie */

    S'il y a le moindre souci, n'hésite pas à me demander ! :)
    • Revenir en haut
    Kahlan
    Kahlan
    FémininAge : 37Messages : 371

    Jeu 3 Sep 2015 - 23:16

    Merci beaucoup (^-^) c'est fantastique !
    Désolée pour ce retard mais avec la reprise du boulot, je n'ai pas eu le temps de passer !
    • Revenir en haut
    catinaphone
    catinaphone
    FémininAge : 32Messages : 93

    Ven 4 Sep 2015 - 10:20

    De rien ! Very Happy
    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Ven 19 Avr 2024 - 9:20