Elargir la case dernier message Bouton_activeElargir la case dernier message Bouton_hoverElargir la case dernier message Fb-hoverElargir la case dernier message 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
Elargir la case dernier message EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Elargir la case dernier message EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Elargir la case dernier message EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Elargir la case dernier message EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Elargir la case dernier message EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Elargir la case dernier message EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Elargir la case dernier message EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Elargir la case dernier message EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -17%
(Black Friday) Apple watch Apple SE GPS + Cellular ...
Voir le deal
249 €

Partagez
 

Elargir la case dernier message

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://university-of-miami.forumactif.us/
Mar1992
Mar1992
{ Membre }
{ Membre }

Féminin Messages : 12



Elargir la case dernier message Empty
Voilà mon petit problème!

L'adresse de votre forum: http://tvd-rpg.forumactif.com/
Explications du problème: En fait j'ai supprimé les entêtes et maintenant je me retrouve avec une toute petite case de dernier message, je voudrais donc l'élargir pour que ca soit plus lisible. De plus j'aimerais ajouté le titre du dernier message qui a reçu une réponse.
Le navigateur utilisé: j'utilise Mozilla
La version du forum: phpbb2

Merci d'avance pour vos réponses!


Dernière édition par Mar1992 le Jeu 10 Fév 2011, 09:58, édité 1 fois
MessageSujet: Elargir la case dernier message   Elargir la case dernier message EmptyJeu 10 Fév 2011, 07:35
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Elargir la case dernier message Empty
Bonjour o/
Pour ajouter le titre des derniers messages c'est dans Affichage -> Structure et hiérarchie -> Afficher le titre du sujet du dernier message d'un forum sur l'index -> Oui

Pour ce qui est de la colonne des derniers messages, il nous faudrait ton template index_box pour que l'on puisse te dire exactement la partie qu'il faut modifier s'il te plait :DD
MessageSujet: Re: Elargir la case dernier message   Elargir la case dernier message EmptyJeu 10 Fév 2011, 08:04
Revenir en haut Aller en bas
http://university-of-miami.forumactif.us/
Mar1992
Mar1992
{ Membre }
{ Membre }

Féminin Messages : 12



Elargir la case dernier message Empty
Merci pour ce premier renseignement et voici mon 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="titre_categorie">{catrow.tablehead.L_FORUM}</div><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr><div style="width:200px;"></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><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <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" >
<span class="gensmall">
<div class="sujets_messages">Messages : {catrow.forumrow.POSTS} | Sujets : {catrow.forumrow.TOPICS}</div>
<div class="derniers_sujets">{catrow.forumrow.LAST_POST}</div></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 -->
MessageSujet: Re: Elargir la case dernier message   Elargir la case dernier message EmptyJeu 10 Fév 2011, 08:12
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Elargir la case dernier message Empty
Donc voici la partie à modifier o/
Code:
<td class="row3 over" align="center" valign="middle" height="50" >
<span class="gensmall">
<div class="sujets_messages">Messages : {catrow.forumrow.POSTS} | Sujets : {catrow.forumrow.TOPICS}</div>
<div class="derniers_sujets">{catrow.forumrow.LAST_POST}</div></span>
</td>
Ça se trouve vers la fin, juste avant:
Code:
<!-- END forumrow -->

On va principalement modifier la première partie du code, c'est-à-dire ça:
Code:
<td class="row3 over" align="center" valign="middle" height="50" >

Donc cette partie de code c'est la balise qui ouvre la cellule des derniers messages. À l'intérieur, il y a sa class (row3) qu'on peut modifier via le CSS, il y a un alignement horizontal (center), un alignement vertical (middle) et une hauteur (50 pixels).
On va lui ajouter une largeur o/
Largeur: width="xx%" ou encore width="xx"

Là ça dépend de la largeur que tu veux lui donner =o
Je vais lui donner une largeur de 15%. Le code en entier va donner ça:
Code:
<td class="row3 over" align="center" valign="middle" height="50" width="15%">
<span class="gensmall">
<div class="sujets_messages">Messages : {catrow.forumrow.POSTS} | Sujets : {catrow.forumrow.TOPICS}</div>
<div class="derniers_sujets">{catrow.forumrow.LAST_POST}</div></span>
</td>
Si la largeur ne te convient pas, tu peux changer la valeur en %.Si tu veux une largeur en pixels, par exemple 200 pixels, tu n'as qu'à changer le 15% pour 200.

