L'annuaire des forums Forumactif
votre référence en terme de référencement et de développement de forums.
 




 [Lixyr] Catégorie de Forum

Black DiamondV.I.P.avatar
Messages : 2036
Edit 'Christa
Référence forum : http://www.forumsdeforumactif.com/t10470-reborn-origins



    Bonjour !

    Alors après avoir demandé, je me lance, & je comprendrais tout à fait que ma demande ne soit pas conforme °°
    (vis à vis des demandes de codages) Bref. Voici ma demande (après Moult répétition de ce mot xD), si elle n'est pas faisable, pas de souci, je comprendrais parfaitement : Mais qui ne tente rien à rien

    Support de mise en page : Catégorie de forum
    Résultat en : HTML
    Type de mise en page : En accord avec le forum Fiche Pub
    Texte : X
    Image(s) X
    ----------------------------------------------------

    Alors si c'est possible, le plan que je vais montrer ci dessous ne va servir qu'à illustrer mes propos (& puis comme je sais que les Codeurs ont du boulot, ça laisse le temps de voir si c'est possible, envisageable &...cela peut aussi nous permettre d'en discuter un peu). Disons que ce que je montre n'est en aucun cas ce que je veux réellement, ça s'y rapproche, mais c'est vraiment pour l'exemple !

    Plan :
    Spoiler:
     
    Script(s) : Aucun

    Alors je suis une quiche en CSS/HTML, ou du moins je sais m'y retrouver mais après les faire, c'est autre chose, donc si ce "projet" est réalisable, il faudra juste me dire ce qui est possible comme forme pour faire des catégories, au niveau des dispositions ! Sinon, quelque chose dans le même style que j'ai montré serais parfait, sans oublier l'icône du sujet nouveau message qui n'est malheureusement pas présent ! Enfin, enfin...

    Tout d'abord le lançage de sujet, puis la réponse positive ou non, pour commencer =)

    Un merci d'avance !
LixyrAdministratriceavatar
Messages : 12506

Recherches personnelles
Ma recherche de staff: http://www.forumsdeforumactif.com/f3-proposez-vos-services
Mon projet:
Ma commande:
Bonjour, Black Diamond.

Votre demande est tout à fait réalisable. Je vais faire mon possible pour satisfaire à la demande, donc.

J'aimerais cependant avoir quelques informations qui pourraient m'être utiles :

- être vous en phpbb2 ?
- avez-vous déjà modifié votre template index_box ?
- avez-vous des couleurs particulières que vous aimeriez avoir pour vos catégories ? (pour les titres, les fonds, les cadres etc).


@Black Diamond a écrit:
Alors si c'est possible, le plan que je vais montrer ci dessous ne va servir qu'à illustrer mes propos (& puis comme je sais que les Codeurs ont du boulot, ça laisse le temps de voir si c'est possible, envisageable &...cela peut aussi nous permettre d'en discuter un peu). Disons que ce que je montre n'est en aucun cas ce que je veux réellement, ça s'y rapproche, mais c'est vraiment pour l'exemple !

Alors disons que je vais m'atteler à faire quelque chose de ressemblant avec votre schéma du dessus. Et je peaufinerai par la suite si vous voulez modifier certaines choses.

- Est-ce que vous voulez que je fasse un tuto de ce que j'ai fait pour que vous compreniez en détail comment ça se passe, ou bien voulez-vous seulement le code tout fait sans explications ?


Bonne journée à vous.
Black DiamondV.I.P.avatar
Messages : 2036
Bonjour !
Merci de prendre cette demande =)
*& bon courage surtout >.<*

Alors, pour répondre à vos questions :

  • Oui le forum est actuellement en phpBB2
  • Le template Index_box n'a jamais été modifié
  • Quand aux couleurs des catégories, j'aimerais simplement qu'elles soient en accord avec le design actuel & donc modifiable si changement il y a. ^^


Donc les couleurs actuelles du forum sont celles ci:
#5C3C3D
#875859
#3D2829

Citation :
- Est-ce que vous voulez que je fasse un tuto de ce que j'ai fait pour que vous compreniez en détail comment ça se passe, ou bien voulez-vous seulement le code tout fait sans explications ?
Alors j'arrive tout de même à comprendre les codes, mais je pense que certaines parties des codes ne me parlerons pas, alors si vous avez du temps pour me caser des explications ou juste pointer du doigt les détails, cela serait la bienvenue oui =)

Si vous avez besoin d'autres détails, n'hésitez surtout pas !!
LixyrAdministratriceavatar
Messages : 12506

Recherches personnelles
Ma recherche de staff: http://www.forumsdeforumactif.com/f3-proposez-vos-services
Mon projet:
Ma commande:
Merci, je vous prépare ça rapidement (pas cet après-midi, je travaille), mais ce soir, ou demain, dernier délai.
LixyrAdministratriceavatar
Messages : 12506

Recherches personnelles
Ma recherche de staff: http://www.forumsdeforumactif.com/f3-proposez-vos-services
Mon projet:
Ma commande:
Oki. Alors voici le tuto des explications pas à pas qui vous mèneront jusqu'à votre présentation des catégories:


LixyrAdministratriceavatar
Messages : 12506

Recherches personnelles
Ma recherche de staff: http://www.forumsdeforumactif.com/f3-proposez-vos-services
Mon projet:
Ma commande:
Alors, voici la suite :






Et voilà voilà, de jolies catégories.


Alors par contre, petit précision :

* mon forum était de largeur 65%
* les px dans le css sont faites en relation avec une largeur globale du forum de 65%, mais la position étant relative, ça ne devrait pas poser de problème.
Cependant, au cas où il y aurait un problème d'affichage suite à une largeur trop grande ou trop petite, modifiez ces valeurs dans le css :
Code:
left:-XXpx;
pour les deux :

* arrondistat : le cadre et le contenu des statistiques
* description : la description des forums et modération, sous-forums.

plus la valeur est grande et plus le contenu est à gauche.


Si jamais vous voulez modifier quelque chose, vous pouvez modifier :

* les couleurs dans le css
* les largeurs et hauteur : width et height
* je me suis permise de rajouter une scroll barre dans la description des forums au cas om la description serait trop grande.

Si vous voulez l'enlever, retirez ceci dans le css :

Citation :
height:80px; display: block;overflow:hidden;overflow-x: hidden;overflow-y: auto;


Voilà. Bon courage à vous.
Si jamais vous avez des questions, n'hésitez pas à me demander.


Cordialement,
Lixyr.
Black DiamondV.I.P.avatar
Messages : 2036
    Comme je vous en ai fais part, je vous réponds dès que possible, dès que j'ai fais mes essais avec votre tuto' !
    Je bosse en ce moment, je finis sur les coups de 21h quand je rentre, j'ai tout sauf la tête aux codes ^^"

    Mais j'admire le travail fourni, j'y ai déjà mis mon nez dedans & j'ai bien lu le tutoriel. C'est un boulot monstre, j'essaye de vous en faire vraiment part dès que possible !

    Je suis désolé de vous faire attendre ainsi >.<
LayiV.I.P.avatar
Messages : 444
Je m'incruste rapidement (fouettez moi si je dérange xD) pour félicité le travail qui est fait parce que franchement c'est impressionnant, et surtout pour demander si j'ai autorisation de regarder de près tout ce qui est donné ? Pas dans le but de l'utiliser, mais dans le but de comprendre un peu comment ça marche...

(Layi, qui perd pas espoir d'un jour comprendre le codage.. \o/)
Black DiamondV.I.P.avatar
Messages : 2036
Toi aussi tu perds pas espoir ? x)
Mais oui, un boulot monstre !

Bref, pas de flood, je doute que Lixyr soit contre la lecture, mais ne sait-on jamais. Peut-être que plus d'un l'on déjà fait >.<
LixyrAdministratriceavatar
Messages : 12506

Recherches personnelles
Ma recherche de staff: http://www.forumsdeforumactif.com/f3-proposez-vos-services
Mon projet:
Ma commande:
Non, ça ne me dérange pas que l'on regarde de plus près ce que j'ai fait. La lecture, c'est vous qui en avez le plus .
Je travaille aussi, et je finis tard, donc je peux comprendre que vous n'ayez pas envie de vous lancer dans le codage en rentrant. Ne vous inquiétez pas. Tant que j'ai une réponse qui finit par me dire "c'est super, tout y est, c'est résolu, merci beaucoup", ça me va. Qu'elle vienne aujourd'hui ou demain. ^^

Je tâche d'être claire, c'est comme ça qu'il faut faire. Même si pour ça je dois poster dans deux messages parce que tout ne rentre pas dans un.
(je dois dire que je me suis beaucoup amusée en tapant ce tuto :héhé: )


J'espère que ça ira pour vous (avec le code, et le reste).

Cordialement,
Lixyr.


*edit*

D'ailleurs, je viens de relire, et j'ai remarqué que j'ai fait plein de fautes ! Orthographe ou fautes de mots, des trucs pas clairs donc si vous n'avez pas compris quelque chose, n'hésitez pas à me redemander.
Black DiamondV.I.P.avatar
Messages : 2036
Alors aloooors !

Bon je vais pas vous cacher que j'ai eu des petits soucis avec vos codes...Pas les explications hein, mais les codes. En suivant dans l'ordre ce que vous m'avez dis, je n'arrivais pas du tout au même résultat. Mais je pense que j'ai du louper des choses, puisque en copiant/collant votre code final j'ai la bonne forme.

Donc cela ne venait pas de mon forum, mais surement d'une inattention de ma part pendant ma lecture >.< De toute façon je risque de retravailler ça assez souvent, donc je verrais surement mon erreur...Vu l'heure t'façon après l'avoir lu/appliqué j'ai pas envie de remettre mon nez dedans de suite x)
*courageuse mais pas téméraire xD*

Cependant, j'aurais une question !
Voici mon forum test :: Testouille
& comme vous pouvez le voir, j'ai une barre de défilement sur le coté...est-ce possible que je n'en ai pas ? Si oui, je pense que la taille des case devront d'être de taille standard & que tout les textes devront être de la même longueur...Mais je préfère demander, car je ne trouve pas cela du tout esthétique >.<

Merci beaucoup !
LixyrAdministratriceavatar
Messages : 12506

Recherches personnelles
Ma recherche de staff: http://www.forumsdeforumactif.com/f3-proposez-vos-services
Mon projet:
Ma commande:


il suffit donc juste d'enlever ce petit passage de code dans votre css, mais effectivement, oui, comme vous le disiez, si jamais vous l'enlevez, vos texte devront faire la même longueur. Enfin, comme la plupart des codes sont en pourcentage, ça devrait aller, mais ça risque de ne pas faire très beau. ^^

Cordialement,
Lixyr.

Black DiamondV.I.P.avatar
Messages : 2036
HAN je n'avais pas compris ce détail en fait x)
Merci beaucoup x)

& je suis une quiche finie...mais justement, comme nous partions sur la base de l'exemple que j'avais donné, j'en ai oublié l'image qui servait à prévenir les membres des nouvelles ou non sur le forum.
Parce que j'ignore où avec les codes, on peut la caser >.< (entre le texte & la cellule de gauche, y'a un vide là, à moins qu'on puisse le rétrécir d'ailleurs °° - En haut du texte etc...)
Pas besoin de tuto' pour ça que je rassure, juste les codes & savoir ou les mettre sera suffisant !

Enfin si possible >.<
LixyrAdministratriceavatar
Messages : 12506

Recherches personnelles
Ma recherche de staff: http://www.forumsdeforumactif.com/f3-proposez-vos-services
Mon projet:
Ma commande:
Prévenir les membres des nouvelles ou non sur les forums, vous parlez des images statuant un forum sur "nouveau message", "verrouillé", ou "pas de nouveau message" ?
Black DiamondV.I.P.avatar
Messages : 2036
Oui voila ^^
LixyrAdministratriceavatar
Messages : 12506

Recherches personnelles
Ma recherche de staff: http://www.forumsdeforumactif.com/f3-proposez-vos-services
Mon projet:
Ma commande:
Vous la voulez où, exactement, cette image, dans vos catégories ?
Black DiamondV.I.P.avatar
Messages : 2036
& bien justement c'est ce que j'expliquais, j'ignore ce qui est possible °°
J'optais entre la cellule ou l'on voit les derniers messages, le posteur...& le texte de présentation, mais j'ignore si c'est faisable =/ (Pour que l'espace soit réduit parce que là...><)

Autrement...& bien ou vous pouvez °°
Au dessus du texte, en dessous, sur le coté...x)
Là ou on peut si ma proposition n'est pas possible ^^
LixyrAdministratriceavatar
Messages : 12506

Recherches personnelles
Ma recherche de staff: http://www.forumsdeforumactif.com/f3-proposez-vos-services
Mon projet:
Ma commande:
Oui, donc on ne peut pas la placer entre la description et le cadre du dernier posteur, car il n'y a que deux cellules : la première contient le cadre, et la deuxième contient la description. Cependant, comme le cadre du dernier posteur est en position relative, la cellule, même si le cadre est bougé de place, garde quand même toute la largeur de la cellule, comme si le cadre était resté dedans. Donc on ne peut pas infiltrer quelque chose ici. A moins de refaire un tableau à deux cellules dans la cellule principale, mais j'ai essayé et ça ne rend pas très bien.

J'ai donc préféré mettre l'image après la description. Cependant, on peut quand même bouger le texte de la description pour diminuer l'espace. Après, je ne sais pas quelle est la largeur de votre forum, mais plus le forum est petit et mieux ça rend.




En tout, nous arrivons à ce template-ci :

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}

        {CURRENT_TIME}

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

        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

        <!-- 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="10" cellpadding="0">
  <tr>
      <th nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </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>
  </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="arrondidesc" valign="top" width="100%" height="80">

<table border="0"><tr><td style="width:0% !important;"><div class="arrondistat" height="50" align="center">
        <span class="gensmall"> Sujets : {catrow.forumrow.TOPICS} | Messages : {catrow.forumrow.POSTS}</span> <br><br>
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </div>

<td width="100%">

<div class="description" valign="middle" align="justify" width="100%"><h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <center><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></center>

            </span>

        </h{catrow.forumrow.LEVEL}>
        <div class="scroll">{catrow.forumrow.FORUM_DESC}</div>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </span>
</div>
</td>
<td><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></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><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->


pour ce css-ci :

Code:
.arrondistat {-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;
border:2px solid #5C3C3D; background-color:#875859; padding:10px; display:block;position:relative;left:-90px; width:170px;height:50px;}

.arrondidesc {-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;
text-align:center; height:90px;padding:10px;
border:2px solid #5C3C3D; background-color:#875859;}

.description { display:block;position:relative;left:-45px; }

.secondarytitle {background:none !important;
border-bottom:1px solid #EAEAEA;}

.scroll {height:80px; display: block;overflow:hidden;overflow-x: hidden;overflow-y: auto; font-size:12px; }


En espérant que ça vous convienne.

Si vous avez un soucis, n'hésitez pas également à me montrer la pratique via le lien du forum où se passe l'essai du code.


Cordialement.
Black DiamondV.I.P.avatar
Messages : 2036
Alors moi avec TOUJOURS autant de retard, en prime d'oublierma propre demande, j'suis douée ... --"

Donc c'est parfait !
Je vais devoir bidouiller mes images de news, no news etc...Mais cela reste parfait !

J'ai encore quelques incompréhension, mais je pense qu'au besoin je viendrais directement te voir par MP. Je sais que ses incompréhension viendront une fois que je me serais (surement) énervé si j'arrive pas à faire ce que je veux x)

Mais pour la forme & la demande, tout est nickel !

Désolé une fois de plus pour le temps d'attente x_x
'ChristaV.I.P.avatar
Messages : 586
Peut-on considérer la commande comme close ? x)
LixyrAdministratriceavatar
Messages : 12506

Recherches personnelles
Ma recherche de staff: http://www.forumsdeforumactif.com/f3-proposez-vos-services
Mon projet:
Ma commande:
Et bien, je crois, comme il ne répond pas.
'ChristaV.I.P.avatar
Messages : 586
Qui ne dit mot consent, après tout XD J'archive donc ^^
IznogoodV.I.P.avatar
Messages : 3131
BD c'est "elle"

Mr. Green
LixyrAdministratriceavatar
Messages : 12506

Recherches personnelles
Ma recherche de staff: http://www.forumsdeforumactif.com/f3-proposez-vos-services
Mon projet:
Ma commande:

,
 Sujets similaires
-
» Mettre un lien vers une catégorie du forum
» insérer une image GIF dans une catégorie du forum
» Code pour catégorie et forum
» Catégorie invisible+séparation
» Image en titre de catégorie

Répondre au sujet


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum

Modérer

Trames

  • Nos services
  • Prés. obligatoire
  • Référencé
  • Prérelance
  • 1ère relance
  • 2ème relance
  • Recherche (relance)
  • Recherche (corbeille)
  • Formulaire manquant
  • Formulaire incomplet
  • 1
  • 2
  • 3
  • 4
  • 5
  • Evaluation