Contour des catégories et titres Bouton_activeContour des catégories et titres Bouton_hoverContour des catégories et titres Fb-hoverContour des catégories et titres 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
Contour des catégories et titres EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Contour des catégories et titres EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Contour des catégories et titres EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Contour des catégories et titres EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Contour des catégories et titres EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Contour des catégories et titres EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Contour des catégories et titres EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Contour des catégories et titres EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -28%
-28% Machine à café avec broyeur ...
Voir le deal
229.99 €

Partagez
 

Contour des catégories et titres

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://elegance-design.forumactif.com
Sayuri
Sayuri
{ Membre }
{ Membre }

Féminin Messages : 179



Contour des catégories et titres Empty
Bonjour alors j'ai fait de nombreuses recherches avant de poster mais impossible de trouver la solution à mon problème ! :/

Voilà je voudrais faire plusieurs contours de différentes couleurs sur mes catégories comme sur ce forum : http://ensomnia.forumotion.com/index.htm
Comme vous pouvez le voir ils ont d'abord un contour blanc de 3px je dirais puis un contour de couleur de 1px avec des effets (arrondis...)

J'ai essayé de mettre les contours des tables et des cellules en banc et par ce code :
Code:
.forumline {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 3px #AF844A solid;
}
J'ai pu mettre le contour couleur (3px pour moi) comme je voulais mais je n'arrive pas du tout à faire ce contour blanc comme sur le forum donnée précédemment avant le contour de couleur; c'est pour ça que j'ai besoin de votre aide ! =)

De plus je voudrais savoir comment mettre les titres des catégories en minuscules comme sur le forum donné précédemment car j'ai appliqué ce code sur mon forum test :
Code:
a { text-decoration: none;
font: normal 11px Trebuchet MS;
text-transform:lowercase; }
Mais cela comme l'indique le "a" ne s'applique que pour mes liens donc les titres des catégories ne sont pas touchés alors est-ce que vous pourriez me donner s'il vous plaît le CSS pour y remédier ! Smile

J'utilises mon forum de test comme base pour voir : http://japan-arts.forumactif.org/forum.htm
J'utilises Mozilla Firefox comme Navigateur ! =)

Merci d'avance pour toute aide Smile
MessageSujet: Contour des catégories et titres   Contour des catégories et titres EmptyLun 03 Mai 2010, 16:27
Revenir en haut Aller en bas
Luna Arcana
Luna Arcana
{ Membre }
{ Membre }

Féminin Messages : 194



Contour des catégories et titres Empty
Coucou !

Pour ton premier problème, je ne vois pas, désolée =/ (au pire, et si tu veux, je demande à l'admin car j'y suis inscrit =))

Quant à l'autre, il me semble qu'il manque "forumlink" dans ton code.

Essaye ça :

Code:
a.forumlink { text-decoration: none;
font: normal 11px Trebuchet MS;
text-transform:lowercase; }
MessageSujet: Re: Contour des catégories et titres   Contour des catégories et titres EmptyVen 07 Mai 2010, 17:16
Revenir en haut Aller en bas
http://elegance-design.forumactif.com
Sayuri
Sayuri
{ Membre }
{ Membre }

Féminin Messages : 179



Contour des catégories et titres Empty
j'ai essayé de rajouter le "forumlink" mais ça ne marche toujours pas :s
MessageSujet: Re: Contour des catégories et titres   Contour des catégories et titres EmptyVen 07 Mai 2010, 17:48
Revenir en haut Aller en bas
http://ensomnia.co.nr
Sui
Sui
{ Membre actif }
{ Membre actif }

Féminin Messages : 346



Contour des catégories et titres Empty
EDIT : J'ai reçu le MP et je pense avoir résolu le problème, merci ! (:


Dernière édition par Sui le Sam 08 Mai 2010, 16:38, édité 1 fois
MessageSujet: Re: Contour des catégories et titres   Contour des catégories et titres EmptyVen 07 Mai 2010, 18:10
Revenir en haut Aller en bas
http://www.illusionimaginative.net/
.Little Lady
.Little Lady
{ Membre actif }
{ Membre actif }

Féminin Messages : 564



Contour des catégories et titres Empty
Évitez de régler vos comptes ici s'il vous plait. Faites le par mp de préférence. Merci.
MessageSujet: Re: Contour des catégories et titres   Contour des catégories et titres EmptyVen 07 Mai 2010, 19:00
Revenir en haut Aller en bas
Illadon
Illadon
{ Membre }
{ Membre }

Masculin Messages : 126



Contour des catégories et titres Empty
    EDIT KAIJI : Merci d'avance à tous les membres de ne plus intervenir, les modérateurs s'en sont chargés. A l'avenir, préférez les MPs plutôt que poster dans les sujets, merci !


edit Illadon: http://www.yoyodesign.org/doc/w3c/css2/ui.html#dynamic-outlines

Voilà la réponse à la question de l'auteur et en bonus sans polémiques répréhensibles ^^
MessageSujet: Re: Contour des catégories et titres   Contour des catégories et titres EmptySam 08 Mai 2010, 10:06
Revenir en haut Aller en bas
http://elegance-design.forumactif.com
Sayuri
Sayuri
{ Membre }
{ Membre }

Féminin Messages : 179



Contour des catégories et titres Empty
Citation :
EDIT : J'ai reçu le MP et je pense avoir résolu le problème, merci ! (:

Citation :
Évitez de régler vos comptes ici s'il vous plait. Faites le par mp de préférence. Merci.

Illadon a écrit:
    EDIT KAIJI : Merci d'avance à tous les membres de ne plus intervenir, les modérateurs s'en sont chargés. A l'avenir, préférez les MPs plutôt que poster dans les sujets, merci !


edit Illadon: http://www.yoyodesign.org/doc/w3c/css2/ui.html#dynamic-outlines

Voilà la réponse à la question de l'auteur et en bonus sans polémiques répréhensibles ^^

J'avoue être complètement perdue je n'ai envoyé aucun mp alors je ne comprend pas d'où vient cette histoire de polémique :s
MessageSujet: Re: Contour des catégories et titres   Contour des catégories et titres EmptySam 08 Mai 2010, 17:56
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Contour des catégories et titres Empty
Je n'ai rien compris non plus xD Mais je peux peut-être répondre à tes questions quand même x)

Deuxième question : Pour mettre le lien des forums en minuscules, je pense qu'il faut mettre ceci ou ce qui est au-dessous, je ne sais pas ^^ :
Code:
.secondarytitle a { text-decoration: none;
font: normal 11px Trebuchet MS;
text-transform:lowercase; }
Code:
a.secondarytitle { text-decoration: none;
font: normal 11px Trebuchet MS;
text-transform:lowercase; }

Pour ton premier problème, je n'ai pas bien compris parce que d'après ce que j'ai vu, tu as bien réussi à mettre un contour blanc puis autour, un contour marron, non ? Quel est ton problème rapidement ? x)
MessageSujet: Re: Contour des catégories et titres   Contour des catégories et titres EmptyLun 10 Mai 2010, 14:02
Revenir en haut Aller en bas
http://elegance-design.forumactif.com
Sayuri
Sayuri
{ Membre }
{ Membre }

Féminin Messages : 179



Contour des catégories et titres Empty
j'ai essayé tes deux codes et ils ne fonctionnent pas; j'ai fait un screen pour que vous compreniez mieux : https://2img.net/h/oi39.tinypic.com/jr8vbd.png =)
MessageSujet: Re: Contour des catégories et titres   Contour des catégories et titres EmptyMer 12 Mai 2010, 08:52
Revenir en haut Aller en bas
http://zonescript.forumactif.fr
VPeybernes
{ Membre actif }
{ Membre actif }

Masculin Messages : 563



Contour des catégories et titres Empty
Bonjours.

Tentez ceci.
Code:
.forumline {
border-width : 5px;
}

.forumline h2 {
text-transform:lowercase;
}
Le 5px est ajustable à votre convenance.
MessageSujet: Re: Contour des catégories et titres   Contour des catégories et titres EmptyMer 12 Mai 2010, 10:43
Revenir en haut Aller en bas
http://elegance-design.forumactif.com
Sayuri
Sayuri
{ Membre }
{ Membre }

Féminin Messages : 179



Contour des catégories et titres Empty
alors merci déjà Smile
par contre j'ai beau augmenté la taille du pkx pour "forulmine", les contours, ça ne change rien du tout donc je suis pas sûr que le code marche oO
mais peut être devrais-je vous passer mon code css entier du forum ? ...

et pour les titres ça a bien marcher mais seulement sur les principaux pas sur "sujets", "messages" et "derniers messages" o_O

je repasse le lien de mon forum test : http://japan-arts.forumactif.org/forum.htm

merci de bien vouloir m'aider à comprendre ! Wink
MessageSujet: Re: Contour des catégories et titres   Contour des catégories et titres EmptyMer 12 Mai 2010, 15:37
Revenir en haut Aller en bas
http://zonescript.forumactif.fr
VPeybernes
{ Membre actif }
{ Membre actif }

Masculin Messages : 563



Contour des catégories et titres Empty
Alors je me suis rendu compte de quelque chose, c'est que tu déjà défini la taille de la bordure dans ton CSS:
Code:
.forumline {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 3px #AF844A solid;
}
Il faut donc la modifier ici (border: 3px #AF844A solid;). Cette ligne contien la défintion complète de la bodure (largeur, couleur et type)

Pour le reste ça va être légèrement plus dur. Ces 3 élément ne sont pas clairement identifiable dans le DOM. Il va donc faloir modifier le template afin de les identifier.
Je regarderai demain pour te dire exactement comment. Wink
MessageSujet: Re: Contour des catégories et titres   Contour des catégories et titres EmptyJeu 13 Mai 2010, 19:23
Revenir en haut Aller en bas
http://elegance-design.forumactif.com
Sayuri
Sayuri
{ Membre }
{ Membre }

Féminin Messages : 179



Contour des catégories et titres Empty
désolé mais je ne vois pas trop comment je dois modifier cette partie car je ne peux pas mettre deux bordures de couleur différentes et de tailles différentes donc je vois pas trop ce qu'il faut que je change o_O ?

j'ai essayé ça mais comme je m'en doutais ça ne fonctionne pas :s
Code:
.forumline {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 3px #AF844A solid;
border-width : 4px #FFFFFF solid;
}
MessageSujet: Re: Contour des catégories et titres   Contour des catégories et titres EmptySam 15 Mai 2010, 15:26
Revenir en haut Aller en bas
Invité
Invité




Contour des catégories et titres Empty
Bonjour,

Le problème est-il toujours d'actualité ?

À bientôt sur CSSActif Very Happy
MessageSujet: Re: Contour des catégories et titres   Contour des catégories et titres EmptyJeu 20 Mai 2010, 19:03
Revenir en haut Aller en bas
http://elegance-design.forumactif.com
Sayuri
Sayuri
{ Membre }
{ Membre }

Féminin Messages : 179



Contour des catégories et titres Empty
oui bien sûr =)
MessageSujet: Re: Contour des catégories et titres   Contour des catégories et titres EmptySam 22 Mai 2010, 08:47
Revenir en haut Aller en bas
Contenu sponsorisé




Contour des catégories et titres Empty
MessageSujet: Re: Contour des catégories et titres   Contour des catégories et titres Empty
Revenir en haut Aller en bas
 

Contour des catégories et titres

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

 Sujets similaires

-
» Surligner les titres de catégories (contour)
» Contour des catégories et des topics ^-^
» Problème titres catégories !
» Fond des titres de catégories
» Suppression des titres des catégories

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