Largueur de la colone message dans les catégories

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Largueur de la colone message dans les catégories

Message par eternalis le Mer 8 Fév 2012 - 23:28

Bonsoir a tous

Voici en image ce que j'aimerais résoudre comme problème car j'ai déjà un script qui fait que ma catégorie est modifier pour éviter une grande catégorie.



voici mon template modifier:

Spoiler:
<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 --><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th colspan="3" nowrap="nowrap" width="100%" class="secondarytitle"><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'><div style="font-family: 'Open Sans Condensed', sans-serif;">{catrow.tablehead.L_FORUM}</div></th>

</tr>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<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.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"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}"></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" border="0px">
<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}>
<div class="categorie"><span class="genmed">{catrow.forumrow.FORUM_DESC}<br/>
</span> </div><span class="gensmall">
<div class="liensfo">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
</span>
</td>
<!-- BEGIN forum_link_no -->


<td class="row1-over" align="center" valign="middle" height="50" width="500px" border="0px">
<div class="troisieme"><span class="gensmall">{catrow.forumrow.LAST_POST}<br>{catrow.forumrow.TOPICS} messages - {catrow.forumrow.POSTS} sujets</span></div>
</td>
<!-- END forum_link_no -->
<!-- BEGIN forum_link -->
<td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
<!-- END forum_link -->
</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 -->

voici l'adresse de mon forum : http://testautrement.forumgratuit.org

je suis en phpbb2

et mon css est le suivant:

