
School of Pub, où la perfection est à la portée de chacun. (Dixit Audidounette) |
|
| | [Question][Template] Modifier la mise en page des descriptions | |
| | Auteur | Message |
|---|
| | Tite-May 

Voir le dossier scolaire Doyenne Rang spécial: Doyenne du Forum : ancienne Directrice Nombre de messages: 8592 Age: 19 Localisation: Loir et cher $ops: 10873 Points: 180 Date d'inscription: 28/04/2009 Distinctions: *** Assistante personnelle de Miettes ***
| | |
 | |  | | | | ozmagoray 

Voir le dossier scolaire Etudiante Nombre de messages: 610 Age: 40 $ops: 4317 Points: 5 Date d'inscription: 24/04/2011 Distinctions: Déléguée de Mars 2012
| | |
 | Sujet: Re: [Question][Template] Modifier la mise en page des descriptions Sam 10 Déc - 15:14 | |
| coucou, bon alors ça ne va pas encore... j'aimerais arriver à un visuel de mon index identique à celui-ci: http://art-design.xooit.com/index.phpc'est à dire les catégories bien séparées les unes des autres, chaque sous-forum "encadrés" avec les sous-sous forum dessous+les stats et dans une autre colonne le dernier message=heure,date,auteur. j'ai déjà suivi ces deux tutos: http://www.school-of-pub.net/t8789-question-modifier-l-affichage-de-la-case-dernier-message#240909http://www.school-of-pub.net/t7460-questionmodification-de-l-affichage-des-colonnes-sur-l-indexet avec celui-ci(modifier la mise en page des descriptions) j'arrive à ce visuel: http://parents.imparfaits.xooit.fr/index.php?theme=testmon template d'index: | Code: | <table align="center" width="92%" cellspacing="0" cellpadding="2" border="0" align="center"> <tr> <td align="left" valign="bottom"><span class="gensmall"> <!-- BEGIN switch_user_logged_in --> {LAST_VISIT_DATE}<br /> <!-- END switch_user_logged_in --> {CURRENT_TIME}<br /></span><span class="nav"><a href="{U_INDEX}" class="nav">{L_INDEX}</a></span></td> <td align="right" valign="bottom" class="gensmall"> <a href="{U_SEARCH_SELF}" class="gensmall">{L_SEARCH_SELF}</a><br/> <!-- BEGIN switch_user_logged_in --> <a href="{U_SEARCH_NEW}" class="gensmall"><font color=#339999>Voir les nouveaux messages</a><br />
<!-- END switch_user_logged_in --> <a href="{U_SEARCH_UNANSWERED}" class="gensmall">{L_SEARCH_UNANSWERED}</a><br /> <!-- BEGIN switch_user_logged_in --> <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span> <br/>
<!-- END switch_user_logged_in --> </tr> </table> <!-- BEGIN catrow -->
<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline"> <tr> <th width="100%" colspan="2" class="thCornerL" height="25" nowrap="nowrap"> {catrow.CAT_DESC} </th> <th width="50" class="thTop" nowrap="nowrap"> {L_TOPICS} </th> <th width="50" class="thTop" nowrap="nowrap"> {L_POSTS} </th> <th width="200" class="thCornerR" nowrap="nowrap"> {L_LASTPOST} </th> </tr> <tr> <td class="catLeft" colspan="2" height="28"><span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></td> <td class="rowpic" colspan="3" align="center"> </td> </tr> <!-- BEGIN forumrow --> <tr> <td class="row1" align="center" valign="middle" height="50"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td> <td class="row1" width="100%" height="50"><span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br /> </span> <span class="genmed">{catrow.forumrow.FORUM_DESC}<br /> </span><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td> <td class="row2" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.TOPICS}</span></td> <td class="row2" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.POSTS}</span></td> <td class="row2" align="center" valign="middle" height="50" nowrap="nowrap"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span></td> </tr> <!-- END forumrow --> <tr> <td class="catBottom" colspan="5" style="-moz-border-radius-bottomleft: 12px;-moz-border-radius-bottomright: 12px"></td> </tr></table> <br class="nav" />
<!-- END catrow -->
<table align="center" width="92%" cellspacing="0" border="0" align="center" cellpadding="2"> <tr> <td align="left"> </td>
<td align="right"><span class="gensmall">{S_TIMEZONE}</span></td> </tr> </table>
<table align="center" width="92%" cellpadding="3" cellspacing="1" border="0" class="forumline"> <tr>
<td class="catHead" colspan="2" height="28"><span class="cattitle"><a href="{U_VIEWONLINE}" class="cattitle">{L_WHO_IS_ONLINE}</a></span></td> </tr> <tr> <td class="row1" align="center" valign="middle" rowspan="2"><img src="http://img9.xooimage.com/files/e/5/5/ki2-2c37783.png" alt="{L_WHO_IS_ONLINE}" /></td> <td class="row1" align="left" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />{TOTAL_USERS}<br />{NEWEST_USER}</span> </td> </tr> <tr> <td class="row1" align="left"><span class="gensmall">{TOTAL_USERS_ONLINE} [ {L_WHOSONLINE_ADMIN} ] [ {L_WHOSONLINE_MOD} ]<br />{RECORD_USERS}<br />{LOGGED_IN_USER_LIST}</span></td> </tr> <tr> <td class="catBottom" colspan="5" style="-moz-border-radius-bottomleft: 12px;-moz-border-radius-bottomright: 12px"></td> </tr> </table>
<table align="center" width="92%" cellpadding="1" cellspacing="1" border="0"> <tr> <td align="left" valign="top"><span class="gensmall">{L_ONLINE_EXPLAIN}</span></td> </tr> </table>
<!-- BEGIN switch_user_logged_out --> <form method="post" action="{S_LOGIN_ACTION}"> <table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline"> <tr> <td class="catHead" height="28"><a name="login"></a><span class="cattitle">{L_LOGIN_LOGOUT}</span></td> </tr> <tr> <td class="row1" align="center" valign="middle" height="28"><span class="gensmall">{L_USERNAME}: <input class="post" type="text" name="username" size="10" /> {L_PASSWORD}: <input class="post" type="password" name="password" size="10" maxlength="32" /> <!-- BEGIN switch_allow_autologin -->
{L_AUTO_LOGIN} <input class="text" type="checkbox" name="autologin" /> <!-- END switch_allow_autologin -->
<input type="submit" class="mainoption" name="login" value="{L_LOGIN}" /> </span> </td> </tr> </table> </form> <!-- END switch_user_logged_out -->
<br clear="all" />
<table cellspacing="3" border="0" align="center" cellpadding="0"> <tr> <td width="20" align="center"><img src="http://img9.xooimage.com/files/a/d/6/new-2c37a29.png" alt="{L_NEW_POSTS}"/></td> <td><span class="gensmall">{L_NEW_POSTS}</span></td> <td> </td> <td width="20" align="center"><img src="http://img9.xooimage.com/files/c/d/1/nonew-2c37a36.png" alt="{L_NO_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td> <td> </td> <td width="20" align="center"><img src="http://img7.xooimage.com/files/3/8/c/lock-2c37a20.png" alt="{L_FORUM_LOCKED}" /></td> <td><span class="gensmall">{L_FORUM_LOCKED}</span></td> </tr> </table>
|
et mon overallheader:
| Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html dir="{S_CONTENT_DIRECTION}"> <link rel="shortcut icon" href="http://img42.xooimage.com/files/d/f/4/internet-128x128-114f784.png"> <head>
<!--script horloge-->
<script language="JavaScript"> <!-- //PLF-http://www.jejavascript.net/ function heure() { var Maintenant = new Date(); var fuseau = Maintenant.getTimezoneOffset(); var heures = Maintenant.getHours(); var minutes = Maintenant.getMinutes(); var secondes = Maintenant.getSeconds(); heures = heures + (fuseau/60)+1; //heure été var annee = Maintenant.getFullYear(); for (i=31; i >24; i--) { dimanche = new Date(annee, 2, i); if (dimanche.getDay()==0) break; } for (i=31; i >24; i--) { dimanche2 = new Date(annee, 9, i); if (dimanche2.getDay()==0) break; } if (Maintenant >= dimanche && Maintenant < dimanche2) heures = heures + 1; //heure été heures = ((heures < 10) ? " 0" : " ") + heures; minutes = ((minutes < 10) ? ":0" : ":") + minutes; secondes = ((secondes < 10) ? ":0" : ":") + secondes; document.formhorloge.horloge.value = heures + minutes + secondes; setTimeout("heure()",1000); } //--> </script> <!--fin script horloge-->
<meta name="google-site-verification" content="VYvr69SWTDxXKdNgtMSXZr8zXPQA89uhdaKNVsSQDEA" />
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}"> <meta http-equiv="Content-Style-Type" content="text/css"> {META} {NAV_LINKS} <title>{SITENAME} :: {PAGE_TITLE}</title> <!-- link rel="stylesheet" href="http://img7.xooimage.com/files/2/d/6/zengarden-2c37bff.css" type="text/css" --> <style type="text/css"> <!-- /* zenGarden Theme for phpBB version 2+ Created by larme d'ange http://lda-creation.conceptbb.com
NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2 theme administration centre. When you have finalised your style you could cut the final CSS code and place it in an external file, deleting this section to save bandwidth. */
/* General page style. The scroll bar colours only visible in IE5.5+ */ body { background-image: url(http://img7.xooimage.com/files/e/9/7/p6-2d279c7.png); background-attachment:fixed; background-color: {T_BODY_BGCOLOR}; scrollbar-face-color: {T_TR_COLOR2}; scrollbar-highlight-color: {T_TD_COLOR2}; scrollbar-shadow-color: {T_TR_COLOR2}; scrollbar-3dlight-color: {T_TR_COLOR3}; scrollbar-arrow-color: {T_BODY_LINK}; scrollbar-track-color: {T_TR_COLOR1}; scrollbar-darkshadow-color: {T_TH_COLOR1}; }
/* General font families for common tags */ font,th,td,p { font-family: {T_FONTFACE1} } a:link,a:active,a:visited { color : {T_BODY_LINK}; } a:hover { text-decoration: none; color : {T_BODY_HLINK}; } hr { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}
/* This is the border line & background colour round the entire page */ .bodyline { background-image: url(http://img6.xooimage.com/files/5/6/3/beige-2046d45.png);background-attachment:fixed; background-color: {T_TD_COLOR2}; 1px double #82915A; -moz-border-radius:12px; }.bodyline2 { border : 2px double #82915A; -moz-border-radius:12px; }
/* This is the outline round the main forum tables */ .forumline { background-color: {T_TD_COLOR2}; border: 2px {T_TH_COLOR2} solid;2px double #82915A;-moz-border-radius:12px;}
/* Main table cell colours and backgrounds */ td.row1 { background-image: url(http://img7.xooimage.com/files/7/e/c/sans-titre-1-93eb3.png); background-repeat:repeat;} td.row2 { background-image: url(http://img7.xooimage.com/files/7/e/c/sans-titre-1-93eb3.png); background-repeat:repeat; } td.row3 { background-image: url(http://img7.xooimage.com/files/7/e/c/sans-titre-1-93eb3.png); bacground-repeat:repeat; }
/* This is for the table cell above the Topics, Post & Last posts on the index.php page By default this is the fading out gradiated silver background. However, you could replace this with a bitmap specific for each forum */ td.rowpic { background-color: {T_TD_COLOR2}; background-image: url(http://img9.xooimage.com/files/6/6/2/celllpicbleuray--1c3a39c-2c37bf4.png); }
/* Header cells - the blue and silver gradient backgrounds */ th { color: {T_TD_COLOR2}; font-size: {T_FONTSIZE2}px; font-weight : bold; background-color: {T_BODY_LINK}; height: 25px; background-image: url(http://img9.xooimage.com/files/7/0/2/cellpicbleu-107f23b-2c37bfe.png); }
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom { background-image: url(http://img9.xooimage.com/files/6/6/2/celllpicbleuray--1c3a39c-2c37bf4.png); background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px; }
/* Setting additional nice inner borders for the main table cells. The names indicate which sides the border will be on. Don't worry if you don't understand this, just ignore it :-) */ td.cat,td.catHead,td.catBottom { height: 29px; border-width: 0px 0px 0px 0px; } th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR { font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px; } td.row3Right,td.spaceRow { background-image: url(http://img7.xooimage.com/files/7/e/c/sans-titre-1-93eb3.png); border: {T_TH_COLOR3}; border-style: solid; }
th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 0px 0px 0px 0px; -moz-border-radius-topleft: 12px;-moz-border-radius-topright: 12px;} th.thSides,td.catSides,td.spaceRow { border-width: 0px 0px 0px 0px; } th.thRight,td.catRight,td.row3Right { border-width: 0px 0px 0px 0px; } th.thLeft,td.catLeft { border-width: 0px 0px 0px 0px;} th.thBottom,td.catBottom { border-width: 0px 0px 0px 0px; } th.thTop { border-width: 0px 0px 0px 0px; } th.thCornerL { border-width: 0px 0px 0px 0px; -moz-border-radius-topleft: 12px; } th.thCornerR { border-width: 0px 0px 0px 0px; -moz-border-radius-topleft: 12px; }
/* The largest text used in the index page title and toptic title etc. */ .maintitle { font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1}; text-decoration: none; line-height : 120%; color : {T_BODY_TEXT}; }
/* General text */ .gen { font-size : {T_FONTSIZE3}px; } .genmed { font-size : {T_FONTSIZE2}px; } .gensmall { font-size : {T_FONTSIZE1}px; } .gen,.genmed,.gensmall { color : {T_BODY_TEXT}; } a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; } a.gen:hover,a.genmed:hover,a.gensmall:hover { color: {T_BODY_HLINK}; text-decoration: none; }
/* The register, login, search etc links at the top of the page */ .mainmenu { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} } a.mainmenu { text-decoration: none; color : {T_BODY_LINK}; } a.mainmenu:hover{ text-decoration: none; color : {T_BODY_HLINK}; }
/* Forum category titles */ .cattitle { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}} a.cattitle { text-decoration: none; color : {T_BODY_LINK}; } a.cattitle:hover{ text-decoration: none; }
/* Forum title: Text and link to the forums used in: index.php */ .forumlink { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; } a.forumlink { text-decoration: none; color : {T_BODY_LINK}; } a.forumlink:hover{ text-decoration: none; color : {T_BODY_HLINK}; }
/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */ .nav { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};} a.nav { text-decoration: none; color : {T_BODY_LINK}; } a.nav:hover { text-decoration: none; }
/* titles for the topics: could specify viewed link colour too */ .topictitle,h1,h2 { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; } a.topictitle:link { text-decoration: none; color : {T_BODY_LINK}; } a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; } a.topictitle:hover { text-decoration: none; color : {T_BODY_HLINK}; }
/* Name of poster in viewmsg.php and viewtopic.php and other places */ .name { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
/* Location, number of posts, post date etc */ .postdetails { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }
/* The content of the posts (body of text) */ .postbody { font-size : {T_FONTSIZE3}px; line-height: 18px} a.postlink:link { text-decoration: none; color : {T_BODY_LINK} } a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; } a.postlink:hover { text-decoration: none; color : {T_BODY_HLINK}}
/* Quote & Code blocks */ .code { font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2}; background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px }
.quote { font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%; background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px }
/* Copyright and bottom info */ .copyright { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;} a.copyright { color: {T_FONTCOLOR1}; text-decoration: none;} a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: none;}
/* Form elements */ input,textarea, select { color : {T_BODY_TEXT}; font: normal {T_FONTSIZE2}px {T_FONTFACE1}; border-color : {T_BODY_TEXT}; }
/* The text input fields background colour */ input.post, textarea.post, select { background-color : {T_TD_COLOR2}; }
input { text-indent : 2px; }
/* The buttons used for bbCode styling in message post */ input.button { background-color : {T_TR_COLOR1}; color : {T_BODY_TEXT}; font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1}; }
/* The main submit button option */ input.mainoption { background-color : {T_TD_COLOR1}; font-weight : bold; }
/* None-bold submit button */ input.liteoption { background-color : {T_TD_COLOR1}; font-weight : normal; }
/* This is the line in the posting page which shows the rollover help line. This is actually a text box, but if set to be the same colour as the background no one will know ;) */ .helpline { background-color: {T_TR_COLOR2}; border-style: none; }
/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */ @import url("http://img10.xooimage.com/files/f/o/formie-30d7c.css");
--> </style> /* Script pour popup1 */ <script type="text/javascript"> var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session var startX = 4 //set x offset of bar in pixels var startY = 4 //set y offset of bar in pixels var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body }
function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document·cookie.length > 0) { offset = document·cookie.indexOf(search) if (offset != -1) { offset += search.length end = document·cookie.indexOf(";", offset); if (end == -1) end = document·cookie.length; returnvalue=unescape(document·cookie.substring(offset, end)) } } return returnvalue; }
function closebar(){ if (persistclose) document·cookie="remainclosed=1" document.getElementById("topbar").style.visibility="hidden" }
function staticbar(){ barheight=document.getElementById("topbar").offsetHeight var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera; var d = document; function ml(id){ var el=d.getElementById(id); if (!persistclose || persistclose && get_cookie("remainclosed")=="") el.style.visibility="visible" if(d.layers)el.style=el; el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";}; el.x = startX; if (verticalpos=="fromtop") el.y = startY; else{ el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight; el.y -= startY; } return el; } window.stayTopLeft=function(){ if (verticalpos=="fromtop"){ var pY = ns ? pageYOffset : iecompattest().scrollTop; ftlObj.y += (pY + startY - ftlObj.y)/8; } else{ var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight; ftlObj.y += (pY - startY - ftlObj.y)/8; } ftlObj.sP(ftlObj.x, ftlObj.y); setTimeout("stayTopLeft()", 10); } ftlObj = ml("topbar"); stayTopLeft(); }
for (i=1; i<100; i++) { var alerte = "{PRIVATE_MESSAGE_INFO}"; if ( alerte == "Vous avez "+i+" nouveaux messages" || alerte == "Vous avez 1 nouveau message" || alerte == "You have "+i+" new messages" || alerte == "You have 1 new message" ) { if (window.addEventListener) window.addEventListener("load", staticbar, false); else if (window.attachEvent) window.attachEvent("onload", staticbar); else if (document.getElementById) (window.onload=staticbar); } } </script>
/* Script pour popup 2*/ <style type="text/css"> #topbar{ position:absolute; visibility: hidden; width: 300px; z-index: 20; padding: 4px 4px 4px 4px; background-image:url('http://img5.xooimage.com/files/7/e/f/bg_header-4bcfe.gif'); border : 1px solid #9893C6; -moz-border-radius: 12px; } </style><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"> </script> </head> <body onload="heure()" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}"> /* Script pour popup3 */ <!-- BEGIN switch_user_logged_in --> <table align="center" id="topbar" style="opacity:.80; filter:alpha(opacity=80); -moz-opacity:0.8;"> <span><a href="" onclick="closebar(); return false"> <tr> <td> <img src="http://img28.xooimage.com/files/4/4/e/mail-48x48-1103bcf.png" alt="{PRIVATE_MESSAGE_INFO}" align="center"></td> <td> <span style="color:#3253A4;"><center><a href="{U_PRIVATEMSGS}" class="gen" align="center"><b>{PRIVATE_MESSAGE_INFO}</b></a></span></center></td> <td><a href="" onclick="closebar(); return false"><img src="http://img6.xooimage.com/files/4/c/1/croix-112e7a6.png" align="right;" title="Fermer la fenêtre"></a></td> </tr> </table> <!-- END switch_user_logged_in --> <a name="top"></a>
<!-- début menu --> <table width="92%" cellspacing="0" cellpadding="10" border="0" align="center"> <tr> <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <td align="center"><a href="{U_INDEX}"><img src="http://img9.xooimage.com/files/7/1/2/logo222222-2de2b3a.png" border="0" alt="{L_INDEX}" vspace="1" /></a></td></tr> <td align="center" width="100%" valign="middle"><table cellspacing="0" cellpadding="2" border="0"> <tr> <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu"> <!-- BEGIN switch_user_logged_out --> <br> <a href="{U_INDEX}" class="mainmenu"><img src="http://img7.xooimage.com/files/0/1/a/forumbouton-2de2c50.png" border="0" alt="{L_INDEX}" hspace="0" vspace="22" /></a> <a href="{U_FAQ}" class="mainmenu"><img src="http://img9.xooimage.com/files/a/b/d/3c-2d2c03f.png" border="0" alt="{L_FAQ}" hspace="0" vspace="22" /></a> <a href="{U_SEARCH}" class="mainmenu"><img src="http://img7.xooimage.com/files/2/5/8/pomme-de-pin2-2d2c05d.png" border="0" alt="{L_SEARCH}" hspace="0" vspace="22" /></a> <a href="{U_REGISTER}" class="mainmenu"><img src="http://img7.xooimage.com/files/9/0/6/enregis-2d34fbe.png" border="0" alt="{L_REGISTER}" hspace="0" vspace="22" /></a> <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img7.xooimage.com/files/c/0/e/on222-2d34fa7.png" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" vspace="22" /></a> <br> <a href="http://parents.imparfaits.xooit.fr/portal.php?pid=2"target="_blank"><b>Partenaires.</b></a> <a href="http://parents.imparfaits.xooit.fr/portal.php?pid=4"target="_blank"><b>Bannières.</b></a> <a href=""target="_blank"><b>Contactez-nous</b></a> <!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in --> <br> <a href="{U_INDEX}" class="mainmenu"><img src="http://img7.xooimage.com/files/0/1/a/forumbouton-2de2c50.png" border="0" alt="{L_INDEX}" hspace="0" vspace="22" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img9.xooimage.com/files/a/b/d/3c-2d2c03f.png" border="0" alt="{L_FAQ}" hspace="0" vspace="22" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img7.xooimage.com/files/2/5/8/pomme-de-pin2-2d2c05d.png" border="0" alt="{L_SEARCH}" hspace="0" vspace="22" /></a><a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img7.xooimage.com/files/8/4/1/mbres-2d34f50.png" border="0" alt="{L_MEMBERLIST}" hspace="0" vspace="22" /></a><a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img7.xooimage.com/files/2/5/9/gpes-2d34f47.png" border="0" alt="{L_USERGROUPS}" hspace="0" vspace="22" /></a><a href="{U_PROFILE}" class="mainmenu"><img src="http://img9.xooimage.com/files/2/e/9/profil-2d34f61.png" border="0" alt="{L_PROFILE}" hspace="0" vspace="22" /></a><a href="{U_PRIVATEMSGS}"><img src="{PRIVMSG_IMG}" border="0" alt="{PRIVATE_MESSAGE_INFO}" title="{PRIVATE_MESSAGE_INFO}" vspace="22" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img7.xooimage.com/files/a/8/e/off-2d34fb0.png" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" vspace="22" /></a> <br> <a href="http://parents.imparfaits.xooit.fr/portal.php?pid=2"target="_blank"><b>Partenaires.</b></a> <a href="http://parents.imparfaits.xooit.fr/portal.php?pid=3"target="_blank"><b>Echange de liens.</b></a> <a href=""target="_blank"><b>Contactez-nous.</b></a> <a href="http://parents.imparfaits.xooit.fr/portal.php?pid=4"target="_blank"><b>Bannières</b></a> <div align="center"> <a href="http://parents.imparfaits.xooit.fr/chat2.php"target="_blank"><b>Chat.</b></a> <a href="{U_SEARCH_NEW}"><b>Nouveaux posts</b></a>
<br><br> <a href="" onClick="window.open('http://passionsetloisirs.xooit.fr/portal.php?pid=15','PopUp','width=450,height=345,location=no,status=no,toolbar=no,scrollbars=no,directories=no,resizable=no,menubar=no')"><span class="gensmall"><font color=#60200>Musique en pop up</font></span></a> <br><br> <!--horloge--> <form name="formhorloge" onSubmit="0"><input type="text" style="background-image:url(http://img9.xooimage.com/files/2/3/7/automnerp2-2d0c835.png); -moz-border-radius:12px;webkit-border-radius: 12px;border-top-left-radius:12px;" name="horloge" size=7 value=""> </form> <!--horloge--> <!-- END switch_user_logged_in --> <!-- fin menu --> </span></td></tr>
</table></td> </tr> </table>
<br /> <div align="right"><a href="#top1" class="postlink"><img src="http://img9.xooimage.com/files/7/f/f/down-icon-296d494-2c37c3b.png" border="0"></a> </div> |
)je n'ai pas encore adapté le css a mon forum au niveau couleur)
merci de m'aider
Dernière édition par ozmagoray le Mar 13 Déc - 11:06, édité 1 fois |
|  | |  | Sujet: Re: [Question][Template] Modifier la mise en page des descriptions Mar 13 Déc - 10:45 | |
| Coucou  Désolée de réponse si tard  *** relit le soucis *** Donc si on résume, tu veux : -> mettre des images en fond de titre de catégorie -> n'avoir que 3 colonnes sur l'index : * 1ère = image d'état de message * 2ème = nom du forum + description + Sous forum + Stat * 3ème = Dernier message Au niveau de la 2ème colonne, tu veux la même présentation que sur le lien fourni ? (structure je veux dire ^^ ) |
|  | | | | ozmagoray 

Voir le dossier scolaire Etudiante Nombre de messages: 610 Age: 40 $ops: 4317 Points: 5 Date d'inscription: 24/04/2011 Distinctions: Déléguée de Mars 2012
| | |
 | |  | | | | Badaboum_ 

Voir le dossier scolaire Etudiante Nombre de messages: 15 Age: 21 $ops: 15 Points: 20 Date d'inscription: 09/04/2011
| | |
 | |  | |  | |  | | | | Badaboum_ 

Voir le dossier scolaire Etudiante Nombre de messages: 15 Age: 21 $ops: 15 Points: 20 Date d'inscription: 09/04/2011
| | |
 | Sujet: Re: [Question][Template] Modifier la mise en page des descriptions Mer 25 Avr - 19:57 | |
| Hey, merci beaucoup pour cette réponse si rapide !!!  Ça ne change rien du tout malheureusement, je joins la partie concernée avec le code de mon index_body | Code: | <!-- BEGIN forumrow --> <tr> <td class="row1" align="center" cellpadding="14" cellspacing="14" valign="middle" height="50" nowrap="nowrap"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" width="80" height="80" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> </td> <td class="row2" width="80%" align="left" height="50"> <span class="forumlink"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}<br /><div class ="poststopics">{catrow.forumrow.POSTS}posts | {catrow.forumrow.TOPICS}topics</div></a></span> <div class ="description"><span class="genmed">{catrow.forumrow.FORUM_DESC}</div> </td> <td class="row3" width="100%" align="center" height="50"> <span class="gensmall"><div height="150" <div class ="newoldlocked">{catrow.forumrow.LAST_POST}></div></span> </td> </tr></ br></ br></ br>
<!-- END forumrow --> |
En fait en ajoutant ta ligne, ça ne change rien parce que tout est compris dans FORUM_DESC :/ |
|  | | | | Kiki 

Voir le dossier scolaire Intervenante stagiaire Rang spécial: Spécialisée en codage et template Nombre de messages: 37 Age: 15 $ops: 32 Points: 5 Date d'inscription: 24/04/2012
| | |
 | |  | |  | |  | | | | Badaboum_ 

Voir le dossier scolaire Etudiante Nombre de messages: 15 Age: 21 $ops: 15 Points: 20 Date d'inscription: 09/04/2011
| | |
 | |  | |  | |  | | | | Badaboum_ 

Voir le dossier scolaire Etudiante Nombre de messages: 15 Age: 21 $ops: 15 Points: 20 Date d'inscription: 09/04/2011
| | |
 | Sujet: Re: [Question][Template] Modifier la mise en page des descriptions Ven 27 Avr - 15:13 | |
| Oulalah oui pardon, j'avais pas vu la fin du message, je croyais que c'était ta signature du coup j'ai pas tout lu ! Merci encore  | Code: | <table width="100%" cellspacing="0" cellpadding="2" border="0" align="center"> <tr> <td align="left" valign="bottom"><span class="nav"> <!-- BEGIN switch_user_logged_in --> <div class ="textestropgros">{LAST_VISIT_DATE}</div> <!-- END switch_user_logged_in --> <div class ="textestropgros">{CURRENT_TIME}</div></span> <span class="nav"><div class ="textestropgros"><a href="{U_INDEX}" class="nav">{L_INDEX}</a></div></span></td> <td align="right" valign="bottom"> <!-- BEGIN switch_user_logged_in --> <div class ="textestropgros"><a href="{U_SEARCH_NEW}" class="nav">{L_SEARCH_NEW}</a><br /><a href="{U_SEARCH_SELF}" class="nav">{L_SEARCH_SELF}</a></div> <!-- END switch_user_logged_in --> <div class ="textestropgros"><a href="{U_SEARCH_UNANSWERED}" class="nav">{L_SEARCH_UNANSWERED}</a></div></td> </tr> </table>
<!-- BEGIN catrow --> <table width="781" height="28" cellpadding="0" cellspacing="0" border="0"> <tr> <td class="catLeft" colspan="3" align="left" height="28" border="0" width="100%"><span class="cattitle"><div height="136" style="background-image:url('http://img84.xooimage.com/files/3/9/9/categoriesca-33c5f40.png'); margin-top: 70px;"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></div></span></td></tr>
<!-- BEGIN forumrow --> <tr> <td class="row1" align="center" cellpadding="14" cellspacing="14" valign="middle" height="50" nowrap="nowrap"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" width="80" height="80" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> </td> <td class="row2" width="80%" align="left" height="50"> <span class="forumlink"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}<br /><div class ="poststopics">{catrow.forumrow.POSTS}posts | {catrow.forumrow.TOPICS}topics</div></a></span> <div class ="description"><span class="genmed">{catrow.forumrow.FORUM_DESC}</div> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </td> <td class="row3" width="100%" align="center" height="50"> <span class="gensmall"><div height="150" <div class ="newoldlocked">{catrow.forumrow.LAST_POST}></div></span> </td> </tr>
<!-- END forumrow -->
<br /><br /><br /><br /><br /><br /> </table> <img name="Bottomcategory" src="http://img80.xooimage.com/files/f/6/f/categoriescabottom-33c60be.png" height="65" width="781" border="0"> <!-- END catrow --><br /><br /> <table width="100%" cellspacing="0" border="0" align="center" cellpadding="2"> <tr> <td align="left"><span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span></td> <td align="right"><span class="gensmall">{S_TIMEZONE}</span></td> </tr> </table> <br /><br />
<table font-size="10px" width="100%" height="100%" align="center" cellpadding="0" class="row1" cellspacing="0" border="0" > <div class ="QUEELcustom"><div class ="texteQUEEL"> <tr> <tr><td class="catHead" style="background-color:CODE;" colspan="0" align="center" height="28" border="0" width="100%"> <span class="cattitle"> <div height="163" style="background-image:url('http://img79.xooimage.com/files/d/4/e/qeel-33c0f21.png');"> <a href="{U_VIEWONLINE}" class="cattitle"><img name="whoisonline" src="http://img7.xooimage.com/files/3/5/e/psd-queel-haut-31e3fb3.png" height="163" width="781" border="0"></a> </div></span> </td></tr>
<tr><td style="background-color:FAE3C7; font-color:5A6640;" class="row1" align="center" width="80%" padding="350px" > <span class="gensmall"><br /> <span id="nb_messages"><br /> {TOTAL_POSTS}<script type="text/javascript"> document.getElementById('nb_messages') .innerHTML=document.getElementById('nb_messages') .innerHTML.replace(/Nos membres/,"Nos Candy-ART"); </script></span><br /> <span id="mb_inscrits"> {TOTAL_USERS}<script type="text/javascript"> document.getElementById('mb_inscrits') .innerHTML=document.getElementById('mb_inscrits') .innerHTML.replace(/membres enregistrés/,"candy-ARTs inscrits"); </script></span><br /> <span id="newest"> {NEWEST_USER}<script type="text/javascript"> document.getElementById('newest') .innerHTML=document.getElementById('newest') .innerHTML.replace(/L’utilisateur enregistré le plus récent est/,"Dernier candy-ART inscrit:");<br /> </script></span> </span> <span class="gensmall"> <span id="online"> {TOTAL_USERS_ONLINE}<script type="text/javascript"> document.getElementById('online') .innerHTML=document.getElementById('online') .innerHTML.replace(/ Enregistré/," candy-ART(s)") ;document.getElementById('online') .innerHTML=document.getElementById('online') .innerHTML.replace(/Invité/, "invité(s)") ;document.getElementById('online') .innerHTML=document.getElementById('online') .innerHTML.replace(/utilisateur en ligne/, "candy-ART en ligne"); </script></span> <br />{RECORD_USERS}<br /> {LOGGED_IN_USER_LIST}</span><br /> <img name="Rangs" src="http://img9.xooimage.com/files/1/a/d/psd-rangs-33c14c8.png" width="781" height="237" usemap="#Rangs" border="0"><map name="Rangs"> <area shape="rect" coords="176,54,207,92" href="http://candy-art.xooit.com/groupcp.php?g=15" alt="Petit Nouveau"> <area shape="rect" coords="209,58,258,96" href="http://candy-art.xooit.com/groupcp.php?g=8" alt="Apprenti"> <area shape="rect" coords="175,103,213,123" href="http://candy-art.xooit.com/groupcp.php?g=7" alt="Gélatineur"> <area shape="rect" coords="220,99,258,130" href="http://candy-art.xooit.com/groupcp.php?g=6" alt="Emballeurs"> <area shape="rect" coords="180,127,218,158" href="http://candy-art.xooit.com/groupcp.php?g=14" alt="Coloristes"> <area shape="rect" coords="233,132,274,159" href="http://candy-art.xooit.com/groupcp.php?g=5" alt="Parfumeurs"> <area shape="rect" coords="347,129,427,221" href="http://candy-art.xooit.com/f194-o-Livre-d-or.htm" alt="Livre d'or"> <area shape="rect" coords="347,13,427,105" href="http://candy-art.xooit.com/p52608.htm" alt="Examens"></map> <!-- BEGIN switch_birthdays --> <span class="gensmall"> {L_CONGRATULATIONS_TO}: {BIRTHDAY_USER_LIST}<br /></tr> <!-- END switch_birthdays --> <tr><td class="catHead" style="background-color:FAE3C7;" colspan="0" align="center" height="28" border="0" width="100%"> <span class="cattitle"> <img name="whoisonline" src="http://img79.xooimage.com/files/e/6/d/thanks-33c0f33.png" height="140" width="781" border="0"></span> </td></tr></tr></div></div></table>
<!-- BEGIN switch_user_logged_out --> <form method="post" action="{S_LOGIN_ACTION}"> <table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline"> <tr> <td class="catHead" height="28"><a name="login"></a><span class="cattitle">{L_LOGIN_LOGOUT}</span></td> </tr> <tr> <td class="row1" align="center" valign="middle" height="28"><span class="gensmall">{L_USERNAME}: <input class="post" type="text" name="username" size="10" /> {L_PASSWORD}: <input class="post" type="password" name="password" size="10" maxlength="32" /> {L_AUTO_LOGIN} <input class="text" type="checkbox" name="autologin" /> <input type="submit" class="mainoption" name="login" value="{L_LOGIN}" /> </span> </td> </tr> </table> </form> <!-- END switch_user_logged_out -->
<br clear="all" />
<table cellspacing="3" border="0" align="center" cellpadding="0"> <tr> <td width="20" align="center"><img src="http://img7.xooimage.com/files/6/3/c/n-33d69ed.png" alt="{L_NEW_POSTS}"/></td> <td><span class="gensmall">{L_NEW_POSTS}</span></td> <td> </td> <td width="20" align="center"><img src="http://img7.xooimage.com/files/c/f/3/o-33d69cc.png" alt="{L_NO_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td> <td> </td> <td width="20" align="center"><img src="http://img9.xooimage.com/files/2/b/d/l-33d69ea.png" alt="{L_FORUM_LOCKED}" /></td> <td><span class="gensmall">{L_FORUM_LOCKED}</span></td> </tr> </table> |
|
|  | |  | Sujet: Re: [Question][Template] Modifier la mise en page des descriptions Sam 28 Avr - 10:26 | |
| Coucou  Regarde ici | Code: | <div class ="description"><span class="genmed">{catrow.forumrow.FORUM_DESC}</div> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} |
Tu as un span qui n'est pas fermé. Voilà la correction
| Code: | <div class ="description"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} |
|
|  | | | | Badaboum_ 

Voir le dossier scolaire Etudiante Nombre de messages: 15 Age: 21 $ops: 15 Points: 20 Date d'inscription: 09/04/2011
| | |
 | |  | | | | [Question][Template] Modifier la mise en page des descriptions | |
|
| Page 1 sur 1 |
| | Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|