[résolu] Personnalisation du template index_box Bouton_active[résolu] Personnalisation du template index_box Bouton_hover[résolu] Personnalisation du template index_box Fb-hover[résolu] Personnalisation du template index_box Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
[résolu] Personnalisation du template index_box EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
[résolu] Personnalisation du template index_box EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
[résolu] Personnalisation du template index_box EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
[résolu] Personnalisation du template index_box EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
[résolu] Personnalisation du template index_box EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
[résolu] Personnalisation du template index_box EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
[résolu] Personnalisation du template index_box EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
[résolu] Personnalisation du template index_box EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -29%
DYSON V8 Origin – Aspirateur balai sans fil
Voir le deal
269.99 €

Partagez
 

[résolu] Personnalisation du template index_box

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://hollywood-ramdam.lebonforum.com/
Kaileen
Kaileen
{ Membre }
{ Membre }

Féminin Messages : 103



[résolu] Personnalisation du template index_box Empty
Bonjour !
J'ai de nouveau besoin de votre aide. J'essaye, sans succès, depuis plusieurs jours, à mettre en forme mes catégories. En plus, j'ai mon logiciel de graph' qui m'a lâcher, j'ai du faire un schéma à la main (= https://2img.net/r/hpimg15/pics/219594schema.png), j'espère qu'il sera compréhensible. Je vais tâché de vous expliquez au mieux ce que j'essaye de faire. J'ai modifier ma template index_box, pour que mes catégories aient un corps (fait au moment du design). Jusque là tout vas bien, j'ai même réussit à faire en sorte que les colonnes sujets et messages disparaissent. J'ai aussi réussit à déplacer le " X SUJETS ● X MESSAGES " sous le titre de mon forum (ex : La charte du bon membre.). Enfin, j'ai mis un CSS qui me plait, bon, les couleurs ne sont pas bonne pour le moment, mais c'est normal, j'attends mon design. Bref, jusqu'ici, pas de soucis, j'ai une partie de ce que je voulais. Là ou ça se corse, c'est que je voudrais personnalisé cela un peut plus (comme sur mon schémas), en gros que l'image qui indique si le forum est verrouiller (par exemple) se trouve juste au dessus/en dessous du lien du dernier sujet actualisé. Et que les sous parties, au lieu de se trouver en dessous de la description, soit déplacer sur la droite, soit avant le sujet actualisé et après la description. J'espère que je suis suffisamment claire parce que j'ai des doutes Embarassed

Merci d'avance à qui voudra bien me guider dans ma modification !

Mon template déjà modifié :
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">{catrow.tablehead.L_FORUM}</div><div class="catbody">
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <!-- 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="80%">
        <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"> </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="80%" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
        </h{catrow.forumrow.LEVEL}><span class="gensmall"><b>{catrow.forumrow.TOPICS}</b> SUJETS <b>●</b> <b>{catrow.forumrow.POSTS}</b> MESSAGES</span><br/><br/>
        <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
        <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>
      </td>
    <td class="row3 over" align="center" valign="middle" height="50" width="20%">
        <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>
</div><div class="catfoot"></div>
<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

La CSS concerné :
Code:
/* TITRE DES FORUMS */

a.forumlink {
font-style: bold;
font-size: 30px;
letter-spacing: 0px;
text-transform: lowercase;
letter-spacing: -2px;
font-weight: bolder;
font-family: times new roman;
text-shadow: 0px 0px 1px #A61802;
color: #2B2A01;}

a.forumlink:hover {
font-style: italic;
font-size: 30px;
letter-spacing: 0px;
text-transform: lowercase;
letter-spacing: -2px;
font-weight: bold;
font-style: italic;
font-family: times new roman;
text-shadow: 0px 0px 1px #A61802;
color: #A61802;}

/* PERSONNALISATION DES TITRES DES FORUMS */

a.forumlink:before {
content:" → ";
font-size:25px;}

a.forumlink:hover:before {
content:" ← ";
  font-size:25px;}

/* CORPS DES CATEGORIES */

.cathead {
    width: 844px; height: 203px;
    margin: auto; /*Permet de centrer la partie du corps*/
    background: url('http://img11.hostingpics.net/pics/444964iBxuZ0N8b2.png') top center no-repeat;}

  .catbody {
    width: 841px;
    margin: auto; /*Permet de centrer la partie du corps*/
    background: url('http://img15.hostingpics.net/pics/139675c895gqp54.png') center repeat-y;}

  .catfoot {
    width: 843px; height: 184px;
    margin: auto; /*Permet de centrer la partie du corps*/
    background: url('http://img11.hostingpics.net/pics/590247PpPuIz1wNz.png') bottom center no-repeat;}

Le lien du forum : http://starttheparty.bbactif.com/


Dernière édition par Kaileen le Lun 14 Mai 2012, 05:48, édité 1 fois
MessageSujet: [résolu] Personnalisation du template index_box   [résolu] Personnalisation du template index_box EmptyMar 08 Mai 2012, 07:22
Revenir en haut Aller en bas
http://laplaneterose.actifforum.com/index.htm
# Eve
# Eve
{ Membre }
{ Membre }

Féminin Messages : 12



[résolu] Personnalisation du template index_box Empty
Bonjour Kaileen, Wink

Juste pour te signaler que le lien vers ton schéma n'a pas l'air de fonctionner (404 - Not Found). Il est vrai que j'ai du mal à comprendre les modifications que tu souhaites effectuer sans le schéma pour me repérer. Je ne sais pas si je suis assez calée pour t'aider, mais peut-être que si tu repostes un lien vers ton schéma, ça facilitera la réflexion d'un codeur.

Amicalement, Wink

Eve.
MessageSujet: Re: [résolu] Personnalisation du template index_box   [résolu] Personnalisation du template index_box EmptyMar 08 Mai 2012, 09:21
Revenir en haut Aller en bas
pamina
pamina
{ Membre actif }
{ Membre actif }

Féminin Messages : 1170



[résolu] Personnalisation du template index_box Empty
Pour le lien de Kaileen, il suffit d'enlever la virgule et la parenthèse. Wink
MessageSujet: Re: [résolu] Personnalisation du template index_box   [résolu] Personnalisation du template index_box EmptyMar 08 Mai 2012, 10:30
Revenir en haut Aller en bas
http://hollywood-ramdam.lebonforum.com/
Kaileen
Kaileen
{ Membre }
{ Membre }

Féminin Messages : 103



[résolu] Personnalisation du template index_box Empty
Je le remet, je savais pas qu'avec une parenthèse ça faisait bugger Very Happy

https://2img.net/r/hpimg15/pics/147711schema.png

Sinon, merci de ta promotion !
MessageSujet: Re: [résolu] Personnalisation du template index_box   [résolu] Personnalisation du template index_box EmptyMar 08 Mai 2012, 10:32
Revenir en haut Aller en bas
http://www.school-of-pub.net/forum.htm
Murtagh
Murtagh
{ Modérateur }
{ Modérateur }

Masculin Messages : 1492



[résolu] Personnalisation du template index_box Empty
Bonjour,

Ce problème est-il toujours d'actualité ? Pourrais-tu fournir si possible davantage d'explications afin d'aider nos codeurs à mieux cerner ta question ? [résolu] Personnalisation du template index_box 926145 Si ce sujet n'a toujours pas de reçu de réponse dans quatre jours, il sera archivé.

Merci d'avance. [résolu] Personnalisation du template index_box 510527
MessageSujet: Re: [résolu] Personnalisation du template index_box   [résolu] Personnalisation du template index_box EmptyDim 13 Mai 2012, 05:23
Revenir en haut Aller en bas
http://hollywood-ramdam.lebonforum.com/
Kaileen
Kaileen
{ Membre }
{ Membre }

Féminin Messages : 103



[résolu] Personnalisation du template index_box Empty
Problème toujours d'actualité.

EDIT : J'ai finalement trouver une alternative, en CSS. Demande annulée. Merci !
MessageSujet: Re: [résolu] Personnalisation du template index_box   [résolu] Personnalisation du template index_box EmptyDim 13 Mai 2012, 05:28
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



[résolu] Personnalisation du template index_box Empty
Hello !
Je vois que le problème est résolu, par conséquent je classe !
Merci d'avoir prévenu [résolu] Personnalisation du template index_box 926145
MessageSujet: Re: [résolu] Personnalisation du template index_box   [résolu] Personnalisation du template index_box EmptyLun 14 Mai 2012, 18:30
Revenir en haut Aller en bas
Contenu sponsorisé




[résolu] Personnalisation du template index_box Empty
MessageSujet: Re: [résolu] Personnalisation du template index_box   [résolu] Personnalisation du template index_box Empty
Revenir en haut Aller en bas
 

[résolu] Personnalisation du template index_box

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» [Résolu] Problème avec la personnalisation des sujets
» [Résolu] Question concernant le tuto "Afficher/cacher le profil" / Problème de personnalisation
» Topics en double à cause d'une template [Résolu!]
» Template posting_body_wysiwyg à modifier [Résolu]
» Template index-box & affichage forum [résolu]

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit