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.


    Toujours les categories :)

    Cky
    Cky
    MasculinAge : 29Messages : 40

    Jeu 27 Déc 2012 - 16:49

    Commande
    Elément à coder : Catégorie surtout !
    Adresse du forum : http://nintendhometeam.forumactif.com/
    Description du résultat voulu :Et bien c'est simple car je l'ai deja vu sur ce forum mais je souhaiterais faire des categories en onglets tout en gardant le style de mes descriptions en encadré :) Je ne sais pas si j'ai bien été clair ^^
    Couleurs ou tons : Surtout bien visible car c'est l'essentiel ^^ peut etre en arrondi s'il vous plait !
    Images : Aucune image précise mais étant donné que le fond du forum sera noir j'aimerais quelques chose de voyant si possible ^^
    Autres précisions :Voici mon template 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 --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
       <tr>
          <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
          <th nowrap="nowrap" width="50">{L_TOPICS}</th>
          <th nowrap="nowrap" width="50">{L_POSTS}</th>
          <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></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">&nbsp;</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 -->
          <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="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
            <h{catrow.forumrow.LEVEL} class="hierarchy">
                <span class="forumlink">
                  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

                </span>
            </h{catrow.forumrow.LEVEL}>
            <div class="stats_cate">{catrow.forumrow.TOPICS} sujets contenant {catrow.forumrow.POSTS} messages</div>
            <div class="description">{catrow.forumrow.FORUM_DESC}</div>
            <span class="gensmall">
           
                {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
            </span>
          </td>

          <td class="row3" align="center" valign="middle" height="50">
             <span class="gensmall">{catrow.forumrow.TOPICS}</span>
          </td>
          <td class="row2" align="center" valign="middle" height="50">
             <span class="gensmall">{catrow.forumrow.POSTS}</span>
          </td>
          <td class="row3 over" align="center" valign="middle" height="50">
             <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
          </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><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

    et mon css
    Code:
    astu_cat a:{
    background-image: url(http://astuforum.free.fr/forum/onglets/1_0.png);
    }
    .astu_cat_style a:hover{
    background-image: url(http://astuforum.free.fr/forum/onglets/1_1.png);
    }
    .astu_cat_style a:focus{
    background-image: url(http://astuforum.free.fr/forum/onglets/1_2.png);
    }
    .astu_cat_style {
    display:inline;
    font-size: 0.65em;
    padding-left:6px;
    padding-right:6px;
    }
    .astu_cat_style a{
    border-top: 1px #B8B8B8 solid;
    border-left: 1px #B8B8B8 solid;
    border-right: 1px #B8B8B8 solid;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-radius-topleft: 6px;
    -webkit-border-radius-topright: 6px;
    -border-radius-topleft: 6px;
    -border-radius-topright: 6px;
    text-align:center;
    font-size: 0.65em;
    background-color:#DCE6EC;
    padding-left:6px;
    padding-right:6px;
    display:inline;
    font-size: 0.65em;
    letter-spacing: -0.1em;
    font-weight: bolder;
    font-family: verdana;
    }
    .astu_cat a:hover{
    text-decoration: none !important;
    color: #000000;
    background-image: url(http://astuforum.free.fr/forum/onglets/1_1.png);
    }
    .astu_cat a:focus{
    text-decoration: none !important;
    color: #000000;
    background-image: url(http://astuforum.free.fr/forum/onglets/1_2.png);
    }
    .astu_table{
     width: 80%;
     margin-left: 10%;
    margin-right: 10%;
    margin-top: 5px !important;
    font-family: Verdana;
    }
    .astu_forum_nom{
     display:none;
    }
    .astu_folder{
    width: 50%;
    margin-left: 10px;
    }
    .astu_desc{
    width: 80%;
    float:left;
    text-align:left;
    font-size: 0.68em;
    background-color:#DCE6EC;
    -moz-border-radius-topleft: 20px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-top-left-radius: 20px
    border-top-left-radius: 20px;
    border-bottom: 2 px solid #000000;
    border-left: 2px solid #000000;
    border-top: 2px solid #000000;
    padding-top: 15px;
    padding-left:8px;
    padding-right:15px;
    }
    .astu_stats{
    background-color:#DCE6EC;
    font-size: 0.65em;
     -moz-border-radius-topleft: 20px;
     -webkit-border-top-right-radius: 20px;
     -webkit-border-top-left-radius: 20px
     border-top-left-radius: 20px;
     border-bottom: 2 px solid #000000;
     border-left: 2px solid #000000;
     border-top: 2px solid #000000;
     padding: 3px;
     position: relative;
     text-align: center;
     width: 200px;
    }
    .astufo_titre a{
    text-align:left;
    text-align middle;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right:20px;
    background-image: url(http://astuforum.free.fr/forum/onglets/1_0.png);
     -moz-border-radius: 6px;
     border: 1px solid #000000;
     width: 70%;
    background-repeat: repeat-x;
    background-position: bottom;
    font-weight: bolder;
    }
    .astufo_titre a:hover{
    text-align:left;
    text-align middle;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right:20px;
    background-image: url(http://astuforum.free.fr/forum/onglets/1_2.png);
     -moz-border-radius: 6px;
     border: 1px solid #000000;
    color:#000000;
    }
    .astu_titre{
     text-align:center;
     font-size: 0.70em;
    font-family: courrier;
    text-decoration: none !important;
    height:20px;
    }
    .astu_titre a{
     text-align:center;
     font-size: 14px;
    font-family: courrier;
    text-decoration: none !important;
    }

    .astu_cat_body{
    border-left: 0px solid #cce6ff;
    border-right: 0px solid #cce6ff;
    border-bottom: 0px solid #000000;
    border-top: 0px solid #cce6ff;
    -moz-border-radius: 6px;
    }
    .astu_cat ul{
    padding-bottom:10px;
    padding-left: 20px;
    margin:0;
    padding-top: 5px;
    width: 800px !important;
    }
    .astu_cat li{
    margin-left: 1px;
    }

    .astu_cat a{
    text-decoration: none !important;
    }

    a.forumlink{
      display:block;
      font-size:14px; /* la taille de la police */
      padding:2px; /* Pour éviter que le texte ne soit collé aux bords de la case */
      text-align:center;
      font-variant:small-caps; /* Les petites capitales */
      color:#6e5831 !important; /* On force l'application de cette propriété grâce au !important */
      border-bottom:4px double #6a3e1a;
      font-weight:normal; /* Le texte non boldé */
      margin-bottom:10; /* Pour qu'il n'y ait pas trop d'espace entre le titre et ce qu'il y a en dessous */
      }
    a.forumlink:hover{
      font-variant:small-caps;
      color:#6e5831 !important;
      border-bottom:4px double #6a3e1a;
      font-weight:bold; /* Texte en  gras */
      display:block;
      }
    div.stats_cate{ /* La div ayant pour class 'stats_cate' */
      font-size:12px;
      text-align:right;
      border-bottom:#6a3e1a 1px solid;
      border-right:#6a3e1a 3px solid;
      font-style:italic; /* On met le texte en italic */
      color:#6a3e1a;
      padding-right:4px; /* On met un peu de remplissage pour éviter que notre bloc soit collé au bord droit de la case */
      margin-bottom:4px;
      margin-top:-12px; /* On évite de mettre un trop gros espace entre le titre et notre bloc de stats' */
      width:220px; /* On impose une largeur pour ne pas que la bordure en bas soit sur toute la largeur de la case */
      margin-left:385px; /* On place le bloc à droite en le décallant par rapport au bord gauche de la case */
      }
    div.description{  /* La div ayant pour class 'description' */
      background-color:#ffffff; /* On lui donne une couleur de fond */
      -moz-border-radius: 10px; /* Réglage des arrondis des coins pour mozilla */
      -webkit-border-radius: 10px; /* Réglage des arrondis des coins pour chrome et safari */
      border-radius:10px; /* réglage des arrondis des coins */
      border:1px solid #b79981;
      width:560px;
      min-height:20px; /* La hauteur minimum */
      font-size:12px;
      text-align:justify;
      text-indent:6px; /* La première ligne du bloc sera décallée de 6px vers la droite */
      padding:4px;
      margin:4px;
      color:#6e5831;
      }

    /*******************************************/
    /* CODE DE POP-UP DE CONNEXION
    /*******************************************/
    #login_popup > table {
      background: url("http://img71.xooimage.com/files/d/c/0/poplogin_bg-top-30054ce.png") no-repeat;
      width: 570px;
    }
     
    #login_popup .titre td {
      height: 90px;
      font: bold italic 25px/1.5em Georgia, Arial, serif;
      color: #f9f5f1;
      text-shadow: 0 2px #532831;
      text-align: center;
    }
     
    #login_popup .message {
      background: url("http://img72.xooimage.com/files/4/1/f/poplogin_bg-layout-30054d0.png") repeat-y center top;
    }
     
    #login_popup .message td {
      min-height: 60px;
      display: block;
      width: 420px;
      margin: auto;
      color: #785547;
      text-align: center;
      font: 14px "Trebuchet MS", Arial, serif;
    }
     
    #login_popup .boutons {
      margin-top: -1px;
    }
     
    #login_popup .boutons td {
      padding: 15px 0 25px;
      display: block;
      width: 430px;
      margin: auto;
      text-align: center;
      background: url("http://img69.xooimage.com/files/6/3/6/poplogin_bg-bottom-30054e3.png") no-repeat center bottom;
      border-radius: 0 0 10px 10px;
    }
     
    #login_popup input {
      background: url("http://img67.xooimage.com/files/d/5/d/poplogin_bg-btn-300545a.png") repeat-x left top;
      height: 32px;
      padding: 0 10px;
      border-radius: 5px;
      border: 1px solid #5f2d37;
      box-shadow: 0 1px 0 #928276;
      color: #edd9c9;
      text-shadow: 0 1px #532831;
      font: italic 16px/1.5em Georgia, serif;
      cursor: pointer;
    }
     
    #login_popup input + input {
      margin-left: 5px;
    }
     
    #login_popup input:hover {
      background-position: left bottom;
      color: #f7f0ea;
    }

    Merci pour vos futurs eventuelle reponses ^^ Bonne journée à vous :)
    • Revenir en haut
    Jadelina
    Jadelina
    FémininAge : 32Messages : 7899

    Jeu 27 Déc 2012 - 19:04

    Bonsoir,

    La commande est validée !▬ il est autorisé de la relancer toutes les 48h minimum
    ▬ une commande laissée sans nouvelles sera relancée au bout de 10 jours
    ▬ après la relance du modérateur, si nous n'avons toujours pas d'actualisation de la commande elle sera archivée après une semaine



    • Revenir en haut
    Cky
    Cky
    MasculinAge : 29Messages : 40

    Ven 28 Déc 2012 - 13:12

    Super Very Happy Merci à celui ou celle qui m'aidera cheers
    • Revenir en haut
    Cky
    Cky
    MasculinAge : 29Messages : 40

    Dim 30 Déc 2012 - 13:21

    Up s'il vous plait ^^
    • Revenir en haut
    Cky
    Cky
    MasculinAge : 29Messages : 40

    Jeu 3 Jan 2013 - 19:16

    Un petit up :)
    • Revenir en haut
    Sélène
    Sélène
    FémininAge : 26Messages : 321

    Ven 4 Jan 2013 - 13:48

    Bonjour,

    Je veux bien réaliser votre demande de codage :smile;




    Toujours les categories :) 469642signselene

    Thanks père nono ou mère nono anonyme
    • Revenir en haut
    Cky
    Cky
    MasculinAge : 29Messages : 40

    Ven 4 Jan 2013 - 19:16

    Aah bonsoir et merci beaucoup ! Very Happy
    Une petite question : comment ca ce passe les commandes ? ^^
    • Revenir en haut
    Sélène
    Sélène
    FémininAge : 26Messages : 321

    Ven 4 Jan 2013 - 19:57

    Bonsoir,

    Hé bien je vais travailler sur ton codage pendant environ une semaine avant de te montrer un premier jet, s'il te convient, je te donne les codes et te facilite au maximum l'installation, dans le cas où ça ne te convient pas on voit les détails ensembles et je me charge de tout modifier.
    Bien sûr tu peux me demander des informations supplémentaires pour savoir personnaliser ...



    Toujours les categories :) 469642signselene

    Thanks père nono ou mère nono anonyme
    • Revenir en haut
    Cky
    Cky
    MasculinAge : 29Messages : 40

    Ven 4 Jan 2013 - 20:13

    Ah d'accord merci d'avance pour ton travail alors ! :)
    Euhm si tu as besoin des infos sur mes templates je peux te les donenr quand tu veut ^^

    • Revenir en haut
    Sélène
    Sélène
    FémininAge : 26Messages : 321

    Jeu 10 Jan 2013 - 17:29

    Hellow,

    Petit contre-temps avec les cours, je commence vraiment votre codage ce week-end, merci de votre compréhension.



    Toujours les categories :) 469642signselene

    Thanks père nono ou mère nono anonyme
    • Revenir en haut
    Cky
    Cky
    MasculinAge : 29Messages : 40

    Jeu 10 Jan 2013 - 20:40

    Pas de problème, je comprend très bien :) Merci d'avance !
    • Revenir en haut
    Angelusia
    Angelusia
    FémininAge : 39Messages : 1159

    Sam 19 Jan 2013 - 11:36

    Bonjour, nous sommes sans nouvelles...Ce topic est-il toujours d'actualité ? Merci de nous tenir informés du déroulement de cette demande.
    Attention, l'absence de réponse à ce message entrainera l'archivage du topic d'ici trois semaines.

    • Revenir en haut
    Cky
    Cky
    MasculinAge : 29Messages : 40

    Sam 19 Jan 2013 - 16:08

    Bonjour, oui toujours d'actualité, on s'occupe deja de mon cas :)
    • Revenir en haut
    Cky
    Cky
    MasculinAge : 29Messages : 40

    Dim 27 Jan 2013 - 22:23

    Salut, un petit up pour savoir comment se passe la commande ? ^^
    • Revenir en haut
    Angelusia
    Angelusia
    FémininAge : 39Messages : 1159

    Mer 13 Fév 2013 - 13:13

    Bonjour, nous sommes sans nouvelles...Ce topic est-il toujours d'actualité ? Merci de nous tenir informés du déroulement de cette demande.
    Attention, l'absence de réponse à ce message entrainera l'archivage du topic d'ici trois semaines.


    • Revenir en haut
    Cky
    Cky
    MasculinAge : 29Messages : 40

    Sam 16 Fév 2013 - 23:02

    Nop, plus d'actualité.. merci quand meme !
    • Revenir en haut
    Jadelina
    Jadelina
    FémininAge : 32Messages : 7899

    Sam 16 Fév 2013 - 23:30

    D'ac, j'archive alors. Bonne continuation à toi !



    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Ven 22 Nov 2024 - 23:11