Si tu as des problèmes ou que ça ne marche pas, dis-moi le :DD

PS: Si tu savais tous ces trucs concernant la largeur et tout, désolée x) j'essaie de détailler le plus possible pour être certaine **
MessageSujet: Re: Elargir la case dernier message   Elargir la case dernier message EmptyJeu 10 Fév 2011, 11:07
Revenir en haut Aller en bas
http://university-of-miami.forumactif.us/
Mar1992
Mar1992
{ Membre }
{ Membre }

Féminin Messages : 12



Elargir la case dernier message Empty
Merci beaucoup! Oui je connaissais à peu près tout ça mais c'est toujours bien de le rappeler! J'avais déjà tenté de rajouter cela mais ça n'avait pas marché! J'ai retenté quand même avec ce que tu m'as donné et ca ne marche toujours pas est ce que ca vient pas du fait que j'ai vraiment plus de titre de catégorie?
MessageSujet: Re: Elargir la case dernier message   Elargir la case dernier message EmptyJeu 10 Fév 2011, 11:12
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Elargir la case dernier message Empty
Normalement c'est sensé marché même si tu n'as plus de titres **

Est-ce que tu as bien publié ton template?
MessageSujet: Re: Elargir la case dernier message   Elargir la case dernier message EmptyJeu 10 Fév 2011, 13:03
Revenir en haut Aller en bas
http://university-of-miami.forumactif.us/
Mar1992
Mar1992
{ Membre }
{ Membre }

Féminin Messages : 12



Elargir la case dernier message Empty
Oui oui j'ai bien publié mon template
Est ce que c'est sensé marché même si je n'ai plus ca plus haut


Code:
<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
MessageSujet: Re: Elargir la case dernier message   Elargir la case dernier message EmptyJeu 10 Fév 2011, 15:38
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Elargir la case dernier message Empty
Bonjour (:
Votre problème est-il toujours d'actualité ? S'il est maintenant résolu, merci de cocher l'icône Elargir la case dernier message Resolu en éditant votre premier message (:
MessageSujet: Re: Elargir la case dernier message   Elargir la case dernier message EmptyMer 16 Fév 2011, 19:16
Revenir en haut Aller en bas
http://university-of-miami.forumactif.us/
Mar1992
Mar1992
{ Membre }
{ Membre }

Féminin Messages : 12



Elargir la case dernier message Empty
Mon problème n'est pas résolu je suis toujours en attente de votre aide car même si on m'a aidé et bien aidé ça ne marche pas!
MessageSujet: Re: Elargir la case dernier message   Elargir la case dernier message EmptyVen 18 Fév 2011, 08:43
Revenir en haut Aller en bas
http://tearsofthephoenix.forumactif.com/
©Insomnia
©Insomnia
♦ P'tit Chaperon Vert ♦{.Sadique Reine des Loups.}
♦ P'tit Chaperon Vert ♦
{.Sadique Reine des Loups.}

Féminin Messages : 466



Elargir la case dernier message Empty
Bonjour ^^

Ton problème est-il toujours d'actualité? S'il a été résolu, je te demande de bien vouloir d'éditer ton premier message et de cocher l'icône Elargir la case dernier message Resolu

Merci Wink
MessageSujet: Re: Elargir la case dernier message   Elargir la case dernier message EmptyVen 25 Fév 2011, 00:59
Revenir en haut Aller en bas
Invité
Invité




Elargir la case dernier message Empty
Hop'

Essaye ça dans ton CSS:

Code:
td.row3 {
    background-color: #EFEFEF;
    width: Vpx;
}

Il te suffira de remplacer le V par une valeur Bravo !
MessageSujet: Re: Elargir la case dernier message   Elargir la case dernier message EmptyMar 01 Mar 2011, 02:40
Revenir en haut Aller en bas
Contenu sponsorisé




Elargir la case dernier message Empty
MessageSujet: Re: Elargir la case dernier message   Elargir la case dernier message Empty
Revenir en haut Aller en bas
 

Elargir la case dernier message

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

 Sujets similaires

-
» Case "dernier message" décalée vers le haut
» Le lien "Voir le dernier message" ne m'amène PAS au dernier message !
» [PHBB2]Supprimer les colonnes:Nombre de message,sujet. Dernier message.
» Mettre sujet/message/dernier message avant description..
» Encadré dernier message

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Corbeille :: Archives de CSSActif :: Archives 2009~2011-

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