Spoiler:
/* slideshow accordeon debut **********************************************************************************************************************/
#accueil
{
width: 900px;
height: 400px;
overflow: hidden;
background: url(http://img11.hostingpics.net/pics/181185imagedefond.jpg) center no-repeat;
border: 3px solid #272727;
}
#page1
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background-color: #555555;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page1:hover
{
width: 80%;
height: 400px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page2
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background-color: #777777;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page2:hover
{
width: 80%;
height: 400px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page3
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background-color: #9b9b9b;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page3:hover
{
width: 80%;
height: 400px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page4
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background-color: #bababa;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page4:hover
{
width: 80%;
height: 400px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page5
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background-color: #dcdcdc;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page5:hover
{
width: 80%;
height: 400px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}

.contenu_page
{
width: 100%;
height: 400px;
}
.page_titre
{
display: inline-block;
height: 40px;
width: 400px;
color: #ffffff;
margin-left: -180px;
text-align: center;
font-size: 24px;
font-family: arial black;
letter-spacing: 2px;
text-shadow: 1px 1px 0px #5f5f5f;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.contenu
{
width: 0px;
height: 0px;
background-color: white;
overflow: hidden;
padding: 6px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
#page1:hover .contenu, #page2:hover .contenu, #page3:hover .contenu, #page4:hover .contenu, #page5:hover .contenu
{
width: 650px;
height: 380px;
margin-left: -180px;
background-color: white;
overflow: none;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.credit
{
display: block;
text-align: right;
margin-right: 20px;
}
.credit a
{
font-size: 10px;
text-decoration: none !important;
}
/*slideshow accordeon fin ************************************************************************************************************************/

/* placement des sous forum dans les categories debut**********************************************************************************************/
.genmed a,.genmed a:active{
font-size:0.8em;
text-decoration:none;
}
.genmed a:hover{
text-decoration:underline;
}
/* placement des sous forum dans les categories fin************************************************************************************************/
/* centrage de la feuille de fond d'ecran forum debut**********************************************************************************************/


body{
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}
/* centrage de la feuille de fond d'ecran forum fin************************************************************************************************/

/* ombre sous les speudo debut********************************************************************************************************************/
.name div span {
text-shadow: #000000 1px 1px 1px;
}
/* ombre sous les pseudo fin **********************************************************************************************************************/
/* contour et agrandissement citation debut********************************************************************************************************/
.quote {
font-size : 20px;
border : 1px solid #ff00ff;
}
/* contour et agrandissement citation fin**********************************************************************************************************/
/*fond semi transparent categorie debut************************************************************************************************************/
.forumline {background-repeat: repeat;
background-color:transparent;
background-image: url('https://i40.servimg.com/u/f40/17/00/76/39/sans_t15.png');
}
/* fond semi transparent categorie fin*************************************************************************************************************/

Merci d'avance
Aurélie


Dernière édition par eternalis le Jeu 9 Fév 2012 - 0:13, édité 1 fois

eternalis
***

Messages : 117
Inscrit(e) le : 15/03/2009

http://recifalautrement.forumpaca.net
eternalis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largueur de la colone message dans les catégories

Message par Dr. Karlos le Mer 8 Fév 2012 - 23:40

Bonsoir,

Vous désirez agrandir la colonne "derniers messages" ou l'ensemble des colonnes?

Pour l'ensemble des colonnes, ajoutez ceci à votre CSS:
Code:
.three-col {
width:110%;
}

Vous pouvez modifier 110% par une valeur plus élevée, toujours en pourcentage.


Cordialement.


Dernière édition par Dr. Karlos le Mer 8 Fév 2012 - 23:43, édité 1 fois

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largueur de la colone message dans les catégories

Message par eternalis le Mer 8 Fév 2012 - 23:43

Bonsoir,

Oui et la est mon problème lol le Template a fusionner l'ensemble sujet et message mais il se trouve très raccourci depuis et je bloque pour le réglage lol

le mieux est d'allez voir le site au lien ci citer au dessus

eternalis
***

Messages : 117
Inscrit(e) le : 15/03/2009

http://recifalautrement.forumpaca.net
eternalis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largueur de la colone message dans les catégories

Message par Dr. Karlos le Mer 8 Fév 2012 - 23:50

Bonsoir,

Repérez cette partie dans votre template:
Code:
<td class="row1-over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50" border="0px">

Et changez le width="100%" par une valeur plus petite, comme 90%.

D'ailleurs, vous avez changé vos class et j'ai remarqué plusieurs divs inutiles dans votre template... Un petit ménage s'imposerait afin d'éviter des bugs futurs. Wink


Cordialement.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largueur de la colone message dans les catégories

Message par eternalis le Mer 8 Fév 2012 - 23:55

Merci Dr. Karlos,

Pour ce qui est de mon Template je ne doute pas un seule instant qui'il contienne des erreurs car je ne fait que du copier coller et je regarde si cela fonctionne car je suis une vrai nullarde lol en programmation je capte que très peu juste un peu de css lol.

Si vous voulez sans abuser de votre temps me dire ou sont les erreurs je me ferais une joie de les rectifier.

Merci d'avance

eternalis
***

Messages : 117
Inscrit(e) le : 15/03/2009

http://recifalautrement.forumpaca.net
eternalis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largueur de la colone message dans les catégories

Message par Dr. Karlos le Jeu 9 Fév 2012 - 0:04

Bonsoir,

Ah, le fameux copier/coller. Wink J'ai corrigé certaines erreurs dans votre template, remplacez l'ancien par celui-ci (l'élargissement de la colonne "derniers messages" est pris en compte dans le code):
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 --><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">

<th colspan="3" nowrap="nowrap" width="100%" class="secondarytitle"><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'><div style="font-family: 'Open Sans Condensed', sans-serif;">{catrow.tablehead.L_FORUM}</div></th>


<!-- END tablehead -->
<!-- BEGIN cathead -->
<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.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"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}"></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="90%" height="50" border="0px"><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}<br/>
</span><span class="gensmall">
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>
<!-- BEGIN forum_link_no -->


<td class="row3 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50" border="0px"><span class="gensmall">{catrow.forumrow.LAST_POST}<br>{catrow.forumrow.TOPICS} messages - {catrow.forumrow.POSTS} sujets</span></td>
<!-- END forum_link_no -->
<!-- BEGIN forum_link -->
<td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
<!-- END forum_link -->
<!-- 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 -->

Quelques petits points:
- Une <div> se place toujours avant le <span>;
- Il est inutile de mettre des <tr> autour des <th>.


Cordialement.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largueur de la colone message dans les catégories

Message par eternalis le Jeu 9 Fév 2012 - 0:11

Merci beaucoup Mr Karlos, je vous en remercie amplement, hihihihihihi

Il faut bien un début pour apprendre car je prend le temps de savoir le pourquoi lol mais je n'ai pas la sciences infuse lol

Et donc c'est en faisant des erreurs que l'on progresse non ?

La preuve j'apprend avec vous ce soir car vous prenez de votre temps pour m’expliquez le pourquoi de l'erreur.

Alors mille fois merci Mr Karlos......

Bien a vous et bonne continuation....

Aurélie

eternalis
***

Messages : 117
Inscrit(e) le : 15/03/2009

http://recifalautrement.forumpaca.net
eternalis a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


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