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 :
Code promo Nike : -25% dès 50€ d’achats sur tout le site Nike
Voir le deal

    Image fond catégories et autres

    avatar
    Dieu Du-Ciel
    MasculinAge : 40Messages : 64

    Lun 27 Juin 2011 - 16:54

    Editer pour réduire la taille du poste

    Spoiler:


    Dernière édition par Dieu Du-Ciel le Sam 16 Juil 2011 - 12:56, édité 2 fois (Raison : Editer pour réduire la taille du poste)
    avatar
    Dieu Du-Ciel
    MasculinAge : 40Messages : 64

    Mar 28 Juin 2011 - 23:11

    Edit j'ai trouvé quelqu'un pour m'aider sur le QEEL ceci n'est plus à prendre en compte, merci^^



    Image fond catégories et autres Sansre2wy
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Mer 29 Juin 2011 - 11:23

    Bouh!

    Pour faire ce genre de catégorie il est préférable de refaire les catégorie à zero en forme de tableau.
    Pour N-U si je me trompe pas le Captain à fait un tableau à 4 colonnes comme ceci:

    DescriptionIconeSous forum Dernier message

    Ensuite via css il suffit de placer l'image de fond dans la balise < table >.
    Pour le titre de catégorie c'est rare que sur les forums il les retirent, ils les nomment différemment tout simplement, sur N-U le titre de catégorie se nomme "Entraide" et il regroupe tous les forum d'entraide (truc et astuce, rpg's conception ect...).
    Le titre principal est aussi très important puisqu'il facilite la navigation, si on la facilite pas bah on attire pas de membre puisqu'il se perde Razz, enfin tout sa pour dire qu'il serait préférable de le garder mais ce n'est que mon avis Wink. Après entre les deux je vois pas lequel serait le mieux a retirer, surement celui qui n'est pas cliquable m'enfin ^^.

    Sinon pour ton qeel c'est simplement un tableau y'a surement plein de sujet qui t'aurais permis d'obtenir le résultat désiré, mais si quelqu'un te le fait on passe x).

    Si tu veux plus de précision pour les catégories n'hésite pas Wink.



    Merci beaucoup Woo pour ce kit *-*
    Image fond catégories et autres 657955SignatureSuicopie
    Sui' Art's
    avatar
    Dieu Du-Ciel
    MasculinAge : 40Messages : 64

    Mer 29 Juin 2011 - 23:09

    Oui effectivement s'est comme cela que "nous" (je devrais plutôt elle) procédons pour faire la catégorie, mais merci des renseignements, j'en prend note sa me servira toujours si j'ai des souci de ce côté là^^

    Pour l'un des 2 liens et bien je n'es trouvé encore aucune réponse le mieux je pense s'est de terminer mon forum et voir par la suite (sait-on jamais peu-être qu'une de mes image cachera l'un des deux)

    Pour le QEEL je vais être franc, j'y arrivais pas mais alors pas du tout, heureusement que j'avais save mes template car j'ai fait que de la m**** et je n'avais plus rien de cohérent voir de lisible ou encore même qui disparaissait. Mais bon après plusieurs recherche de style différent la même personne m'aide pour mon QEEL et s'est une "version" qui ressemble un peu (voir beaucoup je dirais) à celui de N-U.

    Merci des réponses, à très vite^^



    Image fond catégories et autres Sansre2wy
    avatar
    Dieu Du-Ciel
    MasculinAge : 40Messages : 64

    Lun 4 Juil 2011 - 5:19

    Bon je suis go pour un petit Up en m'explicant où j'en suis:

    Pour les catégorie je me suis fait lacher méchament par la personne qui m'aidais (plus de réponse depuis mercredi soir, une autre à pris le relais jeudi matin puis plus de réponse non-plus, j'ai réussi à déplacer horizontalement mon Icone (new/old/lock) mais verticalement à part les codes bottom/center/top pas moyen de l'aligner comme je le voudrais, pour le titre des catégories non cliquable qu'il y avait en trop j'ai trouvé la ligne à supprimé dans mon template donc là sa va et enfin pour l'affichage de mes sous-catégories/forum j'ai trifouillé je ne sais quoi et sa me les à mis à la verticale (j'entend par-là en colonne) mais rien de bien jolie car je n'arrive plus à faire autrement, de plus ma dernière cellule ne s'aligne pas comme je le voudrait.
    Résultat je pense qu'il me faudrait reprendre tout le template des catégories mais je suis perdu.

    En ce qui concerne mon QEEL, je (enfin un ami pour moi) suis en attente d'une aide sur FA car j'ai un souci sur ma 3è cellule, quand j'ai réussi à mettre les cellules 1, 2 et 4 comme je le veux la 3è n'est pas à sa place et quand je veux la re-placer ce sont les autres qui se déplace :s

    Voilà donc si quelqu'un peu m'aider je suis open^^



    Image fond catégories et autres Sansre2wy
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Lun 4 Juil 2011 - 10:21

    Re =D

    Alors déjà sa serait bien si tu donnais le lien de ton forum car la perso je comprend rien xD.

    Ensuite pour les catégorie il faudrait un schéma pour l'organisation de chaque élément ou bien l'image pour faire un résultat a peu près comme sur N-U.
    Ou bien pour la catégorie tu passe une commande de codage sa sera plus simple ^^".




    Merci beaucoup Woo pour ce kit *-*
    Image fond catégories et autres 657955SignatureSuicopie
    Sui' Art's
    avatar
    Dieu Du-Ciel
    MasculinAge : 40Messages : 64

    Mar 5 Juil 2011 - 3:27

    J'édite mon message car j'ai réussi à ajouter quelques petite choses, donc à avancer un peu de moi-même, je met l'origine de mon message sous spoiler au cas où quelqu'un voudrait m'aider et voir de où je suis partie.

    Spoiler:

    je n'es pas réussi à régler pour le moment mes points n°1 et 2 que vous pouvez voir dans le spoiler.

    Pour le point n°3, j'ai réussi à mettre mon image en fond de catégorie, (il m'a fallu la coupé en 2parties pour y arriver), là mon soucis est de faire qu'elles se touche voyez plutôt mon screen

    Je n'es pas trouvé de réponse à mon point n°4

    Et pour le 5 je planche dessus actuellement mais n'y suis pas encore arrivé (enfin qu'à moitié car si je crée un fond avec bodure de cadre cela ne va s'il se répète) mais je pense que je vais opter pour une solution de facilitée et passer par une simple couleur avec bordure. (ne prenez donc plus se point en compte sauf si vous avez une idée.

    Encore et toujours merci d'avance à vous.


    Dernière édition par Dieu Du-Ciel le Mar 5 Juil 2011 - 18:32, édité 2 fois (Raison : Edit: pour montrer l'évolution de mes recherche et où j'en suis.)



    Image fond catégories et autres Sansre2wy
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Jeu 7 Juil 2011 - 17:06

    J'avais as vu ton édit et je me perd dans toute tes données XD.

    J'ai fais sa déjà dis moi si c'est à peu prés sa que tu veux et ce qu'il faut modifier ^^.



    Merci beaucoup Woo pour ce kit *-*
    Image fond catégories et autres 657955SignatureSuicopie
    Sui' Art's
    avatar
    Dieu Du-Ciel
    MasculinAge : 40Messages : 64

    Jeu 7 Juil 2011 - 18:23

    S'est exactement sa^^

    EDIT petit question je n'avais pas remarquer par rapport au fond orange à bordures noir:

    Cela englobe tout le forum ou uniquement les catégorie (ou encore rien à voir c'était pour voir) ???



    Image fond catégories et autres Sansre2wy
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Ven 8 Juil 2011 - 16:16

    J'avais vu ta réponse pas besoin de me mp Wink.

    Cela englobe tout le forum ou uniquement les catégorie

    Uniquement les catégories sauf pour l'image du milieu qui englobe toutes les balises < table > qui comporte la class "forumline" puisqu'elle est inclus dans celle-ci dans le css.




    Merci beaucoup Woo pour ce kit *-*
    Image fond catégories et autres 657955SignatureSuicopie
    Sui' Art's
    avatar
    Dieu Du-Ciel
    MasculinAge : 40Messages : 64

    Lun 11 Juil 2011 - 0:24

    RÉ-ÉDITION DU POST :

    Voilà avec tout ce que tu m'as donné, j'ai mis des images en fond au lieu des couleurs que tu avais mises, j'ai pus les aligner ainsi que déplacer exactement où je voulais mettre mon icône New/old/lock, ce que je n'arrive pas à faire je te l’explique sur ce screen

    1- Que le titre du forum (catégorie) soit dans la bordure de mon image
    2- Que les sous-forum (catégorie) soit un peu plus décalé vers la droite
    3- Que tout ce cadre la, soit centré dans mon image.

    Voilà espérant que tu me comprenne et que se soit moins de travail pour toi.

    Voici ce que j'ai modifié dans le template index-box:

    Code:
     <!-- BEGIN forumrow -->
    </tr>
    <tr style="margin: 0;">
    <td>
    <table width="798px" height="175px" cellspacing="0" cellpadding="0" border="0" class="contenu-catégorie"><tr>
    <td width="458px"valign="bottom"><div class="description"><div class="infodescription">{catrow.forumrow.FORUM_DESC}</div></div><div class="bouton"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}"/></div></td>
    <center><td width="140px" valign="bottom"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><div class="sous-forum"><br><br><br>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></td></center>
    <td width="200px" valign="bottom"><div class="lastpost"> {catrow.forumrow.POSTS} messages | {catrow.forumrow.TOPICS} sujets.</span><br><br>{catrow.forumrow.LAST_POST}<div></td>
    </tr>
    </table><br><br>
      <!-- END forumrow -->

    et les modif du CSS:

    Code:
    .description{
    float: left;
    font-size: 11px;
    height: 175px;
    width: 458px;
    background-color: transparent;
    background-image: url('http://img717.imageshack.us/img717/4383/gauched.png');
    background-repeat: no-repeat;}

    .infodescription{
    margin-top: 20px;
    float: left;
    text-align: justify;
    padding-right: 40px;}

    .sous-forum{
    display: block;
    font-size: 11px;
    text-align: center;
    height: 175px;
    width: 140px;
    background-color: transparent;
    background-image: url('http://img18.imageshack.us/img18/6177/centrel.png');
    background-repeat: no-repeat;
    padding: -5px;}

    .lastpost {
    font-size: 11px;
    height: 175px;
    width: 200px;
    background-color: transparent;
    background-image: url('http://img692.imageshack.us/img692/4259/droiteoy.png');
    background-repeat: no-repeat;
    background-position: bottom;
    padding: -5px;
    text-align: center;}

    .forumlink{
    text-decoration: underline;
    font-size: 12px;
    margin-top: 3px;}


    Merci à toi.



    Image fond catégories et autres Sansre2wy
    avatar
    Dieu Du-Ciel
    MasculinAge : 40Messages : 64

    Mer 13 Juil 2011 - 4:23

    Un p'tit Up, Sui' tu m’oublies pas^^



    Image fond catégories et autres Sansre2wy
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Jeu 14 Juil 2011 - 19:55

    J'ai tout replacer mais vive le bordel =D
    Dis moi si c'est bon, mais à mon avis va y avoir du gros gros bug x).



    Merci beaucoup Woo pour ce kit *-*
    Image fond catégories et autres 657955SignatureSuicopie
    Sui' Art's
    avatar
    Dieu Du-Ciel
    MasculinAge : 40Messages : 64

    Ven 15 Juil 2011 - 3:09

    Sui' a écrit:J'ai tout replacer mais vive le bordel =D
    Dis moi si c'est bon, mais à mon avis va y avoir du gros gros bug x).

    Heu oui mais où sont tes modif' ???



    Image fond catégories et autres Sansre2wy
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Ven 15 Juil 2011 - 9:53

    Bah dans mon premier message t'avais toujours le lien ._. XD (en plus j'ai hésiter à le remettre x)




    Merci beaucoup Woo pour ce kit *-*
    Image fond catégories et autres 657955SignatureSuicopie
    Sui' Art's
    avatar
    Dieu Du-Ciel
    MasculinAge : 40Messages : 64

    Ven 15 Juil 2011 - 18:08

    Ah oki XD, j'avais compris que tu avais remis le code :p (là sa fait boulet)

    Donc oui c'est comme sa que j'aimerais que se soit^^



    Image fond catégories et autres Sansre2wy
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Sam 16 Juil 2011 - 12:33

    Ok donc voila le template à remplacer par l'autre:

    Code:
     <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
      <tr>
            <td class="gensmall" align="center" valign="bottom">

            <!-- BEGIN switch_user_logged_in -->

      <div class="forum-stats"><a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>  | 
    <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>  | 
    <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
    </div>
    <!-- END switch_user_logged_in -->

            </td>
      </tr>
    </table>


    <!-- BEGIN catrow --><!-- BEGIN tablehead -->
    <!---------------- Début ajout  --------------------->
    <div id="table_head"></div>
    <!---------------- Fin ajout  --------------------->

    <table border="0" cellpadding="0"  class="forumline">
    <tr>

      <!-- END tablehead -->
      <!-- BEGIN forumrow -->
    </tr>
    <tr>
    <td>
    <table width="798px" height="175px" cellspacing="0" cellpadding="0" border="0" style="margin-left: -20px"><tr>
    <td width="458px"valign="top" style="height: 175px; background-color: transparent; background-image: url('http://img717.imageshack.us/img717/4383/gauched.png'); background-repeat: no-repeat"><br><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><div class="description"><div class="infodescription">{catrow.forumrow.FORUM_DESC}</div></div><div class="bouton"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}"/></div></td>
    <td width="140px" valign="top" style="height: 175px; background-color: transparent; background-image: url('http://img18.imageshack.us/img18/6177/centrel.png'); background-repeat: no-repeat"><div class="sous-forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></td>
    <td width="200px" valign="top" style="height: 175px; background-color: transparent; background-image: url('http://img692.imageshack.us/img692/4259/droiteoy.png'); background-repeat: no-repeat"><div class="lastpost"> {catrow.forumrow.POSTS} messages | {catrow.forumrow.TOPICS} sujets.</span><br><br>{catrow.forumrow.LAST_POST}</div></td>
    </tr>
    </table><br><br>
      <!-- END forumrow -->
      <!-- BEGIN tablefoot -->
    </table>
    <!---------------- Début ajout  --------------------->
    <div id="table_foot"></div>
    <!---------------- Fin ajout  --------------------->
    <img src="{SPACER}" alt="" height="5" width="1" /></center> <!-- END tablefoot --><!-- END catrow -->

    Et le css à remplacer par l'autre =D


    Code:
    /*Titre des catégories*/

    #table_head{
    width: 800px;
    height: 90px;
    background-color: transparent;
    background-image: url('http://img11.hostingpics.net/pics/123509catgorieimagefonthaut.png');
    background-repeat: no-repeat;
    }

    #table_foot{
    width: 800px;
    height: 90px;
    background-color: transparent;
    background-image: url('http://img11.hostingpics.net/pics/558329catgorieimagefondbas.png');
    background-repeat: no-repeat;
    }

    .forumline{
    background-color: transparent;
    background-image: url('http://img11.hostingpics.net/pics/407697catgorieimagefondmilieu.png');
    background-repeat: repeat-y;
    padding-left: 20px;
    padding-right: 20px;
    border: none;
    }

    .bouton{
    float: right;
    margin-top: -140px;
    margin-right: -30px;}

    .description{
    float: left;
    font-size: 11px;
    height: 175px;
    width: 458px;}

    .infodescription{
    margin-top: 23px;
    margin-left: 50px;
    float: left;
    text-align: justify;
    width: 340px;
    height: 70px;
    overflow-y: auto;}

    .sous-forum{
    float: right;
    display: inline-block;
    font-size: 11px;
    text-align: right;
    height: 80px;
    margin-right: 2px;
    padding-left: -10px;
    width: 135px;
    overflow-y: auto;
    margin-top: 50px;
    }

    .lastpost{
    font-size: 11px;
    height: 80px;
    width: 150px;
    margin-top: 50px;
    padding: -5px;
    text-align: center;}

    .forumlink{
    text-decoration: underline;
    font-size: 12px;
    margin-left: 60px;}

    Y'aura surement des modifications à faire à mon avis ^^.



    Merci beaucoup Woo pour ce kit *-*
    Image fond catégories et autres 657955SignatureSuicopie
    Sui' Art's
    avatar
    Dieu Du-Ciel
    MasculinAge : 40Messages : 64

    Sam 16 Juil 2011 - 12:56

    C'est nickel je te remercie, j'ai juste à centrer le titre du forum, mais sa je sais faire.

    Merci pour ton boulot^^



    Image fond catégories et autres Sansre2wy
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Sam 16 Juil 2011 - 13:48

    Ah bah si y'a pas de bug c'est cool xD.

    Y'a pas de quoi ^^.



    Merci beaucoup Woo pour ce kit *-*
    Image fond catégories et autres 657955SignatureSuicopie
    Sui' Art's
    avatar
    Dieu Du-Ciel
    MasculinAge : 40Messages : 64

    Sam 16 Juil 2011 - 17:06

    Nan y'en a pas à se que je vois^^



    Image fond catégories et autres Sansre2wy
    Contenu sponsorisé


      La date/heure actuelle est Dim 24 Nov 2024 - 2:07