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 :
Cdiscount : -30€ dès 300€ d’achat sur une sélection Apple
Voir le deal

    Catégorie pour Crazylove

    avatar
    Lovelybush
    FémininAge : 32Messages : 61

    Lun 24 Mar 2014 - 15:11

    Ma demande



    Coucouuu j'ai besoin de votre aide pour un code catégorie  :love:  je n'arrive pas à faire ce que j'aimerais ou alors dans ce style là

    Schéma(s) et Eléments
    Schémas : voici le modèle : https://2img.net/r/hpimg15/pics/85453330A.png

    Tailles des éléments : 700px pour la largeur ;
    la même couleur pour les parties en bleu ; j'aimerais bien une barre de couleur violette en dessous comme j'ai mis sur le dessins :) plutôt le titre de la catégorie en italique
    Effets voulus : j'aimerais que ça soit épuré dans les tons blancs et bleu clair :) pour le reste je vous fais confiance pour tout alors amusez vous (a)


    Ressources
    Je n'ai pas d'image spéciale pour le moment

    Autres précisions ?
    Je crois que j'ai tout dis enfin le principal mais si vous avez des questions hésitez pas & merci d'avance,...
    Tity
    Tity
    FémininAge : 32Messages : 114

    Mar 25 Mar 2014 - 13:23

    Coucou :)

    ALors quelques petites questions pour être sur ^^

    le carré image ce sera bien le carré pour le statut des messages ? (nouveau message, ancien message…)
    et le carré lien et c'est bien pour les sous forum?
    avatar
    Lovelybush
    FémininAge : 32Messages : 61

    Mar 25 Mar 2014 - 13:43

    Coucou Very Happy
    Ouii c'est ça
    Tity
    Tity
    FémininAge : 32Messages : 114

    Mar 25 Mar 2014 - 14:59

    Ok dac :)
    Bon une autre petite question, le "titre catégorie" c'est vraiment le titre de la catégorie ou c'est le titre du forum dans la catégorie? (je ne sais pas si tu vas comprendre ma question ^^' )
    avatar
    Lovelybush
    FémininAge : 32Messages : 61

    Mar 25 Mar 2014 - 15:04

    J'ai compris :) c'est le titre de la cétagorie / si on prend un exemple sur l'accueil de NU ; ça serait affichage :) je sais pas si je me fais bien comprendre xD
    Tity
    Tity
    FémininAge : 32Messages : 114

    Mar 25 Mar 2014 - 15:11

    Ok ^^ donc c'est le titre du forum xD le titre de la catégorie c'est communauté :) enfin, en fait c'est juste pour savoir si je dois rajouter un header ou pas :)
    avatar
    Lovelybush
    FémininAge : 32Messages : 61

    Mar 25 Mar 2014 - 15:12

    Un header ?
    Tity
    Tity
    FémininAge : 32Messages : 114

    Mar 25 Mar 2014 - 15:24

    Sur N-U tu as 4 catégories
    "Communauté"
    "RPG & Forum"
    "Graphisme"
    "Codage"

    tu as les forums
    "Affichage"
    "Votre vie à bord"…

    et les sous-forum
    "Réglement"
    "Evenement"


    Le header c'est la où va apparaître le noms de ta catégorie, donc sur N-U c'est la bande noire avec écris "Communauté"… :)

    Est ce que tu veux une police en particulier?
    avatar
    Lovelybush
    FémininAge : 32Messages : 61

    Mar 25 Mar 2014 - 15:29

    ahhhn d'accord !
    Non en arial c'est bien :)
    Tity
    Tity
    FémininAge : 32Messages : 114

    Mar 25 Mar 2014 - 16:54

    Voici ce que je peux te proposer
    http://shojoparadisetest.forumactif.org

    Si tu veux modifier des trucs n'hésites pas a me dire que se soit forme, couleur, taille, arrondie…
    avatar
    Lovelybush
    FémininAge : 32Messages : 61

    Mar 25 Mar 2014 - 18:44

    Ah j'adore par contre est ce qu'on peut retirer le cadre de Votre 1er forum ? & le faire descendre un peu plus vers le cadre de la description ?
    Tity
    Tity
    FémininAge : 32Messages : 114

    Mar 25 Mar 2014 - 18:48

    Comme ça http://shojoparadisetest.forumactif.org
    avatar
    Lovelybush
    FémininAge : 32Messages : 61

    Mar 25 Mar 2014 - 18:53

    Ah mais c'est parfait il me semble ! J'ai une petite question par contre par contre moi j'ai un header de fond de ce genre : http://crazylove.forumactif.org/ tu penses que les catégories feront comme cela je veux dire une séparation entre les catégories ? Car je mettrais une image de haut catégories et peut être de bas :)
    Tity
    Tity
    FémininAge : 32Messages : 114

    Mar 25 Mar 2014 - 21:17

    Alors ça ça dépend de ta structure de hiérarchie :) donc pour gérer les séparations tu vas dans panneau admin --> affichage --> page d'accueil et structure hiérarchie et là tu choisis le modèle que tu veux :)

    Bon bah si ça te vas comme ça, voici le code :

    Le 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 -->

    <div class="cate_head"><div class="titre_cate">{catrow.tablehead.L_FORUM}</div></div>
    <div class="cate_body">
      <span style="display: block; height: 1px; clear: both;"></span>
     
     
            <!-- END tablehead -->
     <!-- BEGIN cathead -->

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

     
      <div class="forum">
      <!-- titre du forum -->
        <div class="forumlink"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div>
       
        <!-- icone des messages -->
        <div class="forum_icone"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
       
        <div class="cadre_description">
        <!-- description -->
        <div class="forum_description">{catrow.forumrow.FORUM_DESC}</div>
       
        <!-- sous forum -->
          <div class="sous_forum" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div>
       
        <!-- stats -->
        <div class="forum_stats"><span class="stats1">{catrow.forumrow.TOPICS} sujets <br/></span><span class="stats2">{catrow.forumrow.POSTS} messages</span></div>
       
        <!-- dernier message -->
        <div class="dernier_mess">{catrow.forumrow.LAST_POST}</div>
     
      </div>
       
     
     <!-- END forumrow -->
     <!-- BEGIN catfoot -->

     <!-- END catfoot -->
     <!-- BEGIN tablefoot -->
        <span style="display: block; height: 1px; clear: both;"></span>
    </div>
    <div class="cate_foot"></div>

    <!-- END tablefoot -->
      <script type="text/javascript">
      jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br /> ')).removeAttr('id');
      </script>
    <!-- END catrow -->

    et la partie css
    Code:
    .titre_cate
    {
      width: 700px;
      padding-left:50px;
    }

    .titre_cate h2
    {
      font-size : 16px;
      font-variant: small-caps;
      font-family: Arial;
      color: #ffffff;
      padding-top:2px;
      font-style : italic;
      padding-left:50px;
    }

    .cate_head
    {
      clear:both;
      width: 700px;
      margin: auto;
      margin-top:20px;
      height: 22px;
      background-color:#CEECF5;
      border-radius:3px 3px 0px 0px;
      border-bottom:2px dashed #A9D0F5;
    }

    .cate_body
    {
      width: 700px;
      margin: auto;
      background-color:#ffffff ;
    }
    .cate_foot
    {
      width: 700px;
      margin: auto;
      height: 4px;
      background-color:#CEECF5;
      border-radius:0px 0px 5px 5px;
    }

    .forum
    {
      width: 690px;
      height: 130px;
      margin: auto;
      background: white;
      border-bottom:1px solid #A9D0F5;
    }

    .forumlink
    {
      text-align:center;
      width: 300px;
      height: 18px;
      font-style : italic;
      font-size: 13px;
      padding-top:3px;
      font-variant: small-caps;
      font-family:Arial;
      margin-left: 280px;
      margin-top: 20px;
    }

    .forum_icone
    {
      position: absolute;
      width: 100px;
      height: 40px;
      background-color: #F6CEF5;
      margin-left: 30px;
      margin-top: -20px;
    }

    .cadre_description{
    width:526px;
    height:76px;
    border-bottom:6px solid #D0A9F5;
    position: absolute;
    margin-left:160px;
    margin-top:3px;}

    .forum_description
    {
      position: absolute;
      overflow: auto;
      width: 380px;
      height: 70px;
      background-color: #CEECF5;
      font-size: 11px;
      text-align: justify;
      padding:3px;
      marfin-left:0px;
      margin-top:0px;
      color:#0B0B3B;
    }

    .sous_forum
    {
      position: absolute;
      overflow: auto;
      width: 120px;
      height: 70px;
      background-color: #CEECF5;
      margin-left:400px;
      margin-top:0px;
      padding:3px;
    }

    .forum_stats
    {
      position: absolute;
      width: 160px;
      height: 20px;
      margin-left: 3px;
      margin-top: 75px;
      font-size: 11px;
      text-align: center;
      color:#0B0B3B;
    }

    .dernier_mess
    {
      position: absolute;
      overflow: auto;
      width: 160px;
      height: 50px;
      text-align: center;
      font-size: 11px;
      margin-left: 3px;
      margin-top: 30px;
      color:#0B0B3B;
    }

    et du coup si tu veux mettre des images en header, c'est cate_head que tu devras modifier dans le css :)

    avatar
    Lovelybush
    FémininAge : 32Messages : 61

    Mar 25 Mar 2014 - 21:21

    Merciii tout est parfait ; j'ai mis ça dans mon forum essai & je te créditerais dans mon forum CRAZYLOVE quand je le mettrais en place :)
    Tity
    Tity
    FémininAge : 32Messages : 114

    Mar 25 Mar 2014 - 21:28

    Super si ça te vas :) pour le crédit tu n'as qu'a juste mettre un lien vers N-U dans les partenaires :)
    avatar
    Lovelybush
    FémininAge : 32Messages : 61

    Mar 25 Mar 2014 - 21:29

    pas de soucis, je le ferrais dès que j'ai mis en place le codage :)
    Contenu sponsorisé


      La date/heure actuelle est Ven 10 Mai 2024 - 11:26