Image en haut et en bas de la catégorie
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Image en haut et en bas de la catégorie
Bonjour, Je viens ici car j'ai besoin d'aide pour mettre mes images en haut et en bas des catégories. J'ai lu ce sujet : https://forum.forumactif.com/t328098-mettre-des-images-en-haut-et-bas-de-chaques-categories
Seulement que moi, mon index box est modifié, j'ai des onglets de catégories que vous pouvez voir ici : http://apple-test.forumsactifs.com/
En cliquant dessus vous verrez =)
Voilà donc j'aimerai que quelqu'un m'aide à placer le code dans mon index box, le voici :
Car quand j'ai essayé, ça a tout fais bugué =/
Merci bien ^^
Seulement que moi, mon index box est modifié, j'ai des onglets de catégories que vous pouvez voir ici : http://apple-test.forumsactifs.com/
En cliquant dessus vous verrez =)
Voilà donc j'aimerai que quelqu'un m'aide à placer le code dans mon index box, le voici :
- Spoiler:
- Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">{LAST_VISIT_DATE}<br>
{CURRENT_TIME}
</span>
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br>
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br>
<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>
<div id="conteneur_onglets">
<center><table><tr>
<td class="onglet"><div><img src="http://i41.servimg.com/u/f41/16/11/46/37/incipi11.png" /></div></td>
<td class="onglet"><div><img src="http://i41.servimg.com/u/f41/14/11/46/51/contin10.png" /></div></td>
<td class="onglet"><div><img src="http://i41.servimg.com/u/f41/16/11/46/37/midgar12.png" /></div></td>
<td class="onglet"><div><img src="http://i41.servimg.com/u/f41/16/11/46/37/contin11.png" /></div></td>
<td class="onglet"><div><img src="http://i41.servimg.com/u/f41/16/11/46/37/contin14.png" /></div></td>
<td class="onglet"><div><img src="http://i41.servimg.com/u/f41/16/11/46/37/iles_d12.png" /></div></td>
<td class="onglet"><div><img src="http://i41.servimg.com/u/f41/16/11/46/37/excipi11.png" /></div></td>
</tr></table></center>
</div>
<div id="conteneur_categories">
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div class="categorie"><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
<th nowrap="nowrap" width="150"><div style="width:150px;"></div></th>
</tr>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle"><br>
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</span>
</h{catrow.forumrow.LEVEL}></td></tr></tbody></table>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>
<td class="row3 over" align="center" valign="middle" height="50"><br>
<div class="cadre1">{catrow.forumrow.POSTS} messages • {catrow.forumrow.TOPICS} sujets<br>
<span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
</td>
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /></div>
<!-- END catrow --><!-- END tablefoot -->
</div>
Car quand j'ai essayé, ça a tout fais bugué =/
Merci bien ^^
Dernière édition par Rikku-Chan le Sam 28 Juil 2012, 10:06, édité 1 fois
Re: Image en haut et en bas de la catégorie
Bonjour,
Alors commençons par aller dans votre template (index_body)
recherchez ce code:
Remplacez le par celui-ci:
Ensuite recherchez ce code:
et remplace le par celui-ci:
Voilà !
Si tu met bien le lien de tes image dans le code et tu fait ce que je tes dit tout devrait être bon !
Alors commençons par aller dans votre template (index_body)
recherchez ce code:
- Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div class="categorie"><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
Remplacez le par celui-ci:
- Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td><img src="URL DE L'IMAGE DU HAUT" /></td></tr></table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
Ensuite recherchez ce code:
- Code:
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /></div>
<!-- END catrow --><!-- END tablefoot -->
et remplace le par celui-ci:
- Code:
<!-- BEGIN tablefoot -->
</table><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td><img src="URL DE L'IMAGE DU BAS" /></td></tr></table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
Voilà !
Si tu met bien le lien de tes image dans le code et tu fait ce que je tes dit tout devrait être bon !
Re: Image en haut et en bas de la catégorie
Bonjour =D
Alors comme vous avez dis dans le template index body, je suis aller chercher ce que vous me demandez mais je ne l'ai pas trouvé =/
Alors du coup j'ai pensé que c'était celui de index box, donc j'ai fais les modifications que vous m'aviez dites mais voici ce que cela donne : https://i.servimg.com/u/f41/14/11/46/51/captur12.jpg
Comme vous voyez, j'ai des onglets pour diminuer le nombre de catégories sur la page (je vous ai montré par une flèche rouge sur la capture ^^) et du coup, quand je vais sur le forum, ça me met un petit message "vous ne pouvez pas accéder à cette catégorie" et les catégories ne sont plus donc en onglet mais sont une à la suite de l'autre ce qui fais très long =/
Comme vous avez pu voir, dans mon index box, dans la première modification pour le haut de l'image, il y a "<div class="categorie">" qu'il ne faut pas enlever car c'est pour mes onglets de catégories =/
Mon index box et mon index body sont modifiés, donc je vais vous donner mon index box et body pour que ce soit plus simple :
Index box :
Voici mon index body :
Merci bien ^^
Alors comme vous avez dis dans le template index body, je suis aller chercher ce que vous me demandez mais je ne l'ai pas trouvé =/
Alors du coup j'ai pensé que c'était celui de index box, donc j'ai fais les modifications que vous m'aviez dites mais voici ce que cela donne : https://i.servimg.com/u/f41/14/11/46/51/captur12.jpg
Comme vous voyez, j'ai des onglets pour diminuer le nombre de catégories sur la page (je vous ai montré par une flèche rouge sur la capture ^^) et du coup, quand je vais sur le forum, ça me met un petit message "vous ne pouvez pas accéder à cette catégorie" et les catégories ne sont plus donc en onglet mais sont une à la suite de l'autre ce qui fais très long =/
Comme vous avez pu voir, dans mon index box, dans la première modification pour le haut de l'image, il y a "<div class="categorie">" qu'il ne faut pas enlever car c'est pour mes onglets de catégories =/
Mon index box et mon index body sont modifiés, donc je vais vous donner mon index box et body pour que ce soit plus simple :
Index box :
- Spoiler:
- Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">{LAST_VISIT_DATE}<br>
{CURRENT_TIME}
</span>
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br>
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br>
<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>
<div id="conteneur_onglets">
<center><table><tr>
<td class="onglet"><div><img src="http://i41.servimg.com/u/f41/16/11/46/37/incipi11.png" /></div></td>
<td class="onglet"><div><img src="http://i41.servimg.com/u/f41/14/11/46/51/contin10.png" /></div></td>
<td class="onglet"><div><img src="http://i41.servimg.com/u/f41/16/11/46/37/midgar12.png" /></div></td>
<td class="onglet"><div><img src="http://i41.servimg.com/u/f41/16/11/46/37/contin11.png" /></div></td>
<td class="onglet"><div><img src="http://i41.servimg.com/u/f41/16/11/46/37/contin14.png" /></div></td>
<td class="onglet"><div><img src="http://i41.servimg.com/u/f41/16/11/46/37/iles_d12.png" /></div></td>
<td class="onglet"><div><img src="http://i41.servimg.com/u/f41/16/11/46/37/excipi11.png" /></div></td>
</tr></table></center>
</div>
<div id="conteneur_categories">
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div class="categorie"><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
<th nowrap="nowrap" width="150"><div style="width:150px;"></div></th>
</tr>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle"><br>
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</span>
</h{catrow.forumrow.LEVEL}></td></tr></tbody></table>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>
<td class="row3 over" align="center" valign="middle" height="50"><br>
<div class="cadre1">{catrow.forumrow.POSTS} messages • {catrow.forumrow.TOPICS} sujets<br>
<span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
</td>
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /></div>
<!-- END catrow --><!-- END tablefoot -->
</div>
Voici mon index body :
- Spoiler:
- Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- BEGIN message_admin_titre -->
<tr>
<td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
</tr>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<tr>
<td class="row1" rowspan="3" align="center" valign="middle">
<div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
</td>
</tr>
<!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<!-- BEGIN switch_fb_connect_no -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td class="row1" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect_no -->
<!-- BEGIN switch_fb_connect -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td valign="top" width="100%" class="row1" align="center">
<table width="100%">
<tr>
<td width="55%" valign="middle" align="right">
<table class="right">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
<td width="10%" align="center" valign="middle">
<span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
</td>
<td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->
{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" valign="top">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_delete_cookies -->
<br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
<!-- END switch_delete_cookies -->
</span>
</td>
<td width="50%" align="right">
<span class="gensmall">
<a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
<a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
<a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
<!-- BEGIN switch_on_index -->
<!-- BEGIN switch_delete_cookies -->
<br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
<!-- END switch_delete_cookies -->
<!-- END switch_on_index -->
</span>
</td>
</tr>
</table>
<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<!-- BEGIN switch_fb_connect_no -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td class="row1" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect_no -->
<!-- BEGIN switch_fb_connect -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td valign="top" width="100%" class="row1" align="center">
<table width="100%">
<tr>
<td width="55%" valign="middle">
<table class="right">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
<td width="10%" align="center" valign="middle">
<span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
</td>
<td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="catHead" colspan="2" height="28">
<!-- BEGIN switch_viewonline_link -->
<span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
<span class="cattitle">{L_WHO_IS_ONLINE}</span>
<!-- END switch_viewonline_nolink -->
</td>
</tr>
<tr>
<td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
<td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
{TOTAL_USERS}<br />
{NEWEST_USER}</span></td>
</tr>
<tr>
<td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}<br />
<br />
{LOGGED_IN_USER_LIST}</span></td>
</tr>
{L_CONNECTED_MEMBERS}
{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}
<tr>
<td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
</tr>
<!-- BEGIN switch_chatbox_activate -->
<tr>
<td class="row1">
<span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}<br />
<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
//<![CDATA[
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
//]]>
</script>
<!-- END switch_chatbox_popup -->
</span>
</td>
</tr>
<!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
{AUTO_DST}
<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
status: true,
cookie: true,
xfbml: true,
oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
Merci bien ^^
Re: Image en haut et en bas de la catégorie
Bonjour,
Je suis totalement désolé j'ai dit index_body alors que c'est bien index_box.
Par contre, je ne comprend pas a ce que vous voulez arriver. Vous me parler d'onglet et tout mais je ne suis pas capable de vous suivre. Pouvez vous être plus précise ? Ou me l'expliquer autrement ? Désoler
Je suis totalement désolé j'ai dit index_body alors que c'est bien index_box.
Par contre, je ne comprend pas a ce que vous voulez arriver. Vous me parler d'onglet et tout mais je ne suis pas capable de vous suivre. Pouvez vous être plus précise ? Ou me l'expliquer autrement ? Désoler
Re: Image en haut et en bas de la catégorie
Bonjour,
Pas de soucis pour l'index box =D
Ce que je veux vous dire c'est que, comme vous pouvez voir sur la capture, ça ne va pas =/
Il m'envoie un message comme quoi je ne peux pas accéder aux onglets de mes catégories, mes grosses catégories sont l’une à la suite de l'autre alors que normalement c'est une grosse catégorie par onglet que vous pouvez voir =)
Dans les modification vous enlevez "<div class="categorie">" qui se trouve dans la partie pour mettre l'image du haut, mais il ne faut pas l'enlever je pense car ce petit bout de code sert pour mes onglets pour voir mes catégories et utiliser la fonction des onglets pour que pas toutes les catégories sont une à la suite de l'autre =/
Voilà donc comment faire?
Merci bien ^^
Pas de soucis pour l'index box =D
Ce que je veux vous dire c'est que, comme vous pouvez voir sur la capture, ça ne va pas =/
Il m'envoie un message comme quoi je ne peux pas accéder aux onglets de mes catégories, mes grosses catégories sont l’une à la suite de l'autre alors que normalement c'est une grosse catégorie par onglet que vous pouvez voir =)
Dans les modification vous enlevez "<div class="categorie">" qui se trouve dans la partie pour mettre l'image du haut, mais il ne faut pas l'enlever je pense car ce petit bout de code sert pour mes onglets pour voir mes catégories et utiliser la fonction des onglets pour que pas toutes les catégories sont une à la suite de l'autre =/
Voilà donc comment faire?
Merci bien ^^
Re: Image en haut et en bas de la catégorie
UP s'il vous plait ^^
Re: Image en haut et en bas de la catégorie
Bonjour, et totalement désoler de ne pas vous avoir répondu plutôt j'ai louper votre poste ...
Afin que je puisse tester. Pouvez vous me poster la totalité de votre CSS ?
Afin que je puisse tester. Pouvez vous me poster la totalité de votre CSS ?
Re: Image en haut et en bas de la catégorie
Bonsoir, pas de soucis =D
Biensur, le voici, entièrement :
Merci bien =)
Biensur, le voici, entièrement :
- Spoiler:
- Code:
.bodylinewidth {width: 780px !important;}
/* QEEL LOCKER */
#all_qeel{
width: 709px;
margin: 10px auto;
padding: 0;
position: relative;
}
#tfa_qeel_lock{
width: 709px;
height: 259px;
background: url(http://i41.servimg.com/u/f41/14/11/46/51/ru9qhy10.png) no-repeat;
margin: auto;
padding: 0;
border-radius: 9px;
}
/* BLOC DE DROITE */
#block_lockstatt{
width: 300px;
float: right;
margin: 6px 25px 0 0;
padding: 0 5px;
background:#E3E3E3;
border-radius: 9px;
box-shadow: 0 0 3px #000;
opacity: 0.7;
}
#lock_stattdroit{
width: 300px;
margin: 0;
padding: 0;
}
/* CONTENU DU BLOC */
.in_stattdroit{
width: 96%;
margin: 5px auto;
padding: 0;
height: 130px;
overflow-y: auto;
font: 10px Arial;
color: #C72C48;
text-align: justify;
}
/* ---- PARTIE GROUPES ---- */
#groupes_qeel{
width: 706px;
height: 45px;
margin: auto;
padding: 0;
position: relative;
}
.tfa_groupes{
width:100%;
margin: 0;
padding: 0;
position: absolute;
top: 7px;
text-align: center;
}
/* BLOC INFOBULLE GROUPE */
.bul_group{
width: 94px;
float:left;
margin: 3px;
padding: 0;
position: relative;
}
.in_groupe{
background: #791E3A;
border: 0px solid #860049;
width: 86px;
height: 0;
position: relative;
bottom: 0;
left: 4px;
overflow: hidden;
z-index: 20;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius:0 0 10px 10px;
border-radius: 0 0 10px 10px;
opacity: 0;
filter : alpha(opacity=0);
-webkit-transition: all 1.5s ease; /* pour navigateur webkit */
-moz-transition: all 1.5s ease; /* pour navigateur mozilla */
-o-transition: all 1.5s ease; /* pour navigateur opera */
transition: all 1.5s ease; /* pour les navigateurs récents */
}
.bul_group:hover .in_groupe{
height: 60px;
border-width: 1px;
opacity: 0.9;
filter : alpha(opacity=90);
}
.in_groupe span{
display: block;
width: 96%;
margin: 0 auto;
padding: 3px 0 0 0;
text-align: center;
font: 9px Arial;
color: #fff;
}
/* BOUTON GROUPE */
.the_groupe{
display: inline-block;
width: 90px;
height: 22px;
vertical-align: middle;
text-align: center;
font: 15px Arial;
margin: 0;
padding: 2px;
background: #F9A8CD;
border: 1px solid #e7f2f6;
-moz-border-radius: 6px;
-webkit-border-radius:6px;
border-radius: 6px;
box-shadow: 0 0 1px #000;
text-shadow: 0 1px 0 #000;
}
/* ------ BLOC DU BAS ------ */
#bas_block2{
width: 100%;
position: relative;
top: -2px;
margin: 0;
padding: 0;
}
/* BLOC DE GAUCHE(en ligne) */
#bas_block_gauche2{
width: 49%;
float: left;
position: relative;
margin: 0 0 0 1%;
padding: 0;
}
/* BLOC DE DROITE(anniversaires) */
#bas_block_droite2{
width: 49%;
float: right;
position: relative;
margin: 0 1% 0 0;
padding: 0;
}
/* BLOC TRANSITION QEEL */
.bul-q{
position: absolute;
left: 0;
width: 100%;
margin: 0 auto;
padding: 0;
z-index: 3;
}
.in_q_b{
background: #E3E3E3;
border: 1px solid #fff;
border-top: 0;
box-shadow: 0 1px 1px #999999;
position: relative;
height: 0;
overflow: hidden;
color: #C72C48;
-webkit-transition: all 1.2s ease; /* pour navigateur webkit */
-moz-transition: all 1.2s ease; /* pour navigateur mozilla */
-o-transition: all 1.2s ease; /* pour navigateur opera */
transition: all 1.2s ease; /* pour les navigateurs récents */
-moz-border-radius: 0 0 6px 6px;
-webkit-border-radius:0 0 6px 6px;
border-radius: 0 0 6px 6px;
}
.bul_op{
display: block;
position: relative;
width: 150px;
height: 16px;
background: #E3E3E3;
border: 1px solid #fff;
border-top: 0;
box-shadow: 0 1px 1px #999999;
margin: -1px auto 0;
padding: 1px 0 0 0;
font: 12px Arial;
color: #C72C48;
text-shadow: 0 1px 0 #C2D1E0;
text-align: center;
-moz-border-radius: 0 0 6px 6px;
-webkit-border-radius:0 0 6px 6px;
border-radius: 0 0 6px 6px;
}
.bul-q:hover .in_q_b{
height: 70px;
padding: 3px;
}
.haut_b{
width: 98%;
height: 66px;
font: 11px Arial;
margin: auto;
padding: 3px 0;
overflow-y: auto;
}
.haut_b .row1, .haut_b .gensmall, haut_b .row1 .gensmall{
font: 11px Arial;
color: #C72C48;
background: transparent;
border: none;
}
.haut2{
background: url("http://i41.servimg.com/u/f41/16/11/46/37/kap0hq10.png") no-repeat transparent;
height: 200px;
margin: 0 auto;
}
.bas2{
background: url("http://i41.servimg.com/u/f41/16/11/46/37/1eg1rc10.png") no-repeat transparent;
height: 200px;
margin: 0 auto;
}
.navig {
font-family: georgia;
background-color: #D9D9D9;
background-repeat: repeat-x;
background-position: center ;
letter-spacing: -1px;
font-size: 11px;
width : 786px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-topright: 30px;
border-radius-topleft: 30px;
border-radius-topright: 30px;
margin: 0 auto;
}
.navig:hover {
font-family: georgia;
background-color: #D9D9D9;
background-repeat: repeat-x;
background-position: center ;
letter-spacing: -1px;
font-size: 11px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-topright: 30px;
border-radius-topleft: 30px;
border-radius-topright: 30px;
margin: 0 auto;
}
.bodyline { /* GROSSIR LE CADRE AUTOUR DU FORUM */
border-right: 3px solid #D9D9D9;
border-left: 3px solid #D9D9D9;
border-top: 0px solid #D9D9D9;
border-bottom: 0px solid #D9D9D9;
-moz-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
}
a.forumlink { /* personnaliser les titres des catégories */
position: relative;
display:block;
font-family: georgia;
letter-spacing: -1px;
font-size: 15px;
}
a.forumlink:hover {
position: relative;
display:block;
font-family: georgia;
letter-spacing: -1px;
font-size: 15px;
top: 5px;
}
div.info_profil div {
display:none;
}
div.info_profil:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
}
div.info_profil:hover div {
font-style: normal;
font-size: 10px;
color:#576780 !important;
padding: 3px;
display: block;
position: absolute;
top: 170px;
left: 9px;
-moz-border-radius: 7px 7px 7px 7px ;
-webkit-border-radius: 7px 7px 7px 7px ;
border-radius: 7px 7px 7px 7px ;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background-color: #000000;
border: 2px solid #000000;
width:180px;
}
/* CSS pour le conteneur des catÈgories */
#conteneur_categories
{
}
/* CSS pour les catÈgories */
.categorie
{
}
/* CSS pour le conteneur des onglets */
#conteneur_onglets
{
display: none;
}
/* CSS pour les onglets */
.onglet
{
cursor: pointer;
}
/* icone en ligne-hors ligne */
#post_onlin{
background: url('http://i41.servimg.com/u/f41/16/11/46/37/offlin13.png') no-repeat;
position: absolute;
float: left;
width: 20px;
height: 127px;
margin-left: -17px;
margin-top: 40px;
padding: 0;
border: 0;
}
/* début boutons monter descendre */
.top_bottom{
position: fixed;
bottom: 40px;
right: 0px;
background-color:#OFOFOF;
background-image:
-moz-linear-gradient(
top,
rgba(255,255,255,0.25),
rgba(255,255,255,0.05)
);
background-image:
-webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, rgba(255,255,255,0.25)),
color-stop(1, rgba(255,255,255,0.05))
);
border:1px solid #111;
-moz-border-radius: 9px 0px 0px 9px;
-webkit-border-radius: 9px 0px 0px 9px;
border-radius: 9px 0px 0px 9px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
z-index: 999;
padding: 8px;
}
.top_bottom:hover{
-moz-box-shadow: 1px 1px 5px #FFFFFF;
-webkit-box-shadow: 1px 1px 5px #FFFFFF;
box-shadow: 1px 1px 5px #FFFFFF;
}
.haut{width:18px; height:22px; background:url(http://i41.servimg.com/u/f41/16/11/46/37/112.png) no-repeat 0 0;}
.haut:hover{background:url(http://i41.servimg.com/u/f41/16/11/46/37/112.png) no-repeat 0 -22px;}
.bas{width:18px; height:22px; background:url(http://i41.servimg.com/u/f41/16/11/46/37/211.png) no-repeat 0 0;}
.bas:hover{background:url(http://i41.servimg.com/u/f41/16/11/46/37/211.png) no-repeat 0 -22px;}
/* fin boutons monter descendre */
.imgbas2 {
background-image : url("http://i41.servimg.com/u/f41/16/11/46/37/chibi17.png");
background-repeat : no-repeat;
width : 117px;
height : 175px;
position : fixed;
bottom : 0px;
right : 10px;
}
.code { /* personnalisation d'un code */
background-color: #0F0F0F;
border-left: 3px solid #576780;
-moz-border-radius: 17px 0px 0px 0px;
border-radius: 17px 0px 0px 0px;
color: #525252;
padding-left: 1px;
}
.code:hover {
border-left: 3px solid #3F4B5E;
-moz-border-radius: 17px 0px 0px 0px;
border-radius: 17px 0px 0px 0px;
color: #525252;
}
.quote { /* personnalisation d'une citation */
background-color: #0F0F0F;
border-left: 3px #576780 solid;
-moz-border-radius: 17px 0px 0px 0px;
border-radius: 17px 0px 0px 0px;
color: #525252;
}
.quote:hover {
border-left: 3px #3F4B5E solid;
-moz-border-radius: 17px 0px 0px 0px;
border-radius: 17px 0px 0px 0px;
color: #525252;
}
.spoiler_content{ /* personnalisation d'un spoiler */
background-color: #0F0F0F;
border-left: 3px solid #3F4B5E;
border-bottom: 1px solid #3F4B5E;
-moz-border-radius: 17px;
border-radius: 17px;
}
.spoiler_closed{ /* personnalisation d'un spoiler fermé */
background-color: #0F0F0F;
border-left: 3px solid #576780;
-moz-border-radius: 10px;
border-radius: 10px;
}
u {
color: #0F0F0F;
font-family: georgia;
text-decoration: none!important;
}
i {
color: #3F4B5E;
font-family: georgia;
}
.taillepa {
font-size: 11px;
}
tr.post td { /* lister automatiquement tous les messages */
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 0px;
}
.postbody, td.row1 span.gensmall { /* justifier les posts */
text-align: justify !important;
font-size: 11px;
}
.opacitypa { /* opacité restante sur une img */
filter:alpha(opacity=30);
-moz-opacity:0.7;opacity: 0.7;
}
.opacitypa img { /* opacité restante sur une image */
filter:alpha(opacity=30);
-moz-opacity:0.8;opacity: 0.8;
border: 2px solid #576780;
-moz-border-radius: 7px;
border-radius: 7px;
}
a {
text-decoration:none;
}
a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a:active
{
text-decoration: none;
}
a:hover { /* enlever les soulignements des liens */
text-decoration: none !important;
}
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
border-radius-bottomleft:0px;
border-radius-bottomright:0px;
border-radius-topleft:15px;
border-radius-topright:15px;
}
.postdetails.poster-profile a img {
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border: 2px solid #3F4B5E;
padding: 2px;
}
.postdetails.poster-profile a img:hover {
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border: 2px dotted #576780;
padding: 2px;
}
function ejs_nodroit() { alert('Le clic droit est interdit !!!'); return(false); } document.oncontextmenu = ejs_nodroit;
.postdetails.poster-profile a img {
margin: auto;
display: block;
margin-bottom: -10px;
}
.forumlink br{ /* supprimer l'espace entre le titre et la description des catégories */
display:none;
}
.bodyline > table br{ /*supprimer l'espace entre la bannière */
display:none;
}
textarea, .textarea.post, input.post { /* arrondir les coins zones */
-moz-border-radius:10px;
border-radius:10px;
-webkit-border-radius: 10px;
}
table.bodylinewidth { /* supprimer la marge (?) en haut du forum */
position: relative;
top: 0px;
}
.postdetails img { /* redimension automatique de la taille des avatars */
max-width: 200px;
max-height: 300px;
}
.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}
.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}
.cadre {
border: 1px #292929 solid;
}
.cadre:hover {
border: 1px #3F4B5E solid;
}
.titre1 {
color:#3F4B5E;
}
.titre2 {
color:#3F4B5E;
}
.quotetitle {
text-align: center;
}
.wrote { /* personnaliser le survol d'un mot */
display:block;
font-family: arial;
letter-spacing: -1px;
color:#3F4B5E;
}
wrote:hover {
display:block;
font-family: arial;
letter-spacing: -1px;
color:#0F0F0F;
}
*.info .bulle {
position : absolute;
top : -2000em;
left : -2000px;
overflow : hidden;
cursor: crosshair; /* Forme de la souris */
background : #F6F6F6; /* Définition du fond, sinon on a le même que notre lien */
border:2px solid; /* Définition des bordures */
font-size : 10px; /* Taille de la police */
}
.info {
position: relative; /* Correction pour maximiser la compatibilité */
color : #A8E0AD; /* Couleur de notre lien */
top: 0px;
left: 0px;
text-decoration : none; /* Aucun soulignement du texte */
padding : 0px; /*Définition des marges intérieures de notre lien */
/* Définition de l'arrière plan de notre lien */
background : transparent url('comment.gif') no-repeat right center;
}
.info:hover .bulle, .info:focus .bulle, .info:active .bulle {
top:-34px;
left: 0px;
width : 70px;
height : 42px;
overflow : visible;
color: #576780;
font-family: georgia;
font-style: normal;
padding: 0px;
-moz-border-radius: 5px;
border-radius: 5px;
BORDER-top: 1px solid black;
border-bottom: 1px solid black;
border-RIGHT: 2px solid #3F4B5E;
border-left: 2px solid #3F4B5E;
background-color:#;
background: url('http://i44.servimg.com/u/f44/16/54/90/90/fondfo11.png');
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
position: absolute;
}
.info:hover {
border : 0;
top: 0px;
left: 0px;
}
.cadre1 {
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-border-radius: 7px;
border: 2px solid none;
font-size: 11px
}
.caté { /* FOND CATéGORIE TITRE */
font-family: georgia;
font-size: 20px;
letter-spacing: -2px;
}
.titreforum { /* TITRE CATEGORIE */
text-shadow: 0px 1px 2px #FFFFFF;
color: #0F0F0F;
}
ul#bouton {
position: fixed; /* On fixe la position des boutons */
margin: 0px; /* marge extérieure */
padding: 0px; /* marge intérieure */
top: 80px; /* positionné à 50px du haut */
left: 0px; /* positionné à 0px du bord gauche */
list-style: none; /* pas de style pour la liste */
z-index: 999; /* place les boutons au dessus de tout le reste */
}
ul#bouton li {
width: 30px; /* largeur du bouton */
margin-bottom: 4px; /* marge inférieure */
}
ul#bouton li a {
display: block; /* défini en bloc */
margin-left: -75px; /* marge extérieure négative gauche */
width: 90px; /* largeur */
height: 70px; /* hauteur */
background-color:#b8b8b8; /* couleur de fond */
background-repeat:no-repeat; /* répétition du fond */
background-position:center center; /* position du fond */
-moz-border-radius:0px 9px 9px 0px; /* angles arrondis */
-webkit-border-radius:0px 9px 9px 0px; /* angles arrondis */
border-radius:0px 9px 9px 0px; /* angles arrondis */
border:1px solid #b8b8b8; /* bordure */
-moz-box-shadow: 0px 0px 5px #000; /* ombre portée */
-webkit-box-shadow: 0px 0px 5px #000; /* ombre portée */
box-shadow: 0px 0px 5px #000; /* ombre portée */
opacity: 0.7; /* opacité */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* opacité pour IE */
}
ul#bouton .galerie a{
background-image: url(http://i41.servimg.com/u/f41/16/11/46/37/note15.png);
}
ul#bouton .discut a{
background-image: url(http://i41.servimg.com/u/f41/16/11/46/37/book212.png);
}
ul#bouton .codes a{
background-image: url(http://i41.servimg.com/u/f41/16/11/46/37/meteo10.png);
}
#i_logo {
margin-top: -10px;
margin-bottom: -10px;
margin-right: -10px;
margin-left: -10px;
}
Merci bien =)
Re: Image en haut et en bas de la catégorie
Merci je vais tester
Et j'ai vu votre demande sur Themes-fa. je vais m'en occuper jsute après si personne s'en n'est occuper !
Et j'ai vu votre demande sur Themes-fa. je vais m'en occuper jsute après si personne s'en n'est occuper !
Re: Image en haut et en bas de la catégorie
Merci beaucoup =D
Ah vous y êtes aussi ? =D
Merci beaucoup =)
Ah vous y êtes aussi ? =D
Merci beaucoup =)
Re: Image en haut et en bas de la catégorie
J'ai une petite question. Sur votre forum teste tous est placer. par contre, est ce que vous disez que sa bug car le titre apparait pas sur l'image mais bien entre limage et les catégorie ?
Re: Image en haut et en bas de la catégorie
Ah oui, excusez moi, mon problème de départ c'était que les catégories ne se montrer plus car j'avais mis le code pour l'image de haut et de bas pour les catégories, ceci j'ai réussi à le faire en trafouillant un peu xD
Du coup, mon autre soucis c'est que, vous voyez sur cette capture : https://i.servimg.com/u/f41/14/11/46/51/c10.png je vous ai entouré le bleu sur les cotés.
Moi j'ai ceci : https://i.servimg.com/u/f41/14/11/46/51/c210.jpg et comme vous voyez, je n'ai pas la suite de l'ombre sur les côtés. Et c'est ce que je voudrai =/
Seulement je ne sais pas comment faire =O
Car ça fais pas jolie, les catégories ne sont pas "encadré", du coup j'aimerai que le trait ombré continue sa route en allant sur les côtés aussi =/
Après, j'aimerai aussi que les titres des forums tel que "Incipit" soit sur l'image du haut, car le titre "Incipit" sera un texte-imagée =)
Ce sera une image avec écrit "Incipit" dessus seulement =)
Seulement que là les titres sont en dessous de l'image de haut =/
Puis j'aimerai vous demander si c'est normal que mes images de haut et de bas soit coupé sur la droite ? =)
Faut-il que je les réduise ?
Merci bien =)
EDIT: j'allais oublié, voici mon template index box :
Du coup, mon autre soucis c'est que, vous voyez sur cette capture : https://i.servimg.com/u/f41/14/11/46/51/c10.png je vous ai entouré le bleu sur les cotés.
Moi j'ai ceci : https://i.servimg.com/u/f41/14/11/46/51/c210.jpg et comme vous voyez, je n'ai pas la suite de l'ombre sur les côtés. Et c'est ce que je voudrai =/
Seulement je ne sais pas comment faire =O
Car ça fais pas jolie, les catégories ne sont pas "encadré", du coup j'aimerai que le trait ombré continue sa route en allant sur les côtés aussi =/
Après, j'aimerai aussi que les titres des forums tel que "Incipit" soit sur l'image du haut, car le titre "Incipit" sera un texte-imagée =)
Ce sera une image avec écrit "Incipit" dessus seulement =)
Seulement que là les titres sont en dessous de l'image de haut =/
Puis j'aimerai vous demander si c'est normal que mes images de haut et de bas soit coupé sur la droite ? =)
Faut-il que je les réduise ?
Merci bien =)
EDIT: j'allais oublié, voici mon template index box :
- Spoiler:
- Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">{LAST_VISIT_DATE}<br>
{CURRENT_TIME}
</span>
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br>
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br>
<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>
<div id="conteneur_onglets">
<center><table><tr>
<td class="onglet"><div><img src="http://i41.servimg.com/u/f41/16/11/46/37/incipi11.png" /></div></td>
<td class="onglet"><div><img src="http://i41.servimg.com/u/f41/14/11/46/51/contin10.png" /></div></td>
<td class="onglet"><div><img src="http://i41.servimg.com/u/f41/16/11/46/37/midgar12.png" /></div></td>
<td class="onglet"><div><img src="http://i41.servimg.com/u/f41/16/11/46/37/contin11.png" /></div></td>
<td class="onglet"><div><img src="http://i41.servimg.com/u/f41/16/11/46/37/contin14.png" /></div></td>
<td class="onglet"><div><img src="http://i41.servimg.com/u/f41/16/11/46/37/iles_d12.png" /></div></td>
<td class="onglet"><div><img src="http://i41.servimg.com/u/f41/16/11/46/37/excipi11.png" /></div></td>
</tr></table></center>
</div>
<div id="conteneur_categories">
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div class="categorie">
<div class="haut2"></div>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
<th nowrap="nowrap" width="150"><div style="width:150px;"></div></th>
</tr>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle"><br>
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</span>
</h{catrow.forumrow.LEVEL}></td></tr></tbody></table>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>
<td class="row3 over" align="center" valign="middle" height="50"><br>
<div class="cadre1">{catrow.forumrow.POSTS} messages • {catrow.forumrow.TOPICS} sujets<br>
<span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
</td>
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><div class="bas2"></div><img src="{SPACER}" alt="" height="5" width="1" /></div>
<!-- END catrow --><!-- END tablefoot -->
</div>
Re: Image en haut et en bas de la catégorie
Re
J'ai fait un petit CSS afin de modifier un peu l'emplacement du titre title et tout.:
Pour l'ombre le problème c'est que cela ne va pas suivre pas les courbure de l'image de vos catégorie. Il va faire un gros rectange autour de eux :/
J'ai fait un petit CSS afin de modifier un peu l'emplacement du titre title et tout.:
- Code:
.titreforum {
margin-top: -125px;
position: absolute;
margin-left: -380px;
}
.haut2 {
background: url("http://i41.servimg.com/u/f41/16/11/46/37/kap0hq10.png") no-repeat scroll 0 0 transparent;
height: 200px;
position: relative;
margin-bottom: -22px;
}
Pour l'ombre le problème c'est que cela ne va pas suivre pas les courbure de l'image de vos catégorie. Il va faire un gros rectange autour de eux :/
Re: Image en haut et en bas de la catégorie
Merci beaucoup pour le titre, il faudra juste que je change le margin top je pense car il est trop haut ^^
Comment je peux faire du coup pour que ce soit "encadré" ? =O
Merci bien =)
Comment je peux faire du coup pour que ce soit "encadré" ? =O
Merci bien =)
Re: Image en haut et en bas de la catégorie
Bonjour,
Pour l'encadrer il est très possible de le faire. Par contre à cause de vos image courbé en haut et en bas de votre forum je ne vous le conseil pas car cela va faire un cadre autour de l'image ce qui n'est pas du tout esthétique
Pour l'encadrer il est très possible de le faire. Par contre à cause de vos image courbé en haut et en bas de votre forum je ne vous le conseil pas car cela va faire un cadre autour de l'image ce qui n'est pas du tout esthétique
Re: Image en haut et en bas de la catégorie
Bonjour Mr. Docteur =D
Une fille m'a aidé pour l'encadré =D
http://apple-test.forumsactifs.com/
Par contre ça déforme le forum en haut vers la bannière =O
Merci bien ^^
Une fille m'a aidé pour l'encadré =D
http://apple-test.forumsactifs.com/
Par contre ça déforme le forum en haut vers la bannière =O
Merci bien ^^
Re: Image en haut et en bas de la catégorie
Bonjour de mon coter je n'est pas ce problème. Par contrer, il est évident que certains utilisateurs vont avoir des problèmes et c'est entre haute pourquoi je vous disait de pas le faire
Re: Image en haut et en bas de la catégorie
Ah d'accord, mais ce n'est juste le haut, je crois savoir comment changer tout ça =D
Merci beaucoup Mr. Docteur =D
Merci beaucoup Mr. Docteur =D
Sujets similaires
» image haut de catégorie par-dessus
» Espace entre le haut de catégorie et le corps de catégorie
» espace entre l'image du bas de catégorie et la catégorie
» Espace entre image en-tête catégorie et titre catégorie
» Associer une image à chaque catégorie ou sous-catégorie
» Espace entre le haut de catégorie et le corps de catégorie
» espace entre l'image du bas de catégorie et la catégorie
» Espace entre image en-tête catégorie et titre catégorie
» Associer une image à chaque catégorie ou sous-catégorie
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum