Réaliser ce cadre, cette forme..

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Réaliser ce cadre, cette forme..

Message par Ashlee le Jeu 15 Avr 2010 - 14:51

Re-bonjour !
Je suis tombée sur deux forums arborant ce genre de cadre avec texte, qui me plait bien:



J'ai essayé de trifouiller mon CSS, mais rien n'y fait. Quelqu'un n'aurait-il pas le code, la solution ?
Bien à vous Very Happy

Ashlee
***

Féminin
Messages : 155
Inscrit(e) le : 26/10/2009

http://bloodyfields.1fr1.net/
Ashlee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réaliser ce cadre, cette forme..

Message par Invité le Jeu 15 Avr 2010 - 14:52

Re Wink
Auriez-vous l'adresse d'un des forums en question, svp?

Merci, d'avance.

Bien à vous,

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réaliser ce cadre, cette forme..

Message par Bad Girl le Jeu 15 Avr 2010 - 15:06

Bonjour ,
Voici ce que j'ai :
J'espère que ça répondra à tes attentes Very Happy

Code:
<blockquote><FIELDSET style="border:#514554 3px solid;">
<LEGEND>[font=Georgia][size=28][color=#8c878c]Ton texte[/color][/size][/font]</br></br></LEGEND> Ton autre texte ...</div>

Bad Girl
****

Féminin
Messages : 307
Inscrit(e) le : 31/08/2009

http://remember-that-day.forumactif.org/
Bad Girl a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réaliser ce cadre, cette forme..

Message par vpeybernes le Jeu 15 Avr 2010 - 17:17

le </div> est faut. C'est </blockquote>.
Les </br> aussi, c'est <br/>. Mais il sont à enlever si on veux que le texte soit centré sur la ligne.
Il faut fermer <fieldset>.
Le bbCode est à renplacé par du HTML si le bloc n'est pas utiliser dans un endroit ou il est compris.

Au final, de manière basique, ça devient
Code:
<blockquote><FIELDSET style="border:#514554 3px solid;">
<LEGEND>Ton texte</LEGEND> Ton autre texte ...</FIELDSET></blockquote>

Si tu en utilise plusieur avec la même mise en forum je te conseil d'enlever style="border:#514554 3px solid;" et de le configurer dans la CSS.

vpeybernes
*****

Masculin
Messages : 646
Inscrit(e) le : 24/03/2010

http://zonescript.forumactif.fr
vpeybernes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réaliser ce cadre, cette forme..

Message par Ashlee le Jeu 15 Avr 2010 - 18:13

Merci, les deux marchent parfaitement ! Par contre, comment réduire la largeur du "cadre" ?

Ashlee
***

Féminin
Messages : 155
Inscrit(e) le : 26/10/2009

http://bloodyfields.1fr1.net/
Ashlee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réaliser ce cadre, cette forme..

Message par Threax le Jeu 15 Avr 2010 - 18:49

Bonjour,

Vous devez rajouter width: 500px; dans le style de l'élément, ainsi :
Code:
<blockquote><FIELDSET style="border:#514554 3px solid; width: 500px;">
<LEGEND>Ton texte</LEGEND> Ton autre texte ...</FIELDSET></blockquote>
Naturellement vous pouvez modifier 500px par la valeur de votre choix. Smile

Threax
+ Hyperactif +

Masculin
Messages : 17277
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réaliser ce cadre, cette forme..

Message par Bad Girl le Jeu 15 Avr 2010 - 19:04

Est-ce possible d'avoir des bords arrondis ?

Bad Girl
****

Féminin
Messages : 307
Inscrit(e) le : 31/08/2009

http://remember-that-day.forumactif.org/
Bad Girl a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réaliser ce cadre, cette forme..

Message par Threax le Jeu 15 Avr 2010 - 19:18

Oui, il suffit de rajouter les 3 codes CSS qui visent à arrondir les angles :

Code:
<blockquote><FIELDSET style="border:#514554 3px solid; width: 500px; -moz-border-radius: 10px; border-radius: 10px; webkit-border-radius: 10px;">
<LEGEND>Ton texte</LEGEND> Ton autre texte ...</FIELDSET></blockquote>

Threax
+ Hyperactif +

Masculin
Messages : 17277
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réaliser ce cadre, cette forme..

Message par Bad Girl le Jeu 15 Avr 2010 - 20:04

Merci beaucoup ♥

Bad Girl
****

Féminin
Messages : 307
Inscrit(e) le : 31/08/2009

http://remember-that-day.forumactif.org/
Bad Girl a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réaliser ce cadre, cette forme..

Message par Ashlee le Ven 16 Avr 2010 - 1:45

Wouhaaa, qualité et rapidité ! Merci énormément ! Clos !

Ashlee
***

Féminin
Messages : 155
Inscrit(e) le : 26/10/2009

http://bloodyfields.1fr1.net/
Ashlee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réaliser ce cadre, cette forme..

Message par Bad Girl le Ven 16 Avr 2010 - 17:25

Je n'arrive pas a changer la couleur du cadre ... pourtant je sais comment faire mais ça ne marche pas ...

Bad Girl
****

Féminin
Messages : 307
Inscrit(e) le : 31/08/2009

http://remember-that-day.forumactif.org/
Bad Girl a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réaliser ce cadre, cette forme..

Message par Threax le Ven 16 Avr 2010 - 19:05

Il suffit de modifier le code couleur #514554. Wink

Threax
+ Hyperactif +

Masculin
Messages : 17277
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum