It is currently Fri 30 Sep 2016 - 13:44 - créer un forum

[Tuto] Cacher/Montrer les catégories

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 315, 16, 17, 18, 19, 20  >

[Tuto] Cacher/Montrer les catégories
Author Message
alcaline001





PostPosted: Thu 8 Jul 2010 - 13:10    Post subject: [Tuto] Cacher/Montrer les catégories Reply with quote

PublicitéSupprimer les publicités ?
Previous post review:

merci deagle pour la modération mais celui qui a fait ce tuto est-il encore présent sur le forum pour nous aider ou bien doit-on juste lâcher l'affaire ???
Author Message
Eldred


Offline
Guest




PostPosted: Thu 15 Jul 2010 - 18:08    Post subject: [Tuto] Cacher/Montrer les catégories Reply with quote

X-ième essai encore raté... J'attends toujours de l'aide !

Author Message
alcaline001


Offline
Guest




PostPosted: Mon 26 Jul 2010 - 02:24    Post subject: [Tuto] Cacher/Montrer les catégories Reply with quote

up tout pareil Sad

Author Message
bz3alex
Membre


Offline
Membre

Joined: 06 Sep 2008
Posts: 96
Niveau:
Point(s): 97
Moyenne: 1.01
Windows Vista ou 7 Internet Explorer Masculin Verseau (20jan-19fev)

PostPosted: Thu 5 Aug 2010 - 11:29    Post subject: [Tuto] Cacher/Montrer les catégories Reply with quote

J'ai le même soucis, mais c'est toujours pareil n'est pas prêt à nous aider ...

Ca ne change pas ! -1
_______________________
Dans la vie, yé n'ai confiance qu'en deux choses, ma parole et mon manche, l'une est de fer l'autre est d'acier.


Forum
Author Message
Eldred


Offline
Guest




PostPosted: Wed 20 Oct 2010 - 01:04    Post subject: [Tuto] Cacher/Montrer les catégories Reply with quote

Up !


Toujours pareil !


Author Message
gemini68


Offline
Guest




PostPosted: Wed 20 Oct 2010 - 18:07    Post subject: [Tuto] Cacher/Montrer les catégories Reply with quote

Merci infiniment, ca fonctionne à merveille, aucun bug en un mot c'est un remarquable travail, merci Altaïr Very Happy

Author Message
Eldred


Offline
Guest




PostPosted: Wed 8 Dec 2010 - 13:45    Post subject: [Tuto] Cacher/Montrer les catégories Reply with quote

Up !

:'(


Author Message
Khow
Membre


Offline
Membre

Joined: 30 Nov 2009
Posts: 31
Niveau:
Point(s): 35
Moyenne: 1.13
Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Fri 10 Dec 2010 - 20:59    Post subject: [Tuto] Cacher/Montrer les catégories Reply with quote

Salut à tous.

J'aimerais réaliser ce super tuto sur mon forum, seulement les templates sont pas mal différents par rapport à l'exemple.
Pourriez vous m'indiquer les changements à exécuter ? Merci d'avance !

Mon thème : WarMoonclaw01
Mon index_body :

 
Code: Sélectionner - Agrandir

 <table width="100%" 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">
        <!-- BEGIN switch_user_logged_in -->
        <a href="{U_SEARCH_NEW}" class="gensmall">{L_SEARCH_NEW}</a><br /><a href="{U_SEARCH_SELF}" class="gensmall">{L_SEARCH_SELF}</a><br />
        <!-- END switch_user_logged_in -->
        <a href="{U_SEARCH_UNANSWERED}" class="gensmall">{L_SEARCH_UNANSWERED}</a></td>
  </tr>
</table>
<!-- BEGIN catrow -->
<table width="100%" cellpadding="1" cellspacing="1" border="0" class="forumline">


  <tr> 
    <td class="catLeft" colspan="2" height="28"><span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></td>
<th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_TOPICS}&nbsp;</th>
   <th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_POSTS}&nbsp;</th>
   <th class="thCornerR" nowrap="nowrap">&nbsp;{L_LASTPOST}&nbsp;</th>
    <td class="rowpic" colspan="3" align="right">&nbsp;</td>
  </tr>
  <!-- BEGIN forumrow -->
  <tr> 
    <td class="row1" align="center" valign="middle" height="35"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" width="54" height="35" 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 -->
</table>
<br class="nav" />
  <!-- END catrow -->


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

<table width="100%" 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://img6.xooimage.com/files/f/2/3/gr-14c3d0a" 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} &nbsp; [ {L_WHOSONLINE_ADMIN} ] &nbsp; [ {L_WHOSONLINE_MOD} ]<br />{RECORD_USERS}<br />{LOGGED_IN_USER_LIST}</span></td>
  </tr>
</table>

<table width="100%" 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" />
        &nbsp;&nbsp;&nbsp;{L_PASSWORD}: 
        <input class="post" type="password" name="password" size="10" maxlength="32" />
        &nbsp;&nbsp; &nbsp;&nbsp;{L_AUTO_LOGIN} 
        <input class="text" type="checkbox" name="autologin" />
        &nbsp;&nbsp;&nbsp; 
        <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://img4.xooimage.com/files/1/8/8/fauchnew-1718b29.jpg" alt="{L_NEW_POSTS}"/></td>
    <td><span class="gensmall">{L_NEW_POSTS}</span></td>
    <td>&nbsp;&nbsp;</td>
    <td width="20" align="center"><img src="http://img4.xooimage.com/files/b/7/f/faucheuse-assise-219e7cc.jpg" alt="{L_NO_NEW_POSTS}" /></td>
    <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
    <td>&nbsp;&nbsp;</td>
    <td width="20" align="center"><img src="http://img2.xooimage.com/files/2/2/c/closed-217d4e9.jpg" alt="{L_FORUM_LOCKED}" /></td>
    <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>


<!-- début raffraichissement -->
<meta http-equiv="refresh" content="120,http://umbrea-mortalis.xooit.fr/index.php" />
<!-- fin raffraichissement -->




Mon overall_header :


 
Code: Sélectionner - Agrandir

 <script type="text/javascript">
 blink=function(html) {
  var rid=Math.random().toString();
  document.write('<span id="'+rid+'">'+html+'</span>');
  setInterval(function(){
   var e=(arguments.callee.e||(arguments.callee.e=$(rid)));
   e.style['visibility']=(e.style['visibility']=='hidden'?'visible':'hidden');
  }, 500);
 };
</script>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<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://img3.xooimage.com/files/6/8/e/wowmoonclaw01-571850.css" type="text/css" -->
<style type="text/css">
<!--
/*
  The original WoWMoonclaw01 Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.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-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: underline; 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-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }

/* This is the outline round the main forum tables */
.forumline    { background-color: {T_TD_COLOR2}; border: 2px {T_TH_COLOR2} solid; }

/* Main table cell colours and backgrounds */
td.row1    { background-color: {T_TR_COLOR1}; }
td.row2    { background-color: {T_TR_COLOR2}; }
td.row3    { background-color: {T_TR_COLOR3}; }

/*
  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://img10.xooimage.com/files/c/e/cellpic3-36448.gif);
        background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th    {
    color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold; 
    background-color: {T_BODY_LINK}; height: 25px;
    background-image: url(http://img10.xooimage.com/files/c/e/cellpic3-36448.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
            background-image: url(http://img10.xooimage.com/files/c/e/cellpic3-36448.gif);
            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-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}

th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow     { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right     { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft      { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop     { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* 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: underline; }

/* 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: underline; 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: underline; }

/* 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: underline; 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: underline; }

/* 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: underline; 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: underline; 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: underline;}

/* 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://img4.xooimage.com/files/f/o/formie-30deb.css"); 
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
    if ( {PRIVATE_MESSAGE_NEW_FLAG} )
    {
        window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
    }
//-->
</script>
<!-- END switch_enable_pm_popup -->
    <link rel="shortcut icon" href="http://img255.imageshack.us/img255/788/umban.png">

<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 = 30 //set x offset of bar in pixels
var startY = 10 //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 closebar1(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar1").style.visibility="hidden"
}

function staticbar1(){
barheight=document.getElementById("topbar1").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("topbar1");
stayTopLeft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar1, false);
else if (window.attachEvent)
window.attachEvent("onload", staticbar1);
else if (document.getElementById)
(window.onload=staticbar1);

</script>

<style type="text/css">
#topbar1 {
position:absolute;
background-color : #eaedf4;
border : 1px solid #9893C6;
-moz-border-radius: 12px;
padding: 4px 0px 14px 0px;
width: 360px;
visibility: hidden;
z-index: 20;
opacity:.80; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;
}
</style>

    <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 = 30 //set x offset of bar in pixels
    var startY = 10 //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 closebar2(){
    if (persistclose)
    document.cookie="remainclosed=1"
    document.getElementById("topbar2").style.visibility="hidden"
    }

    function staticbar2(){
    barheight=document.getElementById("topbar2").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("topbar2");
    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", staticbar2, false)
    else if (window.attachEvent)
    window.attachEvent("onload", staticbar2)
    else if (document.getElementById)
    window.onload=staticbar2
    }
    }
    </script>

    <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 = 30 //set x offset of bar in pixels
    var startY = 10 //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 closebar2(){
    if (persistclose)
    document.cookie="remainclosed=1"
    document.getElementById("topbar2").style.visibility="hidden"
    }

    function staticbar2(){
    barheight=document.getElementById("topbar2").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("topbar2");
    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", staticbar2, false)
    else if (window.attachEvent)
    window.attachEvent("onload", staticbar2)
    else if (document.getElementById)
    window.onload=staticbar2
    }
    }
    </script>
    <style type="text/css">
    #topbar2 {
    position:absolute;
    visibility: hidden;
    width: 300px;
    z-index: 20;
    padding: 4px 4px 4px 4px;
    background-color : #eaedf4;
    border : 1px solid #9893C6;
    -moz-border-radius: 12px;
    opacity:.80; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;
    }
    </style>

</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

    <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 = 30 //set x offset of bar in pixels
    var startY = 10 //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 closebar2(){
    if (persistclose)
    document.cookie="remainclosed=1"
    document.getElementById("topbar2").style.visibility="hidden"
    }

    function staticbar2(){
    barheight=document.getElementById("topbar2").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("topbar2");
    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", staticbar2, false)
    else if (window.attachEvent)
    window.attachEvent("onload", staticbar2)
    else if (document.getElementById)
    window.onload=staticbar2
    }
    }
    </script>
    <style type="text/css">
    #topbar2 {
    position:absolute;
    visibility: hidden;
    width: 300px;
    z-index: 20;
    padding: 4px 4px 4px 4px;
    background-color : #eaedf4;
    border : 1px solid #9893C6;
    -moz-border-radius: 12px;
    opacity:.80; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;
    }
    </style>

    <!-- BEGIN switch_user_logged_in -->
    <div align="center" id="topbar2">
    <span><a href="" onclick="closebar2(); return false">
    <img src="http://img44.xooimage.com/files/5/0/9/button-close-focused-676560.png" align="right" border="0">
    </a></span>
    <span style="color:#3253A4;"><b><a href="{U_PRIVATEMSGS}" class="gen" align="center"><img src="http://img5.xooimage.com/files/f/1/e/email2-1ca94a.png" alt="{PRIVATE_MESSAGE_INFO}" border="0" align="bottom">
     {PRIVATE_MESSAGE_INFO}</a></b></span><br /></div>
    <!-- END switch_user_logged_in -->

<!-- IF S_USER_LEVEL == "ANONYMOUS" -->   

<div align="center" id="topbar1" style="opacity:.80; filter:alpha(opacity=80); -moz-opacity:0.8;">
<span><a href="" onclick="closebar1(); return false">
<img src="http://img42.xooimage.com/files/1/0/9/close-67f4aa.gif" align="right" border="0">
</a></span>
<table border="0" width="100%" style="border-collapse: collapse">
   <tr>
      <td><img src="http://img255.imageshack.us/img255/788/umban.png" border="0"></td>
      <td align="center"><span style="color:#3253A4;"><b> Bienvenue humble visiteur !<br />
Afin de pouvoir lire les sujets du forum, veuillez vous <a href="/profile.php?mode=register">inscrire</a>
 ou vous <a href="/login.php">connecter</a>, cela prend a peine deux minutes.</b></span></td>
   </tr>
</table></div>

<!-- ENDIF -->  

<a name="top"></a>

<table width="100%" 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://img39.imageshack.us/img39/6656/78052414.png" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                </tr>
                <tr>
                    <td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
                    <table cellspacing="0" cellpadding="2" border="0">

                    <tr> 
                        <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="http://img10.xooimage.com/files/i/c/icon_mini_faq-3644d.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu"> <a href="http://www.google.com/calendar/embed?src=mysticzhang%40hotmail.com&ctz=Europe/Paris" class="mainmenu"><img src="http://img2.xooimage.com/files/i/c/icon_mini_search-3644e.gif" width="12" height="13" border="0" alt="Portail" hspace="3" />Calendrier des sorties</a></span><span class="mainmenu">&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="http://img2.xooimage.com/files/i/c/icon_mini_search-3644e.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img10.xooimage.com/files/i/c/icon_mini_members-3644f.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img10.xooimage.com/files/i/c/icon_mini_groups-36450.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp; 
                        <!-- BEGIN switch_user_logged_out -->
                        &nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="http://img7.xooimage.com/files/i/c/icon_mini_register-36451.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>&nbsp;
                        <!-- END switch_user_logged_out -->
                        </td>
                    </tr>
                    <tr>
                        <td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_profile-36452.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img9.xooimage.com/files/i/c/icon_mini_message-36453.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img9.xooimage.com/files/i/c/icon_mini_login-36454.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span></td>
                    </tr>
                </table></td>
            </tr>

        </table>

        <br />





Forum
Author Message
bart17


Offline
Guest




PostPosted: Fri 17 Dec 2010 - 17:30    Post subject: [Tuto] Cacher/Montrer les catégories Reply with quote

Bonjour,

Voici le templates pour pbpbb invision :



 index :
 
Code: Sélectionner - Agrandir


<table width="95%" 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}
    <!-- END switch_user_logged_out -->
    <br>{CURRENT_TIME}</td>
    <td align="right" valign="bottom" class="gensmall">
        <!-- BEGIN switch_user_logged_in -->
        <a href="{U_SEARCH_SELF}" class="gensmall">{L_SEARCH_SELF}</a><br />
        <!-- END switch_user_logged_in -->
        <a href="{U_SEARCH_UNANSWERED}" class="gensmall">{L_SEARCH_UNANSWERED}</a></td>
  </tr>
</table>

<!-- BEGIN catrow -->
<table width="95%" cellpadding="2" cellspacing="1" border="0" class="forumline" align="center">
  <tr>
    <td class="catLeft" colspan="5" height="26"><img src="http://img7.xooimage.com/files/n/a/nav-3328b.gif">&nbsp;<span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></td>
  </tr>
  <tr>
      <th colspan="1" class="thCornerL" height="25" nowrap="nowrap"></th>
    <th colspan="1" class="thCornerL" height="25" nowrap="nowrap">&nbsp;{L_FORUM}&nbsp;</th>
    <th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_TOPICS}&nbsp;</th>
    <th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_POSTS}&nbsp;</th>
    <th class="thCornerR" nowrap="nowrap">&nbsp;{L_LASTPOST}&nbsp;</th>
  </tr>
  <!-- BEGIN forumrow -->
  <tr>
    <td class="row5" align="center" valign="middle" height="50"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" width="33" height="25" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
    <td class="row3" width="100%" height="50" onMouseOver=this.style.backgroundColor="#DFE6EF" onMouseOut=this.style.backgroundColor=""  onclick="window.location.href='{catrow.forumrow.U_VIEWFORUM}'"><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="row4" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.TOPICS}</span></td>
    <td class="row4" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.POSTS}</span></td>
    <td class="row4" align="center" valign="middle" height="50" nowrap="nowrap"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span></td>
  </tr>
  <!-- END forumrow -->
  </table><br />
  <!-- END catrow -->
</table>
<br>
<!-- BEGIN switch_user_logged_out -->
<table width="95%" cellpadding="0" cellspacing="0" border="0" align="center">
<form method="post" action="{S_LOGIN_ACTION}">
    <tr>
    <td align="right" valign="middle" height="28"><span class="genmed"><b>Quick Log In</b>
        <input class="post" type="text" name="username" size="10" onFocus="this.value=''" value="User Name" />
        <input class="post" type="password" name="password" size="10" onFocus="this.value=''" value="phpbb2" />
        <input type="submit" class="mainoption" name="login" value="Go" />
        </span> </td>
</tr>
</form>
</table>
<!-- END switch_user_logged_out -->
<br clear="all" />

<table width="95%" cellpadding="3" cellspacing="1" border="0" class="forumline" align="center">
  <tr>
    <th class="catleft" colspan="3" height="22" align="left"><img src="http://img7.xooimage.com/files/n/a/nav-3328b.gif"><span class="thCornerL">&nbsp;Board Statistics</a></span></th>
  </tr>
  <tr>
    <td class="category" colspan="3" height="22" align="left"><span class="gen">&nbsp;User Statistics</span></td>
  </tr>
  <tr>
    <td class="row4" align="center" valign="middle" rowspan="1"><img src="http://img10.xooimage.com/files/f/e/7/whyonshoneline-22590f2.jpg" alt="{L_WHO_IS_ONLINE}" /></td>
    <td class="row1" align="left" width="100%"><span class="gensmall"><b>{GUESTS}</b> {L_GUEST}, <b>{REGUSERS}</b> {L_REGISTERED}, <b>{HIDDEN}</b> {L_HIDDEN}  [ <a href="{U_VIEWONLINE}">View Complete List</a> ]<br />{LOGGED_IN_USER_LIST} &nbsp; [ {L_WHOSONLINE_ADMIN} ] &nbsp; [ {L_WHOSONLINE_MOD} ]<br /></span>
    </td>
  </tr>
  <tr>
    <td class="category" colspan="2" height="22" align="left">&nbsp;Board Statistics</td>
  </tr>
  <tr>
      <td class="row4" align="center" valign="middle" rowspan="1"><img src="http://img10.xooimage.com/files/e/1/8/stats-1c15cb6.png" alt="Board Statistics" /></td>
    <td class="row1" colspan="2" align="left"><span class="gensmall">{TOTAL_POSTS}<br />{TOTAL_USERS}<br />{NEWEST_USER}<br />{RECORD_USERS}</span></td>
  </tr>
</table>
<br>
<table width="95%" cellpadding="1" cellspacing="1" border="0" align="center">
    <td align="center" valign="top"><span class="gensmall">[ <a href="{U_MARK_READ}" >{L_MARK_FORUMS_READ}</a> ] :: [
    <SCRIPT LANGUAGE="JavaScript">
    <!-- Begin
    if ((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4)) {

    var url="http://www.phpbb2.de";
    var title="phpBB2.de - Your Source for phpBB2 Stuff";

    document.write('<A HREF="javascript:window.ext');
    document.write('ernal.AddFavorite(url,title);" ');
    document.write('onMouseOver=" window.status=');
    document.write("'Add this Site to your Favourites'; return true ");
    document.write('"onMouseOut=" window.status=');
    document.write("' '; return true ");
    document.write('">Add this Site to your Favourites</a>');
    }
    else {
    var msg = "Don't forget to bookmark us!";
    if(navigator.appName == "Netscape") msg += "  (CTRL-D)";
    document.write(msg);
    }

    // End -->
    </script>
     ]&nbsp; </span></td>
</table>
<br clear="all" />
<table align="center"><td class="row5">
<table cellspacing="3" border="0" align="center" cellpadding="0">
  <tr>
    <td width="20" align="center"><img src="http://img8.xooimage.com/files/5/1/e/folder_new_big-34f8a-bd6819.gif" alt="{L_NEW_POSTS}"/></td>
    <td><span class="gensmall">{L_NEW_POSTS}</span></td>
    <td>&nbsp;&nbsp;</td>
    <td width="20" align="center"><img src="http://img2.xooimage.com/files/f/5/1/folder_big-34f89-2252e11.gif" alt="{L_NO_NEW_POSTS}" /></td>
    <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
    <td>&nbsp;&nbsp;</td>
    <td width="20" align="center"><img src="http://img2.xooimage.com/files/0/a/9/folder_locked_big-34f8b-2252e22.gif" alt="{L_FORUM_LOCKED}" /></td>
    <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table></table>
 




overall header :

 
Code: Sélectionner - Agrandir
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<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://img8.xooimage.com/files/d/9/c/phpib2-226f2ee.css" type="text/css">
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
    if ( {PRIVATE_MESSAGE_NEW_FLAG} )
    {
        window.open("{U_PRIVATEMSGS_POPUP}", "_phpbbprivmsg", "HEIGHT=225,resizable=yes,WIDTH=400");;
    }
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body bgcolor="#FFFFFF"  marginwidth="10" marginheight="0" topmargin="0" leftmargin="10" rightmargin="10" bottommargin="10">
<a name="top"></a>
    <script language="JavaScript1.2">
     
    //Autumn leaves- by Kurt Grigg (kurt.grigg@virgin.net)
    //Adapté et modifié par grenadine.net
    //Visiter le site original http://www.dynamicdrive.com pour le script Automn leaves
     
    //Série d'images
    grphcs=new Array(6)
    Image0=new Image();
    Image0.src=grphcs[0]="http://img4.xooimage.com/files/1/9/f/flocon_neige1-ac484.gif";
    Image1=new Image();
    Image1.src=grphcs[1]="http://img46.xooimage.com/files/9/7/c/flocon_neige2-85007b.gif"
    Image2=new Image();
    Image2.src=grphcs[2]="http://img44.xooimage.com/files/4/3/2/flocon_neige3-85009c.gif"
    Image3=new Image();
    Image3.src=grphcs[3]="http://img41.xooimage.com/files/1/0/9/flocon_neige4-850151.gif"
    Image4=new Image();
    Image4.src=grphcs[4]="http://img45.xooimage.com/files/d/c/c/flocon_neige5-85016c.gif"
    Image5=new Image();
    Image5.src=grphcs[5]="http://img46.xooimage.com/files/f/1/4/flocon_neige6-850179.gif"  
     
    Amount=12; //Nombre d'images - le plus "légers" sont les gifs, le plus d'images on peu se permettre
    Ypos=new Array();
    Xpos=new Array();
    Speed=new Array();
    Step=new Array();
    Cstep=new Array();
    ns=(document.layers)?1:0;
    ns6=(document.getElementById&&!document.all)?1:0;
     
    if (ns){
    for (i = 0; i < Amount; i++){
    var P=Math.floor(Math.random()*grphcs.length);
    rndPic=grphcs[P];
    document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>");
    }
    }
    else{
    document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
    for (i = 0; i < Amount; i++){
    var P=Math.floor(Math.random()*grphcs.length);
    rndPic=grphcs[P];
    document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
    }
    document.write('</div></div>');
    }
    WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
    WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
    for (i=0; i < Amount; i++){                                                                 
     Ypos[i] = Math.round(Math.random()*WinHeight);
     Xpos[i] = Math.round(Math.random()*WinWidth);
     Speed[i]= Math.random()*5+3;
     Cstep[i]=0;
     Step[i]=Math.random()*0.1+0.05;
    }
    function fall(){
    var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
    var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
    var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;
    var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft;
    for (i=0; i < Amount; i++){
    sy = Speed[i]*Math.sin(90*Math.PI/180);
    sx = Speed[i]*Math.cos(Cstep[i]);
    Ypos[i]+=sy;
    Xpos[i]+=sx;  
    if (Ypos[i] > WinHeight){
    Ypos[i]=-60;
    Xpos[i]=Math.round(Math.random()*WinWidth);
    Speed[i]=Math.random()*5+3;
    }
    if (ns){
    document.layers['sn'+i].left=Xpos[i];
    document.layers['sn'+i].top=Ypos[i]+hscrll;
    }
    else if (ns6){
    document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]);
    document.getElementById("si"+i).style.top=Ypos[i]+hscrll;
    }
    else{
    eval("document.all.si"+i).style.left=Xpos[i];
    eval("document.all.si"+i).style.top=Ypos[i]+hscrll;
    }  
    Cstep[i]+=Step[i];
    }
    setTimeout('fall()',20);
    }
     
    window.onload=fall
    //-->
    </script>


<table width="95%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#345487">
  <tr>
    <td align="left">
     <table width="100%" border="0" cellspacing="0" cellpadding="0" background="http://img8.xooimage.com/files/3/5/6/headerdroite-news2-2259e6c.jpg" style="border-collapse: collapse" bordercolor="#111111">
      <tr>
       <td align="left"><a href="index.php">
       <img src="http://img6.xooimage.com/files/2/f/4/logo-34fa8-225821c.jpg" alt="{L_INDEX}" border="0" ></a></td>
       <td align="right" valign="middle" background="http://img.xooimage.com/files/">
     
       </td>
        </tr>
       </table>
      </td>
  </tr>
  <tr>
    <td class="row1">
      <table width="100%" border="0" cellspacing="0" cellpadding="8">
        <tr>
          <td width="100%" valign="middle" align="center"> <table width="100%" cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
<!-- BEGIN switch_user_logged_out -->
<td align="center" valign="middle"><span class="genmed">Bienvenue {USERNAME} ( <a href="{U_LOGIN_LOGOUT}">{L_LOGIN}</a> | <a href="{U_REGISTER}">{L_REGISTER}</a> )</span></td>
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
 <td align="left" valign="middle"><span class="genmed"><b>{L_LOGGED_IN} {USERNAME}</b>  <a href="{U_LOGIN_LOGOUT}"><img src="http://e-nautia.com/people/ninja/disk/kit graphiques/déconnectiord.jpg" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" /></a></a> </span></td>
 <td align="right" valign="middle"><span class="genmed">
   <b><a href="{U_PROFILE}">{L_PROFILE}</a></b> | <a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>
   | <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>
<!-- END switch_user_logged_in -->
 </td>
</tr>
</table></table></table>
<br />
<table width="95%" align="center" border="0" cellspacing="0" cellpadding="0">
<tr>
    <td width="1%" valign="middle"><img src="http://img8.xooimage.com/files/4/d/8/nav2-1c157ca.png" border="0"></td>
    <td width="100%" align="left" valign="middle" class="nav">&nbsp;<a href="{U_INDEX}">{L_INDEX}</a></span></td>
    <td align="right" valign="middle" nowrap>
    <table cellpadding="3" cellspacing="0" border="0" style="border:1px solid #345487" class="row2">
     <tr>
       <td class="row2" nowrap><a href="{U_PROFILE}" class="mainmenu"><img src="http://e-nautia.com/people/ninja/disk/kit graphiques/icon profilrd.jpg" border="0" alt="{L_PROFILE}" hspace="3" /></a>
       <span style="color:#345487">|</span> <a href="{U_FAQ}" class="mainmenu"><img src="http://e-nautia.com/people/ninja/disk/kit graphiques/icon faqrd.jpg" border="0" alt="{L_FAQ}" hspace="3" /></a>
       <span style="color:#345487">|</span> <a href="{U_SEARCH}" class="mainmenu"><img src="http://e-nautia.com/people/ninja/disk/kit graphiques/icon searchrd.jpg" border="0" alt="{L_SEARCH}" hspace="3" /></a>
           <a href="http://sc2ranks.com/c/1281/clan-ninja/" class="mainmenu"><img src="http://e-nautia.com/people/ninja/disk/kit graphiques/icon rank sc2rd.jpg" border="0" hspace="3" /></a>
          <a href="http://aoe3.game-server.cc/rating2/clan/N%C3%AFNJ%C3%A0" class="mainmenu"><img src="http://e-nautia.com/people/ninja/disk/kit graphiques/icon elorating (2).jpg" border="0" hspace="3" /></a>
       <span style="color:#345487">|</span> <a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://e-nautia.com/people/ninja/disk/kit graphiques/icon membersrd.jpg" border="0" alt="{L_MEMBERLIST}" hspace="3" /></a>
       <span style="color:#345487">|</span> <a href="{U_GROUP_CP}" class="mainmenu"><img src="http://e-nautia.com/people/ninja/disk/kit graphiques/icon grouprd.jpg" border="0" alt="{L_USERGROUPS}" hspace="3" /></a></span>
       </td>
     </tr>
    </table></table>


Author Message
bart17


Offline
Guest




PostPosted: Tue 21 Dec 2010 - 06:50    Post subject: [Tuto] Cacher/Montrer les catégories Reply with quote

Il n'y à plus de suivis du topic ? 

Author Message
Eldred


Offline
Guest




PostPosted: Thu 30 Dec 2010 - 16:38    Post subject: [Tuto] Cacher/Montrer les catégories Reply with quote

Non, et depuis presque un an...
(voire plus car moi, ça ne fait qu'un an que j'attends).


Author Message
Firebird


Offline
Guest




PostPosted: Tue 23 Aug 2011 - 15:36    Post subject: [Tuto] Cacher/Montrer les catégories Reply with quote

Bonjour,

Excellent tuto !

Est-il possible de mettre les catégories en mode Fermé par défaut?


Author Message
danjnek
Membre


Offline
Membre

Joined: 29 May 2012
Posts: 2
Niveau:
Point(s): 2
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Vierge (24aoû-22sep) 蛇 Serpent

PostPosted: Tue 29 May 2012 - 15:54    Post subject: [Tuto] Cacher/Montrer les catégories Reply with quote

Cool Bonjour-bonjour. Excellent tuto.
Par contre, je vais à mon tour solliciter votre aide.


En fait, j'ai gossé, patenté, reviré de bord et découpé mes tableaux sans succès.
Mon Index_body est une vrai tête du mule.
Je ne comprends pas vraiment le html normalement, mais cette fois,
je vais finir par retenir par cœur la structure du template si ça continu.
Ça fait quelques jours que je gosse après.

Le site n'est pas encore réellement ouvert.
J'y fait des tests, j'y ajoute des fonctions
et il reste des cathégories et sous-forums sur papier à mettre
avant d'y faire déménager du monde d'un autre forum qu'on va fermer.

Mr. Green Donc voilà. Le problème ici, c'est qu'il semblerais que dès je change la structure des
balises <table>(class="table", dah !!), même si j’essaie de créer de nouvelles lignes avec <tr> à la place, les titres de catégories
et sous-forums, enfin, "tout le bloc", perd son alignement vertical et foire sur la gauche.

Je m'y casse la tête, parce que les balises <tbody> comprises dans ce tutoriel sont dans
des balises <table>, mais que lorsque je dois définir "cat_{catrow.CAT_ID}_f", sa balise <tbody> coupe
son tableau(</table>) jusqu'à deux tableaux plus bas.

Et dooonc ... innocent Voilà le service que je vous demanderais très sincèrement. Si l'un d'entre vous
serait assez zellé pour venir patauger dans mon index_body pour aider mon cas, j'aimerais beaucoup !!!

Mon site web: http://celestworld.afterlife.xooit.fr/index.php
Le thème qui m'a servit de gabarie: BlueGreen
Voilà les templates impliqués, je crois. Corrigez-moi sinon :

Pour cacher/montrer les catégories de ce [TUTO]

Code: Sélectionner - Agrandir



<table class="table" border="0" cellpadding="5" cellspacing="0">
<tr>
<td class="small" align="left" valign="bottom">
<script type="text/javascript" src="http://www.service-gratuit-fr.com/horloges.php?id=289150&w=60&h=60"></script><noscript><a href="http://www.service-gratuit-fr.com" target="_blank">Horloge en Flash</a></noscript>
</td>
<td class="small" align="left" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
{LAST_VISIT_DATE}<br />
<!-- END switch_user_logged_in -->
{CURRENT_TIME}<br />
<a href="{U_INDEX}">{L_INDEX}</a></span>
</td>
<td class="small" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br /><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
<!-- END switch_user_logged_in -->
<a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>
<!-- BEGIN catrow -->
<table class="table" border="0" cellpadding="0" cellspacing="0">
 <tbody id="cat_{catrow.CAT_ID}_f_h" style="display: none;"> 
<tr>
<td class="toprowleft"></td>
<td class="toprow">
<img style="padding-right: 5px; float: right; cursor: pointer;" src="http://img10.xooimage.com/files/a/c/c/maximise-176fb0.gif" onclick="javascript:ShowHide('cat_{catrow.CAT_ID}_f','cat_{catrow.CAT_ID}_f_h','cat_{catrow.CAT_ID}_f');" alt="Show">
    <span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></td>
<td class="toprowright"></td>
</tr>
 </tbody>

 <tbody id="cat_{catrow.CAT_ID}_f">
<script type="text/javascript">
<!--
tmp = 'cat_{catrow.CAT_ID}_f';
if(GetCookie(tmp) == '2')
{
   ShowHide('cat_{catrow.CAT_ID}_f', 'cat_{catrow.CAT_ID}_f_h', 'cat_{catrow.CAT_ID}_f');
}
//-->
</script>
  <tr>
<td class="toprowleft"></td>
    <td class="toprow">
    <img style="padding-right: 5px; float: right; cursor: pointer;" src="http://img4.xooimage.com/files/a/0/8/minimise-176fb7.gif" onclick="javascript:ShowHide('cat_{catrow.CAT_ID}_f','cat_{catrow.CAT_ID}_f_h','cat_{catrow.CAT_ID}_f');" alt="Hide">
    <span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></td>
<td class="toprowright"></td>
  </tr>

</table>
<table class="table" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="catrow" colspan="2">{L_FORUM}</td>
<td class="catrow">{L_TOPICS}</td>
<td class="catrow">{L_POSTS}</td>
<td class="catrow" nowrap>{L_LASTPOST}</td>
</tr>
<!-- BEGIN forumrow -->
<tr>
<td class="row2top">
<img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1top" width="100%">
<a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />
<span class="small">{catrow.forumrow.FORUM_DESC}</span>
</td>
<td class="row2top" align="center">
{catrow.forumrow.TOPICS}
</td>
<td class="row1top" align="center">
{catrow.forumrow.POSTS}
</td>
<td class="row2top" nowrap align="right" width="155">
<span class="small">{catrow.forumrow.LAST_POST}</span>
</td>
</tr>
<tr>
<td class="spacer" colspan="5"></td>
</tr> </tbody>
<!-- END forumrow -->
</table>
<table class="table" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="footrowleft"></td>
<td class="footrow">.</td>
<td class="footrowright"></td>
</tr>
</table><br />
<!-- END catrow -->
<table class="table" cellspacing="0" border="0" cellpadding="2">
<tr> 
<td align="left" class="small"><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></td>
<td align="right" class="small">{S_TIMEZONE}</td>
</tr>
</table><br />
<table class="table" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="catrow">Statistics</td>
</tr>
<tr>
<td class="spacer"></td>
</tr>
<tr>
<td class="row2top">
<span class="small">{TOTAL_POSTS}<br />{TOTAL_USERS}<br />{NEWEST_USER}</span>
</td>
</tr>
<tr>
<td class="catrow"><a href="{U_VIEWONLINE}" class="catlink">{L_WHO_IS_ONLINE}</a></td>
</tr>
<tr>
<td class="row2">
<span class="small">{TOTAL_USERS_ONLINE} &nbsp; [ <b>{L_WHOSONLINE_ADMIN}</b> ] &nbsp; [ <b>{L_WHOSONLINE_MOD}</b> ]<br />{RECORD_USERS}</span>
</td>
</tr>
<tr>
<td class="spacer"></td>
</tr>
<tr>
<td class="row1">
{LOGGED_IN_USER_LIST}
</td>
</tr>
</table>
<table class="table" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="footrowleft"></td>
<td class="footrow">.</td>
<td class="footrowright"></td>
</tr>
</table><br />
<!-- BEGIN switch_user_logged_out -->
<table class="table" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="toprowleft"></td>
<td class="toprow">{L_LOGIN_LOGOUT}</td>
<td class="toprowright"></td>
</tr>
</table>
<table class="table" border="0" cellspacing="0" cellpadding="0">
<tr>
<form method="post" action="{S_LOGIN_ACTION}">
<td class="row2" align="center">
<span class="small">{L_USERNAME}: <input class="smallinput" type="text" name="username" size="10" /> {L_PASSWORD}: <input class="smallinput" type="password" name="password" size="10" /> <input class="smallinput" type="submit" name="login" value="{L_LOGIN}" /></span>
</td>
</form>
</tr>
<tr>
<td class="spacer">
</td>
</tr>
</table>
<!-- END switch_user_logged_out -->
<br />
<table cellspacing="3" border="0" align="center" cellpadding="0">
<tr> 
<td width="20" align="center"><img src="http://img6.xooimage.com/files/0/c/8/folder_new_big-9046e.gif" alt="{L_NEW_POSTS}"/></td>
<td>{L_NEW_POSTS}</td>
<td>&nbsp;&nbsp;</td>
<td width="20" align="center"><img src="http://img10.xooimage.com/files/3/8/5/folder_big-9046d.gif" alt="{L_NO_NEW_POSTS}" /></td>
<td>{L_NO_NEW_POSTS}</td>
<td>&nbsp;&nbsp;</td>
<td width="20" align="center"><img src="http://img8.xooimage.com/files/b/7/4/folder_locked_big-9046f.gif" alt="{L_FORUM_LOCKED}" /></td>
<td>{L_FORUM_LOCKED}</td>
</tr>
</table>




Code: Sélectionner - Agrandir



<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{SITENAME} .:. {PAGE_TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="google-site-verification" content="9dKH-uFC-xKjWRumjSfZPZFxlT_CL2dcQfetyHY-tdk" />
{META}
{NAV_LINKS}
<link href="http://img6.xooimage.com/files/8/7/9/bluegreen-193f50d.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
 if ( {PRIVATE_MESSAGE_NEW_FLAG} )
 {
  window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
 }
//-->
</script>
<!-- END switch_enable_pm_popup -->
<script type="text/javascript">
var PreloadFlag = false;
var expDays = 90;
var exp = new Date();
var tmp = '';
var tmp_counter = 0;
var tmp_open = 0;

exp.setTime(exp.getTime() + (expDays*24*60*60*1000));

function SetCookie(name, value)
{
   var argv = SetCookie.arguments;
   var argc = SetCookie.arguments.length;
   var expires = (argc > 2) ? argv[2] : null;
   var path = (argc > 3) ? argv[3] : null;
   var domain = (argc > 4) ? argv[4] : null;
   var secure = (argc > 5) ? argv[5] : false;
   document.cookie = name + "=" + escape(value) +
      ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
      ((path == null) ? "" : ("; path=" + path)) +
      ((domain == null) ? "" : ("; domain=" + domain)) +
      ((secure == true) ? "; secure" : "");
}

function getCookieVal(offset)
{
   var endstr = document.cookie.indexOf(";",offset);
   if (endstr == -1)
   {
      endstr = document.cookie.length;
   }
   return unescape(document.cookie.substring(offset, endstr));
}

function GetCookie(name)
{
   var arg = name + "=";
   var alen = arg.length;
   var clen = document.cookie.length;
   var i = 0;
   while (i < clen)
   {
      var j = i + alen;
      if (document.cookie.substring(i, j) == arg)
      {
         return getCookieVal(j);
      }
      i = document.cookie.indexOf(" ", i) + 1;
      if (i == 0)
      {
         break;
      }
   }
   return null;
}

function ShowHide(id1, id2, id3)
{
   var res = expMenu(id1);
   if (id2 != '')
   {
      expMenu(id2);
   }
   if (id3 != '')
   {
      SetCookie(id3, res, exp);
   }
}

function expMenu(id)
{
   var itm = null;
   if (document.getElementById)
   {
      itm = document.getElementById(id);
   }
   else if (document.all)
   {
      itm = document.all[id];
   }
   else if (document.layers)
   {
      itm = document.layers[id];
   }
   if (!itm)
   {
      // do nothing
   }
   else if (itm.style)
   {
      if (itm.style.display == "none")
      {
         itm.style.display = "";
         return 1;
      }
      else
      {
         itm.style.display = "none";
         return 2;
      }
   }
   else
   {
      itm.visibility = "show";
      return 1;
   }
}
</script>
</head>
<body bgcolor="#7D9A7C" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
  <tr> 
    <td height="76" colspan="2" background="http://img9.xooimage.com/files/6/5/2/header-texturemilieu3-34b1912.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr> 
          <td valign="top"><a href="{U_INDEX}"><img src="http://img7.xooimage.com/files/d/b/3/cw-header-logo-34b17de.jpg" border="0"></a></td>
          <td align="right"><img src="http://img7.xooimage.com/files/3/b/f/cw-header-right02-34b17b9.jpg" ></td>
        </tr>
      </table></td>
  </tr>
  <tr> 
    <td height="22" colspan="2" background="http://img10.xooimage.com/files/7/1/3/descbar_bg-9049a.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr> 
          <td><img src="http://img9.xooimage.com/files/9/7/7/cw-header-left-34b174d.jpg" ></td>
          <td width="100%" align="center" class="smallleft">{SITE_DESCRIPTION}</td>
          <td align="right"><img src="http://img10.xooimage.com/files/c/1/e/descbar_r-9049c.gif" ></td>
        </tr>
      </table></td>
  </tr>
  <tr> 
    <td width="135" valign="top" background="http://img2.xooimage.com/files/b/a/2/leftbar_under_bg-9049d.gif" bgcolor="#FFFFFF"><img src="http://img9.xooimage.com/files/e/5/e/cw-header-litbar-34c7806.jpg" >
      <table width="135" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td background="http://img4.xooimage.com/files/1/5/2/leftbar_bg-9049f.gif"><img src="http://img7.xooimage.com/files/b/a/d/leftbar_navigate-904a0.gif" ><br>
            <img src="http://img1.xooimage.com/files/d/f/3/_-2f2a.gif" ></td>
        </tr>
        <tr>
          <td valign="top" background="http://img4.xooimage.com/files/1/5/2/leftbar_bg-9049f.gif">
<table width="100%" border="0" cellspacing="0" cellpadding="5">
              <tr>
               <td valign="top">
                  <img src="http://img8.xooimage.com/files/b/e/f/leftbar_bullet-904a1.gif" align="absmiddle"> 
                  <a href="{U_PORTAL}" class="smallleft"> <b> <font face="Calligraph421 BT"> <font size=2> <font color="#3366cc"> {L_PORTAL} </font> </font> </font> </a><br>
                  <img src="http://img8.xooimage.com/files/b/e/f/leftbar_bullet-904a1.gif" align="absmiddle"> 
                  <a href="{U_FAQ}" class="smallleft"> <font face="Calligraph421 BT"> <font size=2> <font color="#3366cc"> {L_FAQ} </font> </font> </font> </a> <br> 
                  <img src="http://img8.xooimage.com/files/b/e/f/leftbar_bullet-904a1.gif" align="absmiddle"> 
                  <a href="{U_SEARCH}" class="smallleft"> <font face="Calligraph421 BT"> <font size=2> <font color="#3366cc"> {L_SEARCH} </font> </font> </font> </a><br>
                  <img src="http://img8.xooimage.com/files/b/e/f/leftbar_bullet-904a1.gif" align="absmiddle"> 
                  <a href="{U_MEMBERLIST}" class="smallleft"> <font face="Calligraph421 BT"> <font size=2> <font color="#3366cc"> {L_MEMBERLIST} </font> </font> </font> </a><br>
                  <img src="http://img8.xooimage.com/files/b/e/f/leftbar_bullet-904a1.gif" align="absmiddle"> 
                  <a href="{U_GROUP_CP}" class="smallleft"> <font face="Calligraph421 BT"> <font size=2> <font color="#3366cc"> {L_USERGROUPS} </font> </font> </font> </a><br>
                  <img src="http://img8.xooimage.com/files/b/e/f/leftbar_bullet-904a1.gif" align="absmiddle"> 
                  <a href="{U_PROFILE}" class="smallleft"> <font face="Calligraph421 BT"> <font size=2> <font color="#3366cc"> {L_PROFILE} </font> </font> </font> </a><br>
                  <img src="http://img8.xooimage.com/files/b/e/f/leftbar_bullet-904a1.gif" align="absmiddle"> 
                  <a href="{U_REGISTER}" class="smallleft"> <font face="Calligraph421 BT"> <font size=2> <font color="#3366cc"> {L_REGISTER} </font> </font> </font> </a><br>
                  <img src="http://img8.xooimage.com/files/b/e/f/leftbar_bullet-904a1.gif" align="absmiddle"> 
                  <a href="{U_PRIVATEMSGS}" class="smallleft"> <font face="Calligraph421 BT"> <font size=2> <font color="#3366cc"> {L_PRIVATEMSGS} </font> </font> </font> </a><br><br>
                  <img src="http://img8.xooimage.com/files/b/e/f/leftbar_bullet-904a1.gif" align="absmiddle">
                  <a href="{U_LOGIN_LOGOUT}" class="smallleft">  <font color="#3366cc"> {L_LOGIN_LOGOUT} </font></a><br><br>
                  <img src="http://img5.xooimage.com/files/3/7/5/leftbar_divider-904a2.gif" ><br><br>
                </td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td background="http://img4.xooimage.com/files/1/5/2/leftbar_bg-9049f.gif"><img src="http://img7.xooimage.com/files/d/c/6/leftbar_foot-904a3.gif" ></td>
        </tr>
      </table></td>
    <td width="100%" align="left" valign="top" bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="5">
        <tr>
          <td>




Cool Un grand merci d'avance, gang.


Forum
Author Message
danjnek
Membre


Offline
Membre

Joined: 29 May 2012
Posts: 2
Niveau:
Point(s): 2
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Vierge (24aoû-22sep) 蛇 Serpent

PostPosted: Sat 9 Jun 2012 - 06:42    Post subject: [Tuto] Cacher/Montrer les catégories Reply with quote

Cool Hello hello. C'est un peu moins urgent et je pourrais m'en passer, mais mon cas est toujours d'actualité.
Je re-sollicite votre aide.
Et voici une mise à jour d'où en est mon index body et mon overall-header pour que vous puissiez m'aider.
J'y ai enlevé ma tentative de ce tuto, donc c'est tout frais, gâtez-vous. Old Mr Green

Mon site web: http://celestworld.afterlife.xooit.fr/index.php
Le thème qui m'a servit de gabarie: BlueGreen
Voilà les templates impliqués, je crois. Corrigez-moi sinon :


Pour cacher/montrer les catégories de ce [TUTO]


Code: Sélectionner - Agrandir
<div class="imagefixe">
<img src="http://img84.xooimage.com/files/a/a/f/im-fixe-cw3-3523eed.png" height="122" width="255" >
</div>

<table class="table" border="0" cellpadding="5" cellspacing="0">
<tr>
<td width="60">
<script type="text/javascript" src="http://www.service-gratuit-fr.com/horloges.php?id=289189&w=50&h=50"></script><noscript><a href="http://www.service-gratuit-fr.com" target="_blank">Horloge en Flash</a></noscript>
</td>
<td class="small" align="left" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
{LAST_VISIT_DATE}<br />
<!-- END switch_user_logged_in -->
{CURRENT_TIME}<br />
<a href="{U_INDEX}">{L_INDEX}</a></span>
</td>
<td class="small" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br /><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
<a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<table class="table" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="toprowleft"></td>
<td class="toprow">{L_LOGIN_LOGOUT}</td>
<td class="toprowright"></td>
</tr>
</table>
<table class="table" border="0" cellspacing="0" cellpadding="0">
<tr>
<form method="post" action="{S_LOGIN_ACTION}">
<td class="row2" align="center">
<span class="small">{L_USERNAME}: <input class="smallinput" type="text" name="username" size="10" /> {L_PASSWORD}: <input class="smallinput" type="password" name="password" size="10" /> <input class="smallinput" type="submit" name="login" value="{L_LOGIN}" /></span> {L_AUTO_LOGIN}: <input type="checkbox" name="autologin" />
</td>
</form>
</tr>
<tr>
<td class="spacer">
</td>
</tr>
</table>
<!-- END switch_user_logged_out -->
</td>
</tr>
</table>
<!-- BEGIN catrow -->
</br>
<table class="table" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="toprowleft"></td>
<td class="toprow"><a href="{catrow.U_VIEWCAT}">{catrow.CAT_DESC}</a></td>
<td class="toprowright"></td>
</tr>
</table>
<table class="table" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="catrow" colspan="2"></td>
<td class="catrow">{L_TOPICS}</td>
<td class="catrow">{L_POSTS}</td>
<td class="catrow" nowrap >{L_LASTPOST}</td>
</tr>
<!-- BEGIN forumrow -->
<tr>
<td class="row2top">
<img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1top" width="70%">
<a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />
<i> <span class="small" wrap > <p align="left"> {catrow.forumrow.FORUM_DESC} </p> </span> </i>
</td>
<td class="row2top" align="center">
{catrow.forumrow.TOPICS}
</td>
<td class="row1top" align="center">
{catrow.forumrow.POSTS}
</td>
<td class="row2top" wrap align="center" width="250">
<span class="small" wrap > {catrow.forumrow.LAST_POST} </span>
</td>
</tr>
<tr>
<td class="spacer" colspan="5"></td>
</tr>
<!-- END forumrow -->
</table>
<table class="table" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="footrowleft"></td>
<td class="footrow">.</td>
<td class="footrowright"></td>
</tr>
</table><br />
<!-- END catrow -->
<table class="table" cellspacing="0" border="0" cellpadding="2">
<tr>
<td align="left" class="small"><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></td>
<td align="right" class="small">{S_TIMEZONE}</td>
</tr>
</table><br />
<table class="table" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="catrow">Statistics</td>
</tr>
<tr>
<td class="spacer"></td>
</tr>
<tr>
<td class="row2top">
<span class="small">{TOTAL_POSTS}<br />{TOTAL_USERS}<br />{NEWEST_USER}</span>
</td>
</tr>
<tr>
<td class="catrow"><a href="{U_VIEWONLINE}" class="catlink">{L_WHO_IS_ONLINE}</a></td>
</tr>
<tr>
<td class="row2">
<span class="small">{TOTAL_USERS_ONLINE} &nbsp; [ <b>{L_WHOSONLINE_ADMIN}</b> ] &nbsp; [ <b>{L_WHOSONLINE_MOD}</b> ]<br />{RECORD_USERS}</span>
</td>
</tr>
<tr>
<td class="spacer"></td>
</tr>
<tr>
<td class="row1">
{LOGGED_IN_USER_LIST}
</td>
</tr>
</table>
<table class="table" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="footrowleft"></td>
<td class="footrow">.</td>
<td class="footrowright"></td>
</tr>
</table><br />
<!-- BEGIN switch_user_logged_out -->
<table class="table" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="toprowleft"></td>
<td class="toprow">{L_LOGIN_LOGOUT}</td>
<td class="toprowright"></td>
</tr>
</table>
<table class="table" border="0" cellspacing="0" cellpadding="0">
<tr>
<form method="post" action="{S_LOGIN_ACTION}">
<td class="row2" align="center">
<span class="small">{L_USERNAME}: <input class="smallinput" type="text" name="username" size="10" /> {L_PASSWORD}: <input class="smallinput" type="password" name="password" size="10" /> <input class="smallinput" type="submit" name="login" value="{L_LOGIN}" /></span>
</td>
</form>
</tr>
<tr>
<td class="spacer">
</td>
</tr>
</table>
<!-- END switch_user_logged_out -->
<br />
<table cellspacing="3" border="0" align="center" cellpadding="0">
<tr>
<td width="20" align="center"><img src="http://img6.xooimage.com/files/0/c/8/folder_new_big-9046e.gif" alt="{L_NEW_POSTS}"/></td>
<td>{L_NEW_POSTS}</td>
<td>&nbsp;&nbsp;</td>
<td width="20" align="center"><img src="http://img10.xooimage.com/files/3/8/5/folder_big-9046d.gif" alt="{L_NO_NEW_POSTS}" /></td>
<td>{L_NO_NEW_POSTS}</td>
<td>&nbsp;&nbsp;</td>
<td width="20" align="center"><img src="http://img8.xooimage.com/files/b/7/4/folder_locked_big-9046f.gif" alt="{L_FORUM_LOCKED}" /></td>
<td>{L_FORUM_LOCKED}</td>
</tr>
</table>



Code: Sélectionner - Agrandir
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{SITENAME} .:. {PAGE_TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="google-site-verification" content="9dKH-uFC-xKjWRumjSfZPZFxlT_CL2dcQfetyHY-tdk" />
{META}
{NAV_LINKS}
<link href="http://img9.xooimage.com/files/3/8/2/bluegreen-3501c96.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
   if ( {PRIVATE_MESSAGE_NEW_FLAG} )
   {
      window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
   }
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body bgcolor="#7D9A7C" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td height="76" colspan="2" background="http://img9.xooimage.com/files/6/5/2/header-texturemilieu3-34b1912.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td valign="top"><a href="{U_INDEX}"><img src="http://img7.xooimage.com/files/d/b/3/cw-header-logo-34b17de.jpg" border="0"></a></td>
          <td align="right"><img src="http://img7.xooimage.com/files/7/6/6/cw-header-right03-35242d2.jpg" ></td>
        </tr>
      </table></td>
  </tr>
  <tr>
    <td height="22" colspan="2" background="http://img10.xooimage.com/files/7/1/3/descbar_bg-9049a.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td><img src="http://img9.xooimage.com/files/9/7/7/cw-header-left-34b174d.jpg" ></td>
          <td width="100%" align="center" class="smallleft">{SITE_DESCRIPTION}</td>
          <td align="right"><img src="http://img10.xooimage.com/files/c/1/e/descbar_r-9049c.gif" ></td>
        </tr>
      </table></td>
  </tr>
  <tr>
    <td width="135" valign="top" background="http://img2.xooimage.com/files/b/a/2/leftbar_under_bg-9049d.gif" bgcolor="#FFFFFF"><img src="http://img9.xooimage.com/files/e/5/e/cw-header-litbar-34c7806.jpg" >
      <table width="135" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td background="http://img4.xooimage.com/files/1/5/2/leftbar_bg-9049f.gif"><img src="http://img7.xooimage.com/files/b/a/d/leftbar_navigate-904a0.gif" ><br>
            <img src="http://img1.xooimage.com/files/d/f/3/_-2f2a.gif" ></td>
        </tr>
        <tr>
          <td valign="top" background="http://img4.xooimage.com/files/1/5/2/leftbar_bg-9049f.gif">
<table width="100%" border="0" cellspacing="0" cellpadding="5">
              <tr>
               <td valign="top">
                  <img src="http://img8.xooimage.com/files/b/e/f/leftbar_bullet-904a1.gif" align="absmiddle">
                  <a href="{U_PORTAL}" class="smallleft"> <b> <font face="Calligraph421 BT"> <font size=2> <font color="#3366cc"> {L_PORTAL} </font> </font> </font> </a><br>
                  <img src="http://img8.xooimage.com/files/b/e/f/leftbar_bullet-904a1.gif" align="absmiddle">
                  <a href="{U_FAQ}" class="smallleft"> <font face="Calligraph421 BT"> <font size=2> <font color="#3366cc"> {L_FAQ} </font> </font> </font> </a> <br>
                  <img src="http://img8.xooimage.com/files/b/e/f/leftbar_bullet-904a1.gif" align="absmiddle">
                  <a href="{U_SEARCH}" class="smallleft"> <font face="Calligraph421 BT"> <font size=2> <font color="#3366cc"> {L_SEARCH} </font> </font> </font> </a><br>
                  <img src="http://img8.xooimage.com/files/b/e/f/leftbar_bullet-904a1.gif" align="absmiddle">
                  <a href="{U_MEMBERLIST}" class="smallleft"> <font face="Calligraph421 BT"> <font size=2> <font color="#3366cc"> {L_MEMBERLIST} </font> </font> </font> </a><br>
                  <img src="http://img8.xooimage.com/files/b/e/f/leftbar_bullet-904a1.gif" align="absmiddle">
                  <a href="{U_GROUP_CP}" class="smallleft"> <font face="Calligraph421 BT"> <font size=2> <font color="#3366cc"> {L_USERGROUPS} </font> </font> </font> </a><br>
                  <img src="http://img8.xooimage.com/files/b/e/f/leftbar_bullet-904a1.gif" align="absmiddle">
                  <a href="{U_PROFILE}" class="smallleft"> <font face="Calligraph421 BT"> <font size=2> <font color="#3366cc"> {L_PROFILE} </font> </font> </font> </a><br>
                  <img src="http://img8.xooimage.com/files/b/e/f/leftbar_bullet-904a1.gif" align="absmiddle">
                  <a href="{U_REGISTER}" class="smallleft"> <font face="Calligraph421 BT"> <font size=2> <font color="#3366cc"> {L_REGISTER} </font> </font> </font> </a><br>
                  <img src="http://img8.xooimage.com/files/b/e/f/leftbar_bullet-904a1.gif" align="absmiddle">
                  <a href="{U_PRIVATEMSGS}" class="smallleft"> <font face="Calligraph421 BT"> <font size=2> <font color="#3366cc"> {L_PRIVATEMSGS} </font> </font> </font> </a><br><br>
                  <img src="http://img8.xooimage.com/files/b/e/f/leftbar_bullet-904a1.gif" align="absmiddle">
                  <a href="{U_LOGIN_LOGOUT}" class="smallleft">  <font color="#3366cc"> {L_LOGIN_LOGOUT} </font></a><br><br>
                  <img src="http://img5.xooimage.com/files/3/7/5/leftbar_divider-904a2.gif" ><br><br>
                </td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td background="http://img4.xooimage.com/files/1/5/2/leftbar_bg-9049f.gif"><img src="http://img7.xooimage.com/files/d/c/6/leftbar_foot-904a3.gif" ></td>
        </tr>
      </table></td>
    <td width="100%" align="left" valign="top" bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="5">
        <tr>
          <td>

Very Happy


Forum
Author Message
satonish
Membre


Offline
Membre

Joined: 26 Oct 2012
Posts: 2
Niveau:
Point(s): 2
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Verseau (20jan-19fev) 蛇 Serpent

PostPosted: Mon 29 Oct 2012 - 01:20    Post subject: [Tuto] Cacher/Montrer les catégories Reply with quote

bonjour, je n'ai pas eu le temps de tout regarder, mais que devons nous faire pour adapter ce tuto au "qui est en ligne?"

theme: softgreen


Forum
Author Message
RotorMan
Contributeurs


Offline
Contributeurs

Joined: 21 Dec 2006
Posts: 385
Niveau:
Point(s): 366
Moyenne: 0.95
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Bélier (21mar-19avr) 龍 Dragon

PostPosted: Mon 29 Oct 2012 - 14:14    Post subject: [Tuto] Cacher/Montrer les catégories Reply with quote

Bonjour,

Cela peut se faire avec un petit script que l'on met juste avant ce que l'on veut cacher :

Code: Sélectionner - Agrandir

<script language="javascript" type="text/javascript">
<!--
 hideBBCode.open('<center>Qui est en ligne</center>');
//-->
</script> 

Puis ceci juste après ce que l'on veut cacher :

Code: Sélectionner - Agrandir

<script language="javascript1.2" type="text/javascript">
<!--
 hideBBCode.close();
//-->
</script> 

Cordialement
_______________________
Je ne répond plus aux demandes d'aide par MP. Le forum d'entraide est fait pour cela.
La lecture du règlement est obligatoire
50 balais mais 30 dans ma tête.


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 13:44    Post subject: [Tuto] Cacher/Montrer les catégories

Display posts from previous:   
Reply to topic Page 16 of 20 Goto page: <  1, 2, 315, 16, 17, 18, 19, 20  >




Portal | Index | Administration Panel | Create a forum | Free support forum | Free forums directory | Report a violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group |
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401