Derniers sujets
» Amazigh Chleuh Forum collecte ouayeh.com
par Admin Dim 8 Sep - 15:51

» tachelhite emergence
par Admin Dim 8 Sep - 15:34

» from ouayeh.com what's news?
par klinton Sam 20 Juil - 2:26

» Nabil Ayouch dévoile ses (actrices) sur la Croisette et fait scandale au Maroc
par klinton Mer 17 Juil - 1:56

» Worldatatag sur la sellete du cheval Berbere
par klinton Mer 17 Juil - 1:55

» worldatatag.com le site pro de Mimouni
par klinton Mer 17 Juil - 1:54

» Hommage a Mimouni
par bladinet Lun 3 Déc - 1:02

» Ne cherchez plus ,voici les liens vers propulsive technology
par Admin Jeu 26 Avr - 2:14

» ouayeh.com , ayez l'audace de voir propulsive technology
par Admin Jeu 26 Avr - 2:12

» Tachelhiteadhere a propulsive ouayeh.com
par Admin Jeu 26 Avr - 2:09

» Googline ameute le monde et provoque le scandale ; rendez nous nos Juifs
par bladinet Ven 30 Mar - 16:04

» marhba sur Tachelhite Diaspora Amazigh
par bladinet Ven 30 Mar - 16:02

» Tachelhite un site qui plante le dernier clou dans le cercueil de souss com
par tarragte Jeu 1 Fév - 23:17

» ouayeh.com epeak also tamazight
par tarragte Jeu 1 Fév - 23:14

» Wak Wak Mimouni Ggouten !
par moulayali Ven 5 Jan - 19:05

» belgika le traitre , l esclave de Mimouni
par moulayali Ven 5 Jan - 19:04

» belgika se fait l'honneur de vous inviter sur souss com espace Amazighité
par moulayali Ven 5 Jan - 19:03

» Tachelhite invitation a Timensiwine
par moulayali Ven 5 Jan - 19:01

» ce forum destiné aux etudiants merite l'encouragement
par belgika Lun 4 Sep - 15:06

» Videoclip Ouled mimoune au printemps أولاد ميمون تفنيت فصل الربيع
par bladinet Jeu 13 Juil - 19:50

Rechercher
 
 

Résultats par :
 

 


Rechercher Recherche avancée

Septembre 2019
LunMarMerJeuVenSamDim
      1
2345678
9101112131415
16171819202122
23242526272829
30      

Calendrier Calendrier

Mots-clés

Souss  Blad  mariage  ouled  Mimouni  pour  femme  


feuille Css en page index ou a part (commune)

Aller en bas

Yabiladi feuille Css en page index ou a part (commune)

Message par sguirite le Lun 14 Sep - 19:40

Voici le fichier index html intégrant egalemnt la feuille de style css

feuille Css en page index ou a part (commune) Index_13


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
 <title>Ma première page avec du style</title>
 <style type="text/css">
 body {
   padding-left: 11em;
   font-family: Georgia, "Times New Roman",
         Times, serif;
   color: purple;
   background-color: #d8da3d }
 ul.navbar {
   list-style-type: none;
   padding: 0;
   margin: 0;
   position: absolute;
   top: 2em;
   left: 1em;
   width: 9em }
 h1 {
   font-family: Helvetica, Geneva, Arial,
         SunSans-Regular, sans-serif }
 ul.navbar li {
   background: white;
   margin: 0.5em 0;
   padding: 0.3em;
   border-right: 1em solid black }
 ul.navbar a {
   text-decoration: none }
 a:link {
   color: blue }
 a:visited {
   color: purple }
 address {
   margin-top: 1em;
   padding-top: 1em;
   border-top: thin dotted }
 </style>

</head>

<body>

<!-- Menu de navigation du site -->
<ul class="navbar">
 <li><a href="index.html">Home page</a>
 <li><a href="reflexions.html">Réflexions</a>
 <li><a href="ville.html">Ma ville</a>
 <li><a href="liens.html">Liens</a>
</ul>

<!-- Contenu principal -->
<h1>Ma première page avec du style</h1>

<p>Bienvenue sur ma page avec du style!

<p>Il lui manque des images, mais au moins, elle a du style. Et elle a desliens, même s'ils ne mènent nulle part...
&hellip;

<p>Je devrais étayer, mais je ne sais comment encore.

<!-- Signer et dater la page, c'est une question de politesse! -->
<address>Fait le 5 avril 2004<br>
 par moi.</address>

</body>
</html>

remerciement a:
http://www.w3.org/Style/Examples/011/firstcss.fr.html
remerciements:
feuille Css en page index ou a part (commune) Bert_b10


Dernière édition par sguirite le Lun 14 Sep - 20:06, édité 1 fois

sguirite

Nombre de messages : 67
Age : 41
Date d'inscription : 04/10/2007

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Yabiladi Re: feuille Css en page index ou a part (commune)

Message par sguirite le Lun 14 Sep - 19:53

voici alors le contenu du fichier css:

body {
padding-left: 11em;
font-family: Georgia, "Times New Roman",
Times, serif;
color: purple;
background-color: #d8da3d }
ul.navbar {
list-style-type: none;
padding: 0;
margin: 0;
position: absolute;
top: 2em;
left: 1em;
width: 9em }
h1 {
font-family: Helvetica, Geneva, Arial,
SunSans-Regular, sans-serif }
ul.navbar li {
background: white;
margin: 0.5em 0;
padding: 0.3em;
border-right: 1em solid black }
ul.navbar a {
text-decoration: none }
a:link {
color: blue }
a:visited {
color: purple }
address {
margin-top: 1em;
padding-top: 1em;
border-top: thin dotted }


ps:
les éléments <style> et </style> appartiennent au langage HTML, pas à CSS.

sauvegarder le fichier dans le meme rep que celui index html et donnez lui l'extension .css
exemple
monstyle.css

puis, dans le fichier original on doit supprimer le paragraphe style comme suit
et le remplacer par un lien qui pointera vers monstyle.css

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Ma première page avec du style</title>
<link rel="stylesheet" href="monstyle.css">
</head>

<body>

<!-- Menu de navigation du site -->
<ul class="navbar">
<li><a href="index.html">Home page</a>
<li><a href="reflexions.html">Réflexions</a>
<li><a href="ville.html">Ma ville</a>
<li><a href="liens.html">Liens</a>
</ul>

<!-- Contenu principal -->
<h1>Ma première page avec du style</h1>

<p>Bienvenue sur ma page avec du style!

<p>Il lui manque des images, mais au moins, elle a du style. Et elle a desliens, même s'ils ne mènent nulle part...
&hellip;

<p>Je devrais étayer, mais je ne sais comment encore.

<!-- Signer et dater la page, c'est une question de politesse! -->
<address>Fait le 5 avril 2004<br>
par moi.</address>

</body>
</html>


sguirite

Nombre de messages : 67
Age : 41
Date d'inscription : 04/10/2007

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous pouvez répondre aux sujets dans ce forum