|
|
|
Bienvenue sur le Wiki d'Univers-PC !
Afin de vous familiariser avec le wiki je vous invite à lire les Tutoriaux du wiki. Rapporter une mise à jour de logiciel BeforeDe Wiki-PC.
ExempleCode XHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>:before</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" media="screen" type="text/css" title="before" href="before.css" />
</head>
<body>
<h1>Exemples XHTML / CSS</h1>
<p>Bonjour,<br />
Ceci est un exemple du site <a href="http://wikipc.fr">Wiki-PC.fr</a> de la proprété CSS : <a href="http://wikipc.eu/index.php5?title=Propriete_Before">:before</a></p>
<h1>Poésie de Louise Brachmann </h1>
<h2>Christophe Colomb</h2>
<p class="texte-avant"><br /><br />
« – Que me veux-tu, Fernand ? ta pâleur m’annonce une nouvelle sinistre, –
Hélas ! tous mes efforts ne peuvent contenir l’équipage révolté !
S’il ne découvre bientôt le rivage, vous serez victime de sa fureur : déçu dans ses espérances
, il demande à grands cris le sang du chef qu’il accuse de l’avoir trompé. »<br /><br />
À peine il a parlé que la foule irritée s’élance dans la chambre de l’amiral.
La rage et le désespoir se peignent dans leurs yeux caves, sur leurs visages épuisés par la famine :
« – Traître ! s’écrient-ils, où est la fortune que tu nous as promise ?<br /><br />
« Tu ne nous donnes pas de pain ; eh bien, donne-nous du sang ! – Du sang !
répète la troupe déchaînée. » L’amiral, avec calme, oppose son courage à leur fureur.
« – S'il vous faut du sang, abreuvez-vous du mien, leur dit-il, et vivez.
Cependant je vous demande de me laisser, une fois encore, voir le soleil se lever sur cet horizon.<br /><br /></p>
</body>
</html>
Code CSS
body
{
background: url("http://wiki-pc.fr/skins/monobook/wiki.png") #FFFFDE fixed no-repeat bottom right;
}
h1
{
background-color: #E1E5FF;
}
.texte-avant:before
{
content: "Ici j'ai utilisé le pseudo format :before";
color: red;
}
Ce qui affichera
FonctionPermet d'ajouter du texte avant n'importe quelle balise. Le pseudo-format est :before.
Il s'utilise sous cette forme : .texte-avant:before
{
content: "Ici j'ai utilisé le pseudo format :before";
}
Pour résumer
....:before
{
content: "..."
}
|
