En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" Bouton_activeEn-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" Bouton_hoverEn-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" Fb-hoverEn-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" 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
En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" 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
 

En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages"

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://streets-philadelphia.forum-canada.com/
Mafdet
Mafdet
{ Membre }
{ Membre }

Féminin Messages : 25



En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" Empty
Hello!

Adresse du Forum: Désolée, c'est mon forum de test et je ne tiens pas à ce que trop de monde y aie accès, donc si vous devez vraiment le voir j'enverrai le lien par mp. ^^

Problème: En suivant des explications données ici et là, j'ai réussi à modifier l'aspect de l'en-tête des titres des catégories. Jusque là, tout fonctionne. Là où ça pose problème, c'est que normalement le truc que j'ai travaillé devrait... s'emboiter dans la forme existante. Je m'explique mal, désolée! Voici une image qui expliquera peut-être d'avantage:

Spoiler:
Normalement donc, ce qui est dans l'encadré rouge devrait se retrouver là où pointe la flèche rouge... mais ce n'est pas le cas. J'ai fait plein de tentatives, mais ça ne donne rien. Alors avant de tout bousiller, je préfère demander! ^^

Navigateur utilisé & Version du Forum: Firefox - phpBB2

Code utilisé:

Template:
Spoiler:

CSS
Spoiler:


EDIT: Tant qu'à y être, je vais poser une deuxième question qui découle probablement du premier problème étant donné qu'avant, tout était normal. En bref, la colonne des derniers messages postés [dernière colonne à droite complètement] a carrément rétrécit en appliquant la modification des en-têtes. Y aurait-il une façon de faire revenir la colonne à sa largeur initiale. Avec une image ça serait peut-être plus clair. La voici:

Spoiler:
Merci d'avance à ceux et celles qui se pencheront sur mes problèmes! ^^


Dernière édition par Mafdet le Sam 09 Oct 2010, 12:55, édité 1 fois
MessageSujet: En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages"   En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" EmptyVen 01 Oct 2010, 16:32
Revenir en haut Aller en bas
Radimir
{ Membre actif }
{ Membre actif }

Masculin Messages : 459



En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" Empty
Bonjour,

Problème déja traité sur le forum , je vous conseille donc de lire ce topic , la réponse [Avec un mini-tuto] y est.

http://www.css-actif.com/resolu-f18/probleme-categorie-t6831.htm
MessageSujet: Re: En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages"   En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" EmptySam 02 Oct 2010, 03:55
Revenir en haut Aller en bas
http://streets-philadelphia.forum-canada.com/
Mafdet
Mafdet
{ Membre }
{ Membre }

Féminin Messages : 25



En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" Empty
Bah c'est peut-être moi qui suis aveugle (ça se pourrait ^^), mais en effet, j'avais vu ce topic-là. Malheureusement, je n'y vois pas le tuto ou de lien y menant. Et même si je clique sur les liens donnés, ça ne correspond pas à ce que je recherche. Bref, j'en suis toujours au même point...
MessageSujet: Re: En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages"   En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" EmptySam 02 Oct 2010, 20:50
Revenir en haut Aller en bas
Radimir
{ Membre actif }
{ Membre actif }

Masculin Messages : 459



En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" Empty
Bonsoir,

C'est bien ma faute , le tuto était posté en Hide à mon intention dans le temps , je ne sais pas trop si j'ai la permission du concerné pour te le montrer aussi , vu qu'il s'agit de sa création.

Toutefois je te le fait parvenir si Pull_style y voit un inconvénient qu'il le fasse savoir ^^


Citation :

Pas de problème, je te montre directement mon tutoriel donc ^^.



J'espère qu'il sera assez compréhensible ^^.
MessageSujet: Re: En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages"   En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" EmptySam 02 Oct 2010, 23:48
Revenir en haut Aller en bas
http://streets-philadelphia.forum-canada.com/
Mafdet
Mafdet
{ Membre }
{ Membre }

Féminin Messages : 25



En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" Empty
Bon... il y a sûrement un truc que je ne fais pas comme il faut parce que... ç'a pas du tout l'apparence souhaitée! ^^ En fait, quand je modifie à partir de mon propre template (j'avais déjà enlevé les colonnes "sujets" et "message" pour les ajouter dans les descriptions) et en suivant les étapes, toutes mes descriptions de catégories prennent l'allure que j'avais attribué aux titres. Sans compter que je ne vois pas l'onglet si je puis dire, comme je le voudrais alors qu'avant, il était là. Pas au bon endroit, mais il était là quand même. Bref, c'est presque pire qu'avant. ^^

Voilà un aperçu de ce que ça me donne:
Spoiler:
Tu as une petite idée de ce que j'ai bien bien pu faire de travers ou de comment arranger ça? Wink Ah ouais, au fait. Si jamais l'auteur du tuto veut que tu le supprime, ça va. Il ne reste qu'à corriger mes bêtises! ^^
MessageSujet: Re: En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages"   En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" EmptyDim 03 Oct 2010, 01:11
Revenir en haut Aller en bas
Radimir
{ Membre actif }
{ Membre actif }

Masculin Messages : 459



En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" Empty
Je peux avoir ton template ? Et le css que tu as modifié ? juste pour régler le soucis et avoir une idée du problème
MessageSujet: Re: En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages"   En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" EmptyDim 03 Oct 2010, 01:21
Revenir en haut Aller en bas
http://streets-philadelphia.forum-canada.com/
Mafdet
Mafdet
{ Membre }
{ Membre }

Féminin Messages : 25



En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" Empty
Ouep, je peux te donner ça. Le CSS est le même qu'au départ sauf que j'ai changé les noms pour mettre ceux du tuto le temps d'arriver à me retrouver.

Donc template:
Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="categorie"><span class="titrecategorie">{catrow.tablehead.L_FORUM}</span><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
     
  </tr>
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>

Et j'ai ajouté la div à la fin comme indiqué dans le tuto.

Et le CSS:
Code:
.titrecategorie {
background: #FFFFFF;
color: #557A59;
border: 3px solid #557A59;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 10px;
text-align: justify;}


.categorie {
background: #FFFFFF;
border: 3px solid #557A59;
color: #557A59;
font-family: Courier New;
font-size: 25px;
font-weight: bold;
text-shadow: #557A59 1px 1px 2px;
margin-left: 25px;
text-transform: uppercase;
letter-spacing: 2px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
padding: 0px 10px 0px; 10px;
border-bottom: none;}
MessageSujet: Re: En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages"   En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" EmptyDim 03 Oct 2010, 01:37
Revenir en haut Aller en bas
Radimir
{ Membre actif }
{ Membre actif }

Masculin Messages : 459



En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" Empty
Eh bien c'est normal , le css est un css de base , il y a des choses qu'il ne faut pas virer avec les modifs ...

Voici ton nouveau css donc
Code:

.categorie{
background: #FFFFFF;
border: 3px solid #557A59;
color: #557A59;
font-family: Courier New;
font-size: 25px;
font-weight: bold;
text-shadow: #557A59 1px 1px 2px;
margin-left: 25px;
text-transform: uppercase;
letter-spacing: 2px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
padding: 0px 10px 0px; 10px;
border-bottom: none;}


.titrecategorie{
margin-left: 15px;
padding: 3px;
display: block;
width: 150px;
margin-top: -15px;
background: #FFFFFF;
color: #557A59;
border-top: 3px solid #557A59;
border-right: 3px solid #557A59;
border-left: 3px solid #557A59;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 10px;
text-align: justify;}
MessageSujet: Re: En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages"   En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" EmptyDim 03 Oct 2010, 02:15
Revenir en haut Aller en bas
http://streets-philadelphia.forum-canada.com/
Mafdet
Mafdet
{ Membre }
{ Membre }

Féminin Messages : 25



En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" Empty
Ah ouais, je viens de voir la différence... n'empêche, les onglets prenaient l'aspect voulut avec celui que je t'ai donné. Enfin! ^^ Par-contre, je continue de croire que c'est vraiment dans le template que le problème se situe, parce que même si je change le CSS pour ce que tu m'as donné, ça ne donne toujours pas l'effet escompté. Quoique là aussi ça peut être moi qui ai fait une belle niaiserie. Enfin, si tu veux voir par toi-même:

Spoiler:
Sinon, je me demande une chose. Est-ce que ça se pourrait qu'une modification faite ultérieurement à ce même template puisse faire en sorte qu'il manque un petit quelque chose pour que ça fonctionne? J'en doute, mais sait-on jamais...

Bon, je ne vois plus clair, je vais dormir! Alors la suite, demain!
En tout cas, merci beaucoup pour ton aide! Quand je vais comprendre où est le problème, tout va bien aller! ^^
MessageSujet: Re: En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages"   En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" EmptyDim 03 Oct 2010, 02:35
Revenir en haut Aller en bas
Radimir
{ Membre actif }
{ Membre actif }

Masculin Messages : 459



En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" Empty
Bah il fallait malgré tout re modifier le css pour qu'il colle à tes désirs Wink

Enfin ce n'est pas grave , le revoici ^^ et non pas besoin du template , du moins tu n'as pas toucher la partie concernant les titres

Code:

.categorie{
background: #FFFFFF;
border: 3px solid #557A59;
color: #557A59;
font-family: Courier New;

margin-top:20px;
text-shadow: #557A59 1px 1px 2px;
margin-left: 25px;
text-transform: uppercase;
-moz-border-radius: 20px;
padding: 0px 10px 10px; 15px;
-webkit-border-radius: 20px;

border-bottom: none;}


.titrecategorie{
margin-left: 15px;
font-weight: bold;
display: block;
font-size: 25px;
width: 150px;
margin-top: -15px;
background: #FFFFFF;
color: #557A59;
border-top: 3px solid #557A59;
border-right: 3px solid #557A59;
border-left: 3px solid #557A59;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding-top: -10px;
padding:5px;
text-align: center;}
MessageSujet: Re: En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages"   En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" EmptyDim 03 Oct 2010, 02:58
Revenir en haut Aller en bas
http://streets-philadelphia.forum-canada.com/
Mafdet
Mafdet
{ Membre }
{ Membre }

Féminin Messages : 25



En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" Empty
Tu vas finir par te fatiguer de moi, je le sens. Pourtant, je suis pas si nulle que ça d'habitude. Je me démerde plutôt bien en temps normal. ^^ Bref! En effet, ça me fait le cadre voulu, mais cette fois-ci, c'est comme s'il encadrait carrément ma catégorie et non comme s'il se plaçait par-dessus le cadre de la catégorie - là où est sa véritable place. J'ai une autre image pour te montrer.

Spoiler:
Et évidemment, le truc des titres s'applique toujours au contenu. Tu crois toujours que ce n'est pas le template? Parce que je commence à en douter un peu. ^^
MessageSujet: Re: En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages"   En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" EmptyDim 03 Oct 2010, 15:31
Revenir en haut Aller en bas
http://nin-gai.forum2ouf.com/
Imari
Imari
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1538



En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" Empty
Bonjour ^^

Le problème est-il résolu ? Si oui, merci de cocher l'option "résolu" en éditant ton premier post.
MessageSujet: Re: En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages"   En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" EmptySam 09 Oct 2010, 07:19
Revenir en haut Aller en bas
http://streets-philadelphia.forum-canada.com/
Mafdet
Mafdet
{ Membre }
{ Membre }

Féminin Messages : 25



En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" Empty
Oui et non! ^^

En fait, j'ai réussi en suivant un autre procédé à faire ce que je voulais, c'est-à-dire de modifier les titres des catégories. Par-contre en faisant ça, c'est la largeur de la colonne "Derniers Messages" qui est devenue toute petite et c'est pas super joli.

Spoiler:

La partie concernée de mon template...
Spoiler:

... Et le CSS associé
Spoiler:

Bref, je n'ose pas trop jouer à l'intérieur pour ne pas tout détruire... alors si quelqu'un pouvait m'expliquer ce qu'il faut que je fasse pour que ma colonne reprenne sa largeur d'origine, ça serait gentil. ^^

Merci!
MessageSujet: Re: En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages"   En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" EmptySam 09 Oct 2010, 11:58
Revenir en haut Aller en bas
http://www.never-utopia.com/index.htm
Pull_up_Style
Pull_up_Style
{ Membre }
{ Membre }

Masculin Messages : 86



En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" Empty
Dans le css derniers message rajoute ça:

Code:
width: 100px;

enfin joue avec le nombre ^^, j'espère que se sera bon.
MessageSujet: Re: En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages"   En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" EmptySam 09 Oct 2010, 12:33
Revenir en haut Aller en bas
http://streets-philadelphia.forum-canada.com/
Mafdet
Mafdet
{ Membre }
{ Membre }

Féminin Messages : 25



En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" Empty
Ah, mais je suis cruche! Le pire dans tout ça, c'est que j'avais essayé de mettre ça dans mon CSS, mais en pourcentage... Pfff! Enfin! C'est génial, ça fonctionne!

Merci beaucoup! ^^
MessageSujet: Re: En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages"   En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" EmptySam 09 Oct 2010, 12:55
Revenir en haut Aller en bas
Contenu sponsorisé




En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" Empty
MessageSujet: Re: En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages"   En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" Empty
Revenir en haut Aller en bas
 

En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages"

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

 Sujets similaires

-
» Problème colonne derniers messages
» Problème colonne derniers messages
» Placer l'icône des forums dans la colonne "Derniers Messages"
» Icone des forums dans la colonne derniers messages [Probléme Résolu!]
» Déplacer les colonnes Réponses/Auteur dans la colonne Derniers Messages

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

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