-
Par manola le 1 Juin 2013 à 19:53
Ceci est un code HTML a coller dans le html !!
Un encadré double
exemple
collez le code dans le html
********************
vous pouvez également placer dans le css un petit code avec des marges extérieures pour que l'encadré ne soit pas trop pres des bords
Voici le code
fieldset { margin: 40px 40px;} Vous pouvez changer le nombre pour les marges ce qui est en rouge dans le code .
*******************
Pour changer la couleur du cadre , il faut également un code css .
fieldset {border-color: #bc9739;} Pour modifier la couleur changez ce qui est en rouge dans le code.
***************
Pareil pour avoir les coins arrondis
voici le code
fieldset { border-radius: 15px 15px 15px 15px;} Vous pouvez changer le nombre de px "pixels " pour les coins "le rouge dans le code"
le premier chiffre = H gauche - le 2em chiffre = h droite
le 3em chiffre = B droite - le 4em chiffre = B gauche
INFO : Ce code pour les coins arrondis ne fonctionne
pas avec internet explorer
*
Un merci fait toujours plaisir ; c'est la récompense de mon travail
-
Par manola le 21 Mai 2013 à 19:55
Voici un encadré simple et facile à poser
Vous pouvez l'utiliser pour encadrer vos textes , vos codes ou vos images
exemple
Ceci est un code HTML a coller dans le html !!
oui le bouton html à changer , maintenant c'est le code source , regarde la capture
c'est là qui faut coller le code .
<fieldset style="width: Xpx;"><legend>Le code</legend>Ecrire ICI</fieldset>
Vous pouvez changer dans le code ce qui est en rouge par un autre mot de votre choix , ne rien changer d'autre ! pour que le cadre soit bien centré ,
vous pouvez également placer dans le css un petit code avec des marges extérieures pour que l'encadré ne soit pas trop pres des bords
Voici le code
fieldset { margin: 40px 40px;} Vous pouvez changer le nombre pour les marges ce qui est en rouge dans le code .
*******************
Pour changer la couleur du cadre , il faut également un code css .
fieldset {border-color:#bc9739;} Pour modifier la couleur changez ce qui est en rouge dans le code.
***************
Pareil pour avoir les coins arrondis
voici le dode
fieldset { border-radius:15px 15px 15px 15px;} Vous pouvez changer le nombre de px "pixels " pour les coins "le rouge dans le code"
le premier chiffre = H gauche - le 2em chiffre = h droite
le 3em chiffre = B droite - le 4em chiffre = B gauche
INFO : Ce code pour les coins arrondis ne fonctionne
pas avec internet explorer
*
pour une ombre portée noir
exemple
fieldset { box-shadow: 2px 2px 20px #000000;}
Vous pouvez modifier le code de couleur ici
regardez la capture suivante (d'office elle est noire)
et ici vous pouvez modifier l'intencité de l'ombre
le dernier chiffre est le flou de l'ombre
Coller les quatre derniers codes à l'emplacement css
*
Un merci fait toujours plaisir ; c'est la récompense de mon travail
-
Par manola le 20 Mai 2013 à 10:44
Attention ceci est un code HTML
Menu déroulant avec barre de défilement
*
Vous pouvez l'utiliser pour vos liens comme dans ma colonne ,pour vos codes ,
ou pour les petites bannières de vos ami(e)s
exemple
Ecrire ici
<div style="padding-left: 110px; padding-right: 110px;"><div style="overflow-x; auto; overflow-y: auto; height: 200px; width: 625px; background-color: #xxxxxx; text-align: center; border-width: 2px; border-color: #c48a10; border-style: groove; padding: 5px;">
<p style="text-align: center; margin: 0px;"><span style="color: #e0e0e0;"><strong>Ecrire ici</strong></span></p>
<p style="text-align: center; margin: 0px;"><span style="color: #e0e0e0;"><strong> </strong></span></p>
<ul style="list-style-type: none; padding: 0px; margin: 0px;">
<li><span style="color: #e0e0e0;"><strong><span style="text-decoration: initial;"><strong style="color: #e0e0e0; text-decoration: initial;">
</ul>
</div>
<p> </p>
Vous pouvez changer dans le code
= Pour Centré votre menu
= La hauteur
= la largeur
= la couleur de fond " avec #xxxxxx le fond reste transparent"
= la couleur du cadre
= la couleur du texte
INFO / La barre de défilement du coté apparaitra après , quand vous aurez écrit plusieurs phrases ou collé plusieurs bannières à l'intérieur du cadre
*
Coller le code à l'emplacement HTML
*
Un merci fait toujours plaisir ; c'est la récompense de mon travail
---
oui le bouton html à changer , maintenant c'est le code source , regarde la capture
c'est là qui faut coller le code .
Suivre le flux RSS des articles de cette rubrique