C'est la fin du projet CSSActif, vous trouverez les explications ici : Fin de CSSActif, ouverture du forum. Le forum reste cependant ouvert à tous et ses ressources sont entièrement disponibles. Merci à tous !
Derniers sujets
» Vos partenaires dans le footer
Sam 10 Nov 2018, 09:39 par FredR

» Mettre votre © Copyright dans le footer de votre forum
Sam 10 Nov 2018, 09:25 par FredR

» Effet pour vos sous-forums
Sam 10 Nov 2018, 06:13 par FredR

» Pour faire des beaux titres de sous-forums
Sam 10 Nov 2018, 05:55 par FredR

» Bouton ''Sélectionner le contenu'', pour les codes
Sam 10 Nov 2018, 05:41 par FredR

» Modifier l'apparence du titre des topics
Sam 10 Nov 2018, 05:28 par FredR

» Début d'un sujet/Fond pour sujet important
Sam 10 Nov 2018, 02:45 par FredR

» Previsualiser le premier message d'un sujet
Ven 09 Nov 2018, 12:49 par FredR


Partagez | 
 

Liste des sujets sous la forme "[titre] écrit par [pseudo]"

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Voir le profil de l'utilisateur http://alakazam.forumotion.com/
avatar
{ Membre }
{ Membre }

Masculin Messages : 41



Lister les sujets différemment


Informations générales

Description :
Cette modification de template vous sera utile pour modifier la façon dont les sujets sont listés. Vous supprimerez alors la colonne "auteur" pour placer les auteurs à côté des titres des sujets.

Démo :
ICI

Testé sur :
Firefox, Chrome, Safari, Opera, Internet Explorer

Crédits :
Proposé par Viggo le 04/04/2012 | Anoobnyme

Mise(s) à jour :
19/04/2012 - Tuto révisé par Doare

Le tutoriel


Prérequis


Avant de supprimer quoi que ce soit, il va d'abord falloir s'assurer d'avoir bien configuré la séparation des annonces/post-its des sujets simples.

Rendez-vous dans l'onglet Général du panneau d'administration, puis la "Configuration" des Messages et Emails. Cherchez alors l'option suivante :
Assurez-vous d'avoir choisi "Non" (aucune séparation) ou "Par une ligne".
L'option séparer les annonces et post-its des messages par un tableau est incompatible avec ce tutoriel : la colonne ne sera supprimée que pour les annonces/post-its, pas pour les sujets.

Une fois que c'est bon, on peut passer aux choses sérieuses !

Edition des templates


Dans votre panneau d'administration, allez dans l'onglet Affichage puis dans le menu Templates » Général et cliquez sur le template dénommé topics_list_box

Dans un premier temps, nous allons supprimer la colonne "Auteur" parasite des listes des sujets.

Pour l'entête du tableau, juste après le script du template, cherchez :
Code:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> {topics_list_box.row.L_TITLE} </th>
Un peu plus bas, trouvez puis supprimez la cellule de titre (<th>) comportant {topics_list_box.row.L_AUTHOR} :
Code:
      <th align="center" nowrap="nowrap" width="100"> {topics_list_box.row.L_AUTHOR} </th>
Et pour le corps du tableau, vers la fin du template, cherchez :
Code:
   <!-- END topic --><!-- BEGIN no_topics -->
Un peu au dessus, trouvez puis supprimez la cellule (<td>) comportant la variable {topics_list_box.row.TOPIC_AUTHOR} :
Code:
      <td class="row3" align="center" valign="middle"><span class="name"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span></td>

Dans un second temps, on va pouvoir placer notre auteur ailleurs ! La variable à réemployer est : {topics_list_box.row.TOPIC_AUTHOR}

Pour la placer avec le titre du sujet, cherchez :
Code:
         <div class="topictitle">
            {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
            <h2 class="topic-title">
               <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
            </h2>
         </div>
Entre ces deux dernières balises :
Code:
            </h2>
         </div>
Collez ce qui suit :
Code:
<span class="nsujets">, écrit par <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong>.</span>
Validez, et publiez le template. Smile

Dans la configuration actuelle, vous obtiendrez le rendu suivant :

Dans le dernier code, vous pouvez changer plusieurs choses, telles que la figure de séparation (ici une virgule) ou encore le "écrit par". La class "nsujets" vous permet de modifier le style de ce bout de phrase en CSS ; vous pouvez la renommer comme vous voulez, il ne s'agit que d'un exemple.

De la même façon, vous pouvez, selon vos besoins, utiliser une balise div plutôt qu'une balise span. A titre de rappel, le premier a un aspect par défaut "en bloc" et le second "en ligne" (c'est ce qui fait qu'il suit le titre ici).
MessageSujet: Liste des sujets sous la forme "[titre] écrit par [pseudo]"   Mer 04 Avr 2012, 09:36
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Membre actif }
{ Membre actif }

Féminin Messages : 1170



FAQ


Q
//

R
//


Pour toute question sur ce tutoriel, merci de poster une demande d'aide ici :
http://www.css-actif.com/f17-aide-css-xhtml


MessageSujet: Re: Liste des sujets sous la forme "[titre] écrit par [pseudo]"   Mar 19 Juin 2012, 19:51
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://great-old-ones.forumotion.com/
avatar
{ Membre }
{ Membre }

Féminin Messages : 42



Merci pour ce code, l'effet est très bien !!
MessageSujet: Re: Liste des sujets sous la forme "[titre] écrit par [pseudo]"   Mer 20 Juin 2012, 16:46
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://rosebud.forumotion.com/
avatar
{ Membre }
{ Membre }

Féminin Messages : 26



Super ! oo C'est trop top !
MessageSujet: Re: Liste des sujets sous la forme "[titre] écrit par [pseudo]"   Mer 27 Juin 2012, 08:21
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://out-of-destiny.forumactif.com/
avatar
{ Membre }
{ Membre }

Féminin Messages : 18



Merci ! C'est vraiment sympa ! ♥
MessageSujet: Re: Liste des sujets sous la forme "[titre] écrit par [pseudo]"   Jeu 28 Juin 2012, 10:52
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://twilight-fp.1fr1.net/
avatar
{ Membre }
{ Membre }

Féminin Messages : 35



Merci pour ce code !
MessageSujet: Re: Liste des sujets sous la forme "[titre] écrit par [pseudo]"   Mar 03 Juil 2012, 10:47
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Membre }
{ Membre }

Féminin Messages : 24



Merci pour ce code !!! Génial le rendu.
MessageSujet: Re: Liste des sujets sous la forme "[titre] écrit par [pseudo]"   Mar 24 Juil 2012, 22:31
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.welovetokiohotel.net/
avatar
{ Membre }
{ Membre }

Féminin Messages : 16



Merci beaucoup !
MessageSujet: Re: Liste des sujets sous la forme "[titre] écrit par [pseudo]"   Ven 03 Aoû 2012, 10:57
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://BeyondSanjana.skyrock.com
avatar
{ Membre }
{ Membre }

Féminin Messages : 13



Merci pour le code, c'est un super effet !
MessageSujet: Re: Liste des sujets sous la forme "[titre] écrit par [pseudo]"   Lun 20 Aoû 2012, 09:09
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://oath-guild.forumactif.org/
avatar
{ Membre }
{ Membre }

Masculin Messages : 33



Super !! ^-^

Merci Very Happy


« Les mots que l'on n'a pas prononcés sont les fleurs du silence. »
MessageSujet: Re: Liste des sujets sous la forme "[titre] écrit par [pseudo]"   Ven 24 Aoû 2012, 01:10
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://shizue-school.forumactif.com/
avatar
{ Membre }
{ Membre }

Féminin Messages : 16



Premier tuto que je fais avec du css ! (: et j'ai réussi (car d'habitude, y'a toujours quelque chose qui ne va pas...)
Merci beaucoup ! Très utile et très bien expliqué !


MessageSujet: Re: Liste des sujets sous la forme "[titre] écrit par [pseudo]"   Lun 27 Aoû 2012, 19:34
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Membre }
{ Membre }

Féminin Messages : 8



Merci beaucoup Smile
MessageSujet: Re: Liste des sujets sous la forme "[titre] écrit par [pseudo]"   Ven 07 Sep 2012, 02:38
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Membre }
{ Membre }

Féminin Messages : 11



Merci beaucoup ! Smile j'ai réussi ^^
MessageSujet: Re: Liste des sujets sous la forme "[titre] écrit par [pseudo]"   Ven 12 Oct 2012, 11:26
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://cabininthewood.forumactif.com/
avatar
{ Membre }
{ Membre }

Masculin Messages : 31



Ah merci c'est très utile


MessageSujet: Re: Liste des sujets sous la forme "[titre] écrit par [pseudo]"   Sam 13 Oct 2012, 14:43
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://...
avatar
{ Membre }
{ Membre }

Féminin Messages : 74



Merci pour le tuto, c'est super bien expliqué !!!
MessageSujet: Re: Liste des sujets sous la forme "[titre] écrit par [pseudo]"   Mar 16 Oct 2012, 06:16
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://cityofpub.forumactif.org/
avatar
{ Membre }
{ Membre }

Féminin Messages : 78



super merci Very Happy
MessageSujet: Re: Liste des sujets sous la forme "[titre] écrit par [pseudo]"   Lun 12 Nov 2012, 12:27
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
{ Membre }
{ Membre }

Masculin Messages : 21



Terriblement efficace, merci beaucoup !
MessageSujet: Re: Liste des sujets sous la forme "[titre] écrit par [pseudo]"   Sam 17 Nov 2012, 18:15
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.edspeleersaddicts.com
avatar
{ Spécialiste }
{ Spécialiste }

Masculin Messages : 1799



Merci mille fois^^


Edward : "You are the person I dremt to have as a fan!"
Me : "And you are the person I dremt to have as a friend!"
Edward : "God bless you!"
Me : "And you, because you are the most beautiful heart I never met!"
Edward : "And I return words to you because you are the same as I am, right?"
Me : "I think so... We were naturally made to meet though!"
Edward : "Destiny..."
MessageSujet: Re: Liste des sujets sous la forme "[titre] écrit par [pseudo]"   Dim 16 Déc 2012, 12:59
Revenir en haut Aller en bas
Contenu sponsorisé




MessageSujet: Re: Liste des sujets sous la forme "[titre] écrit par [pseudo]"   
Revenir en haut Aller en bas
 

Liste des sujets sous la forme "[titre] écrit par [pseudo]"

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Liste des sujets sous la forme "[titre] écrit par [pseudo]"
» Supprimer l'affichage de la légende des icones sujets sous la liste des sujets
» Description des sujets sous forme d'info-bulle
» Éditer le titre depuis la liste des sujets
» Edition des icônes depuis la liste des sujets

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Corbeille :: Archives de CSSActif-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | © phpBB | Forum gratuit d'entraide | Contact | Signaler un abus | Forum gratuit