______________Annie_____________
background-image: radial-gradient(pink, violet);
background-image: linear-gradient(pink, violet);
background-image: url();
background-color: #000000;
background-color: rgba(255, 255, 255, 0.7);
^ Bloc transparent mais contenu non transparent
background-color: #ff00ff; opacity: 0.7;
^ Bloc & contenu transparent
cursor: url(), default;
-webkit-transform: rotate(5deg);
border: 5px solid hotpink;
border-left: 5px dotted white;
border-right: 5px dashed blue;
border-top: 5px groove black;
border-bottom: 5px ridge purple;
border: 5px inset plum;
border: 5px outset gainsboro;
width: XXXpx;
height: XXXpx;
box-shadow: 0px 0px 5px black;
box-shadow: 0px 0px 5px white inset;
Pour combiner ombre intérieure et ombre extérieure :
box-shadow: 0px 0px 5px black, 0px 0px 5px white inset;
(L'ordre n'a aucune importance)
text-shadow: 0px 0px 3px black;
border-radius: 50px;
↑ Tous les angles sont arrondis de 50px
border-radius: 0px 50px 0px 50px;
^ Seuls 2 angles (haut droit & bas gauche) sont arrondis
overflow: auto;
overflow: hidden;
overflow-y: scroll;
^ Scrollbar seulement sur le côté droit
overflow-z: scroll;
^ Scrollbar seulement en bas
ENLEVER LE SOULIGNEMENT ET LA COULEUR ROUGE LORSQU'ON INSÈRE UN LIEN :
- Sélectionner le mot ou le groupe de mots renvoyant au site ;
- Aller dans l'outil "Insérer / éditer un lien", puis dans "Avancé" ;
- Remplir le champ de texte correspondant au "Style" avec : text-decoration: none; color: blue
(A noter : vous pouvez mettre n'importe quelle couleur hein, ce n'est qu'un exemple)
EFFET SPÉCIAL TEXTE : les petites majuscules
Pour qu'un mot ou un groupe de mots soit en petites majuscules, ajouter font-variant: small-caps dans le style <span style correspondant. c:
_________Jaewon__________
les ombres qui sont juste autours (en continue) et non en décalé. On ajoute +1 [px]
box-shadow : 0px 0px 7px 2px #000000
Pareil pour l'ombre du texte :
text-shadow: 0px 0px 3px 2px; #000000
Par contre l'ordre des [px] ont une signification (je l'ai est mis dans l'ordre)
1er valeur =le décalage horizontal de l'ombre
2e valeur = le décalage vertical de l'ombre
3e valeur =l'adoucissement du dégradé (le floue de la couleur)
4e valeur =la couleur de l'ombre(intensité/pigmentation)
un tableau :
<table><tr><td>LE CONTENU</td></tr></table>
IMAGE EN DEHORS DU PROFIL :
div style="position: fixed; left: Xpx; top: Xpx;"><img src="LIEN DE L'IMAGE" alt="Meow <3" width="X" height="X" /></div>
voilà le code, par contre celui ci c'est pour mettre une image en prenant comme base la gauche, si elle veut mettre une image à droit elle remplace [left] par [right]
et il faut remplacer [X] par les mesures voulut
vocabulaire (si elle ne sait pas)
px : pixel
→ left: Xpx = plus X est grand plus il sera éloigné du côté gauche.
→ top: Xpx = plus X est grand plus il sera éloigné du haut
→ width="X" = X est le nombre de pixel de la largeur de l'image (la taille de la largeur)
→ Height=X" = X est le nombre de pixel de la hauteur de l'image (la hauteur)
mais pour Height et Width il est préférable qu'elle clic seulement sur l'image sur son profil et de d'y changer la taille car quand on change soit Width ou Height l'image garde ces proportions.
____Petit tutos___
[; position: absolute; top: XXpx; left: XXpx;]
- Et comme d'habitude il faut remplace [XX] par les mesures souhaités
→ il est aussi possible de remplacer [XXpx] par [XX%]
mais attention ça car c'est plus rapide que les pixels x') (enfin vous verrez vous mêmes)
- et vous pouvez changer les points d'origines
→ changer [top] par [bottom]; [left] par [right]
____ PETIT PLUS ___
voici la traduction du code en quelque sorte (celui d'en haut).
machin truc (image, bloc...) se trouve toujours au dessus à XXpixel à partir du haut et à XXpixel à partir de la gauche.