Overblog Suivre ce blog
Editer l'article Administration Créer mon blog
15 décembre 2009 2 15 /12 /décembre /2009 09:44


Avoir des bordures dans un module spécifique, ou dans un paragraphe, appliquer ce qui suit en l'ajoutant dans la source ( bouton HTML)



border-style: dotted

<div style="border-color: #0000FF; border-style: dotted; border 1px"><img class="CtreTexte" src="ICI l'url de l'image" /></div>


 
 border-style: dashed

<div style="border-color: #FF0000; border-style: dashed; border-width: medium"><img class="CtreTexte" src="ICI l'url de l'mage" /></div>


border-style: groove

<div style="border-color: #FF6699; border-style: groove; border-width: medium"><img class="CtreTexte" src="ICI l'url de l'image" /></div>


border-style: ridge

<div style="border-color: #DD2223; border-style: ridge; border-width: medium"><img class="CtreTexte" src="ICI l'url de l'image" /></div>


border-style: solid

<div style="border-color: #BBBccc; border-style: solid; border-width: medium"><img class="CtreTexte" src="ici url de l'image" /></div>


border-style: double

<div style="border-color: #ff6699; border-style: double; border-width: medium"><img class="CtreTexte" src="ici l'url de l'image</div>


<p style="border-width:medium; border-color:#FF9999; border-style:dotted; padding:5px;">Paragraphe de texte avec une épaisseur de bordure moyenne et le type en pointillé</p>

Paragraphe de texte avec une épaisseur de bordure moyenne et le type en pointillés.


<p style="border-width:medium; border-color:#9999FF; border-style:dashed; padding:5px;">Paragraphe de texte avec une épaisseur de bordure moyenne  en tirets</p>

Un paragraphe de texte avec une épaisseur de bordure moyenne en tirets.


<p style="border-width:medium; border-color:#66CC66; border-style:groove; padding:5px;">Paragraphe de texte avec une épaisseur de bordure moyenne et pleine</p>

Paragraphe de texte avec une épaisseur de bordure moyenne et pleine.


<p style="border-width:medium; border-color:#FF9999; border-style:double; padding:5px;">Paragraphe de texte avec une épaisseur de bordure moyenne double</p>

Paragraphe de texte avec une épaisseur de bordure moyenne et de type double.


<p style="border-width:8px; border-color:#9999FF; border-style:groove; padding:5px;">Paragraphe de texte avec une épaisseur de bordure de 8px  en relief</p>

Paragraphe de texte avec une épaisseur de bordure de 8px en relief.


<p style="border-width:10px; border-color:#66CC66; border-style:ridge; padding:5px;">Paragraphe de texte avec une épaisseur de bordure de 10px effet 3D</p>

Paragraphe de texte avec une épaisseur de bordure de 10px  effet 3D.


<p style="border-width:10px; border-color:#FF9999; border-style:inset; padding:5px;">Paragraphe de texte avec une épaisseur de bordure de 10px  rentrant</p>

Paragraphe de texte avec une épaisseur de bordure de 10px  rentrant


<p style="border-width:10px; border-color:#9999FF; border-style:outset; padding:5px;">Paragraphe de texte avec une épaisseur de bordure de 10px  sortant</p>

Paragraphe de texte avec une épaisseur de bordure de 10px sortant



4 bordures différentes
<div style="border-color: #FF9999; border-top-style: dotted; border 1px;border-left-style:dashed;border 3px;border-right-style:groove;border 8px;border-bottom-style:solid; border 3px;"><img class="CtreTexte" src="url de l'image" /></div>
 
  4 couleurs et 4 bordures différentes
<div style="border-style: dotted groove solid dashed; border-color: #0000ff #ff6699 #ac946e #66cc66;"><img class="CtreTexte" src="url de l'image" /></div>


Bon divertissement

Partager cet article

Repost 0
Publié par Flo-Avril - dans Aide blog HTML CSS
commenter cet article

commentaires

x-e-n-i-a.over-blog.com 28/01/2011 18:22


SAlut! Super tous ces tutos. Je débute ici et cest pas facile ce servir du mode css. Premiere fois que je fais le montage de blog en script mais jem débrouille un peu et jai eue de l,aide aussi sur
le fofo. Bref, me resté encore a faire sur mon blog et centé mes titre que jai pas trouvé d'ailleur ou mettre le code mais je vais finir par ttrouvé... Je vais revenir te voir aussi lorsque je
serais avancée pour faire quelques uns de tes tutos mais en attendant je vais venir te faire un tit coucou. je t,ajoute a mes liens ds mon blog. Bon vendredi. Kissous


fanette1051- 18/12/2009 14:34


Bonjour je découvre ton blog ou j'y reviendrais ,il y a des choses intérresentes , je t'ajoute dans mes favo.C'est ce que je chercher a faire pour la page des com's merci @+


Quichottine 17/12/2009 12:01


Merci, je viens de me servir de ton tutto... c'est pas si difficile, et le résultat en vaut la peine.

Bisous tout plein, Flo.


Quichottine 15/12/2009 19:43


Bon, j'avais vu le début de ton article... :)

Mais là, il est tout à fait magnifique.

Merci, Flo. Je ne l'ai pas lu assez tôt pour m'en servir aujourd'hui, mais je pense que cela viendra bientôt.

Passe une belle soirée. Bisous.


Michel 15/12/2009 19:21


Bonsoir Flo !!!!!

Très grandes bises !!!!!


patmamy 15/12/2009 18:52


coucou ma Flo, je vais bien, je compte essayer de recommencer au travail le 4 janvier.bz patmamy


Clo 15/12/2009 18:38


Voilà encore des choses que je ne connaissais pas :)
On apprend beaucoup chez toi :)
Bisous ma Flo et bonne soirée :0010:


boubou 15/12/2009 16:51


meri encore un plus pour moi
bonne journée boubou


canelle56 15/12/2009 14:21


Olala je n'oserais même pas y toucher....
bises flo
clic


Flo-Avril 15/12/2009 15:25


Ben pourquoi?


marie the 15/12/2009 11:58


coucou ma flo

je vais demander à mon secrétaire en chef de venir voir ton article ..

gros bisoussssssssssss


Flo-Avril 15/12/2009 15:25





belgique-chine 15/12/2009 10:49


merci de toute ces info
passe une bonne journee bisous


Flo-Avril 15/12/2009 15:25


Toi aussi René


@lain 15/12/2009 09:32


Bonjour Flo

Très intéressant, je vais voir ce que je peux mettre en application. Ces lignes de commande sont à mettre dans le CSS ?

Je te souhaite une excellente journée
Gros bisous
@lain
+$$


Flo-Avril 15/12/2009 15:26


Non, c'est du HTML


AndreBouchaud 15/12/2009 09:29


Merci Flo Passe une agréable journée nous t'embrassons bien fort Marie Dédé


Flo-Avril 15/12/2009 15:26


Bisous vous deux



jupiter 15/12/2009 09:19


epliqué comme cela , je me sens presque capable de le faire
et les bordures arrondies un peu comme ton joli blog , c'est comment ?
je te fais de gros bisous
que ta journée soit douce
jupi


Flo-Avril 15/12/2009 15:27


lance toi mon bon Jupi


Un Sujet En Particulier ?

Sur ce blog il y a

Passe ta souris sur la première lettre de chaque ligne

Blogopotes

Cet ensemble de miniatures, représente mes amis, les personnes chez qui j'aime flâner et faire un petit coucou , laisser un commentaire chaque fois que j'en ai envie.

 

Si vous désirez vous y retrouver, laissez-moi un coucou à votre tour, je me ferai un plaisir de vous y accrocher et j'irai vous écrire une petite bafouille à mon tour.

Pose ton curseur sur les miniatures, tu verras apparaître les pseudonymes et tu auras le lien du blog

 

 

Alain TreiZe Aummani chtinoeil bubuneJoëlCannelle Dany Dix DomSimone Déesse GL katara PatriciaMamyAnnick Marie M-T Michel Nouche Patmamy QuichottineBigornette Nanou SpipAlainJeeretGabClnKinouLCDAndréla-cachinaM_PZip de loupTatarinetteAlinebikerMahinaFrançoisePaqueretteLaurentPatriarchGeoElianeValentineJ-P SilvestreMentaleJeanCricketValerieTiotTimiloKryNefertitiMartineTotoFancriSylfanfleur de lysBrenPhilippeZapiCloMichelOcecoolMartineRogerNadiaD@net

---------------------

Mon troisieme recueil

Thebook edition a classé mon recueil dans la catégorie adultes, certains de mes poèmes étant érotiques

Acheter Foucades en mots tressés

http://a-fleur-de-plume.eklablog.com/

Ah tu es là

Mon premier recueil de poésies

Un second recueil avec une meilleure présentation et de nouveaux poèmes,  vient de voir le jour .

N'hésitez pas à vous l'offrir ou à l'offrir pourquoi pas !

 

Le livre