UNE IMAGE SUR UN BLOC
________________________________________________________________________________
<p style="text-align: center;"><img style="position: relative; margin-top: -200px; margin-left: 300px;" src="TON LIEN" alt="1406814727-molang-cloud.gif" width="200" height="191" /></p>
width + height = la dimension de l'image
Margin-top = la hauteur de l'image
margin-left = le placement (droite/gauche)
________________________________________________________________________________
-- Faire un lien sans le souligner (quand on passe la souris dessu) --
________________________________________________________________________________
<A HREF="LE LIEN DU SITE" style="text-decoration:none">LE NOM QUI MENE AU LIEN</A>
________________________________________________________________________________
-- Mettre une Image comme fond + un bloc transparent par dessu --
________________________________________________________________________________
<div style="height: 350px; overflow: hidden;"><img style="width: 685px; vertical-align: middle; box-shadow: 1px 1px 5px #edf7f2;" src="https://s-media-cache-ak0.pinimg.com/236x/f5/d2/56/f5d256e1c4c33c23697926f4ba5401bd.jpg" alt="" />
<p> </p>
<div style="color: #5760ed; margin-top: 110px;">
<table>
<tbody>
<tr>
<td><span style="color: #000000;"><span><span style="font-size: small;"> <br /><br /> </span></span></span></td>
<td> </td>
<td> </td>
<td>
<div style="padding: 30px; width: 540px; height: 200px; margin-top: -620px; margin-left: 10px; opacity: 0.8; background-color: #fef3ff;">
<p style="margin-bottom: 0cm;"> </p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
Informations
- Présidente :
- fille35
- Activité :
- 0 connectée(s)
- 2 membres
- 12 messages postés
- Date de création :
- le 08/08/2016 à 16:24
Présentation
____________________________________

____________________________________
Clara - 29/11/2002
- PUB ET DEMANDES DE VOTES ACCEPTÉS -
Merci de justifié les DDA
Même IP que Misschipie5 , Callof_2008 et Mrs_Apple
car misschipie5 est ma soeur et les autres sont mes multis.

@Fille35
PAS DE PLAGIAT SOUS PEINE DE SIGNALEMENT
Discussions
à 10:55 le 12/08/2016
> BLOC
-- Simple bloc --
_______________________________________________________________________________
<div style="background-color: #808080; width: 560px; height: 200px; text-align: center; overflow: auto; margin: auto;"><span style="font-size: medium;"> </span></div>
________________________________________________________________________________
-- A savoir --
________________________________________________________________________________
> L'opacité: opacity: 0.7; de 0.1 à 0.9 -> de plus transparent à moins transparent
> L'emplacement du bloc: margin: auto; On change 'auto' (ou laisse) par ???px
> Empêcher les flottants de dépasser du bloc: overflow: auto; (ne peut pas etre changer)
> Arrondir tous les coins du bloc: border-radius: ???px;
> Arrondir un coin du bloc: border-radius: ???px 0px 0px 0px;
> Tourner le bloc: transform:rotate(???deg);
> Mettre un bord au bloc + épaisseur: border:1px dotted #???;
dotted (pointillé)
dashed (tirets)
solid (solide)
double (double)
groove (rainurée)
ridge (relief)
inset (relief intérieur)
outset (relief extérieur)
> Mettre de l'ombre au bloc
> Changer la taille du bloc: Width: ???px; height: ???px
width -> largeur // height -> hauteur
> marge interne dans un bloc: padding:???px;
> marge externe dans un bloc: margin:???px;
> Mettre de l'ombre au bloc:
box-shadow: ??px ??px ??px ??px #???;
> Faire une ombre à effet horizontal/vertical: (base du code/ peut être modifier) box-shadow: 10px 0px black;
> Ombre droite + transparente: box-shadow: 10px 10px rgba(0, 0, 0, 0.3)
-- Simple bloc --
_______________________________________________________________________________
<div style="background-color: #808080; width: 560px; height: 200px; text-align: center; overflow: auto; margin: auto;"><span style="font-size: medium;"> </span></div>
________________________________________________________________________________
-- A savoir --
________________________________________________________________________________
> L'opacité: opacity: 0.7; de 0.1 à 0.9 -> de plus transparent à moins transparent
> L'emplacement du bloc: margin: auto; On change 'auto' (ou laisse) par ???px
> Empêcher les flottants de dépasser du bloc: overflow: auto; (ne peut pas etre changer)
> Arrondir tous les coins du bloc: border-radius: ???px;
> Arrondir un coin du bloc: border-radius: ???px 0px 0px 0px;
> Tourner le bloc: transform:rotate(???deg);
> Mettre un bord au bloc + épaisseur: border:1px dotted #???;
dotted (pointillé)
dashed (tirets)
solid (solide)
double (double)
groove (rainurée)
ridge (relief)
inset (relief intérieur)
outset (relief extérieur)
> Mettre de l'ombre au bloc
> Changer la taille du bloc: Width: ???px; height: ???px
width -> largeur // height -> hauteur
> marge interne dans un bloc: padding:???px;
> marge externe dans un bloc: margin:???px;
> Mettre de l'ombre au bloc:
box-shadow: ??px ??px ??px ??px #???;
> Faire une ombre à effet horizontal/vertical: (base du code/ peut être modifier) box-shadow: 10px 0px black;
> Ombre droite + transparente: box-shadow: 10px 10px rgba(0, 0, 0, 0.3)
à 10:33 le 12/08/2016
> FOND
-- A savoir --
________________________________________________________________
Faire un fond en dégradé basique:
<div style="background-image: linear-gradient( #???, #???); widt: ???px; height: ???px;">fond</div>
• Pour ajouter des couleur à la suite: #???, #???, #???
• Changer le sens du dégrader:
entre les parenthèses, ajouter au début:
to left, → de la droite vers la gauche
to right, → de la gauche vers la droite
to bottom, → de haut en bas
to top, → de bas en haut
to top right, → de bas en haut vers la droite
etc...
???deg,
• Mettre un pourcentage de couleur: (aussi valable en px)
On à la couleur + [espace] + le %→ #??? ??%
• Pour repeter le fond:
on ajoute → repeting- avant linear
• Pour faire un rond:
on remplace → linear par → radial
-- A savoir --
________________________________________________________________
Faire un fond en dégradé basique:
<div style="background-image: linear-gradient( #???, #???); widt: ???px; height: ???px;">fond</div>
• Pour ajouter des couleur à la suite: #???, #???, #???
• Changer le sens du dégrader:
entre les parenthèses, ajouter au début:
to left, → de la droite vers la gauche
to right, → de la gauche vers la droite
to bottom, → de haut en bas
to top, → de bas en haut
to top right, → de bas en haut vers la droite
etc...
???deg,
• Mettre un pourcentage de couleur: (aussi valable en px)
On à la couleur + [espace] + le %→ #??? ??%
• Pour repeter le fond:
on ajoute → repeting- avant linear
• Pour faire un rond:
on remplace → linear par → radial
à 13:55 le 11/08/2016
> TEXTE
-- A savoir --
________________________________________________________________________________
> Comment encadrer un texte: (base du code/ peut être modifier)
<p>ceci est un <span style="border-style: solid; border-width: 2px;"> test </span></p>
> Mettre un texte sous forme d'exposant:
<p>ceci est un<sup>test </sup></p>
> Mettre un texte sous forme d'indice:
<p>ceci est un <sub>test </sub></p>
> Ecrire à l'envers:
<p><bdo dir="rtl" lang="ja"> ECRIRE A L'ENVERS </bdo></p>
> Faire une liste:
<dt>ceci est une</dt> <dd>liste</dd> <dd>pour un test</dd>
> Une liste avec points:
<h4>ceci est</h4>
<ul>
<li>un point au dessus</li>
<li>un point au milieu</li>
<li>un point en dessous</li>
</ul>
> Faire une liste numérotée:
<h4>Ceci est</h4>
<ol>
<li>une liste</li>
<li>numérotée</li>
<li>avec des chiffres</li>
</ol>
> Ombre sur un texte: <div style="text-shadow: 0px 0px 4px red;">TEXTE </div>
> Ombre doublée sur un texte: A MODIFIER
text-shadow: 2px 2px 2px #cc9966, -2px -2px 2px #ff0059;
> écriture multicolore: http://glitter-graphics.net/generators/rainbow.php
-- A savoir --
________________________________________________________________________________
> Comment encadrer un texte: (base du code/ peut être modifier)
<p>ceci est un <span style="border-style: solid; border-width: 2px;"> test </span></p>
> Mettre un texte sous forme d'exposant:
<p>ceci est un<sup>test </sup></p>
> Mettre un texte sous forme d'indice:
<p>ceci est un <sub>test </sub></p>
> Ecrire à l'envers:
<p><bdo dir="rtl" lang="ja"> ECRIRE A L'ENVERS </bdo></p>
> Faire une liste:
<dt>ceci est une</dt> <dd>liste</dd> <dd>pour un test</dd>
> Une liste avec points:
<h4>ceci est</h4>
<ul>
<li>un point au dessus</li>
<li>un point au milieu</li>
<li>un point en dessous</li>
</ul>
> Faire une liste numérotée:
<h4>Ceci est</h4>
<ol>
<li>une liste</li>
<li>numérotée</li>
<li>avec des chiffres</li>
</ol>
> Ombre sur un texte: <div style="text-shadow: 0px 0px 4px red;">TEXTE </div>
> Ombre doublée sur un texte: A MODIFIER
text-shadow: 2px 2px 2px #cc9966, -2px -2px 2px #ff0059;
> écriture multicolore: http://glitter-graphics.net/generators/rainbow.php
à 22:03 le 10/08/2016
<div style="background-color: #CODE COULEUR">texte</div>