Liste des sujets sous la forme "[titre] écrit par [pseudo]" Bouton_activeListe des sujets sous la forme "[titre] écrit par [pseudo]" Bouton_hoverListe des sujets sous la forme "[titre] écrit par [pseudo]" Fb-hoverListe des sujets sous la forme "[titre] écrit par [pseudo]" Fb-active
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!

Derniers sujets
» Système d'onglets simple et personnalisable
Liste des sujets sous la forme "[titre] écrit par [pseudo]" EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Liste des sujets sous la forme "[titre] écrit par [pseudo]" EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Liste des sujets sous la forme "[titre] écrit par [pseudo]" EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Liste des sujets sous la forme "[titre] écrit par [pseudo]" EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Liste des sujets sous la forme "[titre] écrit par [pseudo]" EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Liste des sujets sous la forme "[titre] écrit par [pseudo]" EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Liste des sujets sous la forme "[titre] écrit par [pseudo]" EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Liste des sujets sous la forme "[titre] écrit par [pseudo]" EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment :
LEGO Icons 10331 – Le martin-pêcheur
Voir le deal
35 €

Partagez
 

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

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://alakazam.forumactif.ws/
Viggo
Viggo
{ Membre }
{ Membre }

Masculin Messages : 41



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

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 :
Liste des sujets sous la forme "[titre] écrit par [pseudo]" Tuto110
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 :
Liste des sujets sous la forme "[titre] écrit par [pseudo]" Tuto210

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]"   Liste des sujets sous la forme "[titre] écrit par [pseudo]" EmptyMer 04 Avr 2012, 09:36
Revenir en haut Aller en bas
pamina
pamina
{ Membre actif }
{ Membre actif }

Féminin Messages : 1170



Liste des sujets sous la forme "[titre] écrit par [pseudo]" Empty
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]"   Liste des sujets sous la forme "[titre] écrit par [pseudo]" EmptyMar 19 Juin 2012, 19:51
Revenir en haut Aller en bas
http://great-old-ones.creerforums.com/
Berserck
Berserck
{ Membre }
{ Membre }

Féminin Messages : 42



Liste des sujets sous la forme "[titre] écrit par [pseudo]" Empty
Merci pour ce code, l'effet est très bien !!
MessageSujet: Re: Liste des sujets sous la forme "[titre] écrit par [pseudo]"   Liste des sujets sous la forme "[titre] écrit par [pseudo]" EmptyMer 20 Juin 2012, 16:46
Revenir en haut Aller en bas
http://rosebud.forumactif.biz/
Celska
Celska
{ Membre }
{ Membre }

Féminin Messages : 26



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

Féminin Messages : 18



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

Féminin Messages : 35



Liste des sujets sous la forme "[titre] écrit par [pseudo]" Empty
Merci pour ce code !
MessageSujet: Re: Liste des sujets sous la forme "[titre] écrit par [pseudo]"   Liste des sujets sous la forme "[titre] écrit par [pseudo]" EmptyMar 03 Juil 2012, 10:47
Revenir en haut Aller en bas
Lynn
Lynn
{ Membre }
{ Membre }

Féminin Messages : 24



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

Féminin Messages : 16



Liste des sujets sous la forme "[titre] écrit par [pseudo]" Empty
Merci beaucoup !
MessageSujet: Re: Liste des sujets sous la forme "[titre] écrit par [pseudo]"   Liste des sujets sous la forme "[titre] écrit par [pseudo]" EmptyVen 03 Aoû 2012, 10:57
Revenir en haut Aller en bas
http://BeyondSanjana.skyrock.com
imabee
imabee
{ Membre }
{ Membre }

Féminin Messages : 13



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

Masculin Messages : 33



Liste des sujets sous la forme "[titre] écrit par [pseudo]" Empty
Super !! ^-^

Merci Very Happy
MessageSujet: Re: Liste des sujets sous la forme "[titre] écrit par [pseudo]"   Liste des sujets sous la forme "[titre] écrit par [pseudo]" EmptyVen 24 Aoû 2012, 01:10
Revenir en haut Aller en bas
http://shizue-school.forumactif.com/
Ice Cream
Ice Cream
{ Membre }
{ Membre }

Féminin Messages : 16



Liste des sujets sous la forme "[titre] écrit par [pseudo]" Empty
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]"   Liste des sujets sous la forme "[titre] écrit par [pseudo]" EmptyLun 27 Aoû 2012, 19:34
Revenir en haut Aller en bas
Mai Hime
Mai Hime
{ Membre }
{ Membre }

Féminin Messages : 8



Liste des sujets sous la forme "[titre] écrit par [pseudo]" Empty
Merci beaucoup Smile
MessageSujet: Re: Liste des sujets sous la forme "[titre] écrit par [pseudo]"   Liste des sujets sous la forme "[titre] écrit par [pseudo]" EmptyVen 07 Sep 2012, 02:38
Revenir en haut Aller en bas
Lounia
Lounia
{ Membre }
{ Membre }

Féminin Messages : 11



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

Masculin Messages : 31



Liste des sujets sous la forme "[titre] écrit par [pseudo]" Empty
Ah merci c'est très utile Liste des sujets sous la forme "[titre] écrit par [pseudo]" 73120010
MessageSujet: Re: Liste des sujets sous la forme "[titre] écrit par [pseudo]"   Liste des sujets sous la forme "[titre] écrit par [pseudo]" EmptySam 13 Oct 2012, 14:43
Revenir en haut Aller en bas
http://...
Leelewine
Leelewine
{ Membre }
{ Membre }

Féminin Messages : 74



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

Féminin Messages : 78



Liste des sujets sous la forme "[titre] écrit par [pseudo]" Empty
super merci Very Happy
MessageSujet: Re: Liste des sujets sous la forme "[titre] écrit par [pseudo]"   Liste des sujets sous la forme "[titre] écrit par [pseudo]" EmptyLun 12 Nov 2012, 12:27
Revenir en haut Aller en bas
crapopabo
{ Membre }
{ Membre }

Masculin Messages : 21



Liste des sujets sous la forme "[titre] écrit par [pseudo]" Empty
Terriblement efficace, merci beaucoup !
MessageSujet: Re: Liste des sujets sous la forme "[titre] écrit par [pseudo]"   Liste des sujets sous la forme "[titre] écrit par [pseudo]" EmptySam 17 Nov 2012, 18:15
Revenir en haut Aller en bas
http://www.edspeleersaddicts.com
Edward Speleers
Edward Speleers
{ Spécialiste }
{ Spécialiste }

Masculin Messages : 1799



Liste des sujets sous la forme "[titre] écrit par [pseudo]" Empty
Merci mille fois^^
MessageSujet: Re: Liste des sujets sous la forme "[titre] écrit par [pseudo]"   Liste des sujets sous la forme "[titre] écrit par [pseudo]" EmptyDim 16 Déc 2012, 12:59
Revenir en haut Aller en bas
Contenu sponsorisé




Liste des sujets sous la forme "[titre] écrit par [pseudo]" Empty
MessageSujet: Re: Liste des sujets sous la forme "[titre] écrit par [pseudo]"   Liste des sujets sous la forme "[titre] écrit par [pseudo]" Empty
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

-
» [résolu] soucis avec tuto "lister les sujets sous la forme ECRIT PAR"
» Sous-forums en forme de liste
» [Résolu !] Les sous-forums sous les sujets plutôt qu'au-dessus ?
» Liste des sujets
» Pagination de 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 | Signaler un abus | Cookies | Forum gratuit