CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| Problème catégorie avec onglet | |
| Dreamland
{ Membre }
Messages : 96
| Bonjour, j'ai suivi ce code de Iowan : Nous avons suivi cette explication sur notre forum : - Spoiler:
- iowan a écrit:
- alors me revoila avec le script
PS: avant toutes modifications il est preferable de prendre une copie du template avant de le modifier
dans le template index_box vous remplacer le template avec ceci
- 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}
{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>
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
<!-- END switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </td> </tr> </table> <div class="my_cat"> <ul></ul> </div>
<div class="my_cat_body"> <!-- BEGIN catrow --><!-- BEGIN tablehead --> <table class="my_modified_table" width="100%" border="0" cellspacing="1" cellpadding="0"> <div class="my_forum_name">{catrow.tablehead.L_FORUM}</div> <!-- END tablehead --> <!-- BEGIN forumrow --> <tr> <td colspan="3" class="my_title" align="center"><div class="myfoo_title"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><img src="{SPACER}" alt="" height="5" width="1" /></td> </tr> <tr> <td class="my_img" valign="top"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="" /></td> <td class="my_disc" width="300" valign="top" >{catrow.forumrow.FORUM_DESC}</td> <td class="my_stats" width="200" valign="top"> Topics: {catrow.forumrow.TOPICS}
Posts: {catrow.forumrow.POSTS}
Dernier post: {catrow.forumrow.LAST_POST}
</td> </tr> <!-- END forumrow --> <!-- BEGIN tablefoot --> </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --> </div> publier le ensuite ouvrer overall_header_new et vous chercher - Code:
-
</head> avant head vous coller ceci - Code:
-
<script type="text/javascript" src="http://www.yourjavascript.com/0374901133/script.js" ></script>
ensuite dans le css de votre forum vous ajouter ceci - Code:
-
.my_modified_table{ width: 80%; margin-left: 10%; margin-right: 10%; margin-top: 5px !important;
font-family: Verdana; }
.my_forum_name{ display:none; } .my_img{ width: 10%; margin-left: 50px; } .my_disc{ width: 70%; text-align:center; font-size: 13px; } .my_stats{
width: 20%; text-align:center; }
.myfoo_title{ text-align:center; width: 100%; -moz-border-radius: 6px; border: 1px solid #EAEAEA;
} .my_title{ text-align:center; font-size: 14px; font-family: Arial; }
.my_cat_body{ border: 1px solid #EEE; -moz-border-radius: 3px;
}
.my_cat ul{ margin:0; padding: 0; width: 800px !important; } .my_cat li{ margin-left: 2px; } .my_cat_style{ border-top: 1px #666 solid; border-left: 1px #666 solid; border-right: 1px #666 solid; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; text-align:center; font-size: 11px; padding-left:10px; padding-right:10px; display:inline; background-color: #EAEAEA; width: 200px; font-family: Arial; font-weight: bold;
} .my_cat a{ text-decoration: none !important; color: #000; }
et voila maintenant il reste que modifier le design coté template(html) et CSS avec vos skill graphique =)
Voila j'aurais aimé savoir comment faire pour mettre l'image de statut des messages complètements à gauche, comment mettre topics, posts etc... complètement à droite et surtout et il possible de mettre ces mots en français ? Si oui comment ? Merci d'avance Voila un aperçu de mon forum actuellement : https://2img.net/r/ihimizer/img816/12/bugf.png | | |
| | | Dreamland
{ Membre }
Messages : 96
| Bonjour, cela n'est pas pour faire un up de mon sujet mais j'ai constaté un autre problème ^^
C'est toujours en rapport avec le même code... Les sous forums des forums n'apparaissent pas. Comment faire pour que ce soit le cas ? | | |
| | | Boow
{ Membre actif }
Messages : 866
| Bonjour Pour ta première question, il faut adapter le code d'Iowan. - 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}
{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>
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
<!-- END switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </td> </tr> </table> <div class="my_cat"> <ul></ul> </div>
<div class="my_cat_body"> <!-- BEGIN catrow --><!-- BEGIN tablehead --> <table class="my_modified_table" width="100%" border="0" cellspacing="1" cellpadding="0"> <div class="my_forum_name">{catrow.tablehead.L_FORUM}</div> <!-- END tablehead --> <!-- BEGIN forumrow -->
C'EST ICI QUE TU METS LE CONTENU DE TOUS TES SOUS-FORUMS
<!-- END forumrow --> <!-- BEGIN tablefoot --> </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --> </div>
Donc ensuite, si tu veux modifier, il faut créer toi-même ta mise en page. Pour te faciliter le travail, voici certains codes que tu as demandés : - Code:
-
"L'image de statut des messages" --> <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
"Le nombre de topics" --> <span class="gensmall">{catrow.forumrow.TOPICS}</span>
"Le nombre de messages" --> <span class="gensmall">{catrow.forumrow.POSTS}</span>
"Le dernier message posté" --> <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
"La description du sous-forum" --> <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
"Liens des sous-sous-forums" (affichables uniquement si l'option a été cochée sur le panneau d'administration) --> <span class="gensmall">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
"Les noms des modérateurs du sous-forum" --> <span class="gensmall">{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}</span> Pour ton deuxième problème, va voir dans "Affichage" --> "Page d'accueil" --> "Structure et hiérarchisation". Tout en bas, il y a écrit Lien vers les niveaux inférieurs. Coche oui. =D | | |
| | | Luna Arcana
{ Membre }
Messages : 194
| Problème toujours d'actualité ? | | |
| | | Kaiji
Blanche-Neige
Messages : 5578
| Bonjour,
Aucune relance de la part du créateur du sujet ! Je considère donc ce problème comme étant résolu et je le déplace pour céder la place aux problèmes en cours.
Si vous avez d'autres questions, merci d'ouvrir un nouveau topic en respectant les règles de l'entraide.
| | |
| | | Contenu sponsorisé
| | | | | Problème catégorie avec onglet | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
|