[SKEL+CSS] + role h1, h2, h3, référencement
authorJohan GIRAUD <johangiraud1@gmail.com>
Thu, 12 Feb 2015 11:29:06 +0000 (12:29 +0100)
committerJohan GIRAUD <johangiraud1@gmail.com>
Thu, 12 Feb 2015 11:29:06 +0000 (12:29 +0100)
article.html
css/habillage.css
css/habillage.scss
inclure/sites.html
rubrique.html
sommaire.html

index bb223ab..55e40f1 100644 (file)
@@ -19,7 +19,7 @@
             <div id=atelierdescription>
                 <div id="news">
                     <div class="articlefull">
-                        <h1>#TITRE</h1>
+                        <h2>#TITRE</h2>
                         <h3>[(#DATE|affdate)]</h3>
                         #TEXTE
                         <div class="voirenligne"><a href=#URL_SITE><:clavettes:voir_en_ligne:></a></div>
@@ -38,7 +38,7 @@
                     <h2 class="titre"><:clavettes:a_lire_aussi:></h2>
                     <BOUCLE_articles_autres(ARTICLES){!id_article}{id_rubrique=#ID_RUBRIQUE}{!par date}{0,8}>
                     <div class="article">
-                        <a href="#URL_ARTICLE"><h1>#TITRE</h1></a>
+                        <a href="#URL_ARTICLE"><h2>#TITRE</h2></a>
                         <h3>[(#DATE|affdate)]</h3>
                         <p>#INTRODUCTION{400}</p>
                         <BOUCLE_doc(DOCUMENTS){id_rubrique}{mode=image}{par hasard}{doublons}{0,1}>
index 066123a..e431242 100644 (file)
@@ -114,23 +114,28 @@ a:hover > i {
   transition: all 0.3s ease 0s; }
 
 h1 {
+  z-index: -9999; }
+
+h2 {
   margin: 0;
   padding: 0;
   margin-top: 15px;
   margin-left: 15px;
   font-size: 1.8em;
   display: inline-block;
-  font-weight: bold; }
+  font-weight: bold;
+  width: 90%; }
 
-h1:hover {
+h2:hover {
   text-decoration: underline; }
 
-h2 {
+h3 {
   margin: 15px 15px;
   font-size: 1.2em;
-  display: inline-block; }
+  display: inline-block;
+  width: 90%; }
 
-h3 {
+h4 {
   margin: 15px;
   display: inline-block; }
 
@@ -150,7 +155,18 @@ p {
   padding: 10px 15px;
   text-transform: uppercase;
   font-family: "Trebuchet MS", Helvetica, arial, sans-serif;
-  font-size: 1.7em; }
+  font-size: 1.7em;
+  font-weight: normal; }
+
+.titre:hover {
+  text-decoration: none;
+  font-weight: normal; }
+
+#ateliers h3 {
+  margin: 15px 15px;
+  font-size: 1.2em;
+  display: inline-block;
+  text-decoration: none; }
 
 #ateliers {
   margin: 0 10px; }
@@ -314,7 +330,7 @@ address p {
   padding-right: 10px;
   padding-bottom: 15px; }
 
-.agenda h1:hover {
+.agenda h2:hover {
   text-decoration: none; }
 
 .agenda p {
index 9b766de..dd7b067 100644 (file)
@@ -131,6 +131,9 @@ a:hover > i {
     transition: all 0.3s ease 0s;
 }
 h1{
+       z-index: -9999;
+}
+h2{
        margin: 0;
        padding:0;
        margin-top:15px;
@@ -138,19 +141,20 @@ h1{
        font-size:1.8em;
        display:inline-block;
        font-weight: bold;
+       width: 90%;
 }
-
-h1:hover{
+h2:hover{
        text-decoration: underline;
 }
 
-h2{
+h3{
        margin: 15px 15px;
        font-size:1.2em;
        display:inline-block;
+       width:90%;
 }
 
-h3{
+h4{
        margin:15px;
        display:inline-block;
 }
@@ -174,6 +178,17 @@ p{
        text-transform: uppercase;
        font-family: "Trebuchet MS", Helvetica, arial, sans-serif;
        font-size: 1.7em;
+       font-weight: normal;
+}
+.titre:hover{
+       text-decoration: none;
+       font-weight: normal;
+}
+#ateliers h3{
+       margin: 15px 15px;
+       font-size:1.2em;
+       display:inline-block;
+       text-decoration: none;
 }
 #ateliers{
        margin:0 10px;
@@ -348,7 +363,7 @@ address p{
        padding-right: 10px;
        padding-bottom: 15px;
 }
-.agenda h1:hover{
+.agenda h2:hover{
        text-decoration: none;
 }
 .agenda p{
index ed07079..b9023f2 100644 (file)
@@ -6,12 +6,12 @@
         <ul>
             <BOUCLE_sites(SITES){par hasard}>
             <li[ style="background-color:#(#ID_RUBRIQUE|couleur_rubrique);"]>
-                <a href="#URL_RUBRIQUE"><h1>#NOM_SITE</h1></a>
+                <a href="#URL_RUBRIQUE"><h2>#NOM_SITE</h2></a>
                 <B_gis>
                 <ul>
                 <BOUCLE_gis(GIS){objet='site'}{id_objet=#ID_SYNDIC}>
                     <li>
-                        <h2>• #TITRE</h2>
+                        <h3>• #TITRE</h3>
                         <address>
                             #ADRESSE
                             <p>#CODE_POSTAL #VILLE</p>
index 3ee18d7..d76112f 100644 (file)
@@ -13,6 +13,7 @@
     <header>
         <a href="#URL_SITE_SPIP">[(#LOGO_SITE_SPIP|inserer_attribut{alt,#NOM_SITE_SPIP})]</a>
     </header>
+    <h1>Clavette grenobloise - L'heureux Cyclage</h1>
     <section id="wrap">
 <!--1ERE COLONNE-->
         <div class="col-12 col-m-6 col-l-3">
@@ -21,9 +22,9 @@
                     <BOUCLE_sites(SITES){id_rubrique}{0,1}>
                     <ul>
                         <li[ style="background-color:#(#ID_RUBRIQUE|couleur_rubrique);"]>
-                            <a href="#"><h1>#NOM_SITE</h1></a>
+                            <a href="#"><h2>#NOM_SITE</h2></a>
                             <BOUCLE_gis(GIS){objet='site'}{id_objet=#ID_SYNDIC}>
-                                    <h2>• #TITRE</h2>
+                                    <h3>• #TITRE</h3>
                                     <address>
                                         #ADRESSE
                                         <p>#CODE_POSTAL #VILLE</p>
@@ -47,7 +48,7 @@
         <div class="col-12 col-m-6 col-l-5">
             <div id=atelierdescription>
                 <div class="articlefull">
-                    <h1>#TITRE</h1>
+                    <h2>#TITRE</h2>
                     <h3><:clavettes:historique:><h3>
                     #TEXTE
                     <BOUCLE_site_lien(SITES){id_rubrique}{0,1}>
@@ -61,7 +62,7 @@
                         <BOUCLE_doc(DOCUMENTS){id_rubrique}{mode=image}{par hasard}{doublons}{0,1}>
                         [(#FICHIER|image_reduire{650}|image_nb|image_masque{#CHEMIN{images/masque_bleu.png},mode=normal})]
                         </BOUCLE_doc>
-                        <a href="#URL_ARTICLE"><h1>#TITRE</h1></a>
+                        <a href="#URL_ARTICLE"><h2>#TITRE</h2></a>
                         <h3>[(#DATE|affdate)]</h3>
                         <p>#INTRODUCTION{400}</p>
                     </div>
@@ -81,7 +82,7 @@
         </div>
         <div class="col-12 col-m-12 col-l-4">
             <div class="agenda"[ style="background-color:#(#ID_RUBRIQUE|couleur_rubrique);"]>
-                <h1><:clavettes:agenda:></h1>
+                <h2><:clavettes:agenda:></h2>
                 <B_evenements>
                 <ul>
                     <BOUCLE_evenements(EVENEMENTS){age<=0}{0,5}{par date_debut}{id_rubrique}>
index a7726f6..e6bea67 100644 (file)
@@ -25,7 +25,7 @@
                     <BOUCLE_doc(DOCUMENTS){id_rubrique}{mode=image}{par hasard}{doublons}{0,1}>
                     [(#FICHIER|image_reduire{650}|image_nb|image_masque{#CHEMIN{images/masque_bleu.png},mode=normal})]
                     </BOUCLE_doc>
-                    <a href="#URL_ARTICLE"><h1><i class="fa fa-circle"[ style="color:#(#ID_RUBRIQUE|couleur_rubrique);"]></i> #TITRE</h1></a>
+                    <a href="#URL_ARTICLE"><h2><i class="fa fa-circle"[ style="color:#(#ID_RUBRIQUE|couleur_rubrique);"]></i> #TITRE</h2></a>
                     <BOUCLE_rub(RUBRIQUES){id_rubrique=#ID_RUBRIQUE}>
                     <h3>[(#_articles:DATE|affdate)] — #TITRE</h3>
                     <p>#_articles:INTRODUCTION{400}</p>
@@ -44,7 +44,7 @@
         </div>
         <div class="col-12 col-m-12 col-l-4">
             <div class="agenda">
-                <h1><:clavettes:agenda:></h1>
+                <h2><:clavettes:agenda:></h2>
                 <B_evenements>
                 <ul>
                     <BOUCLE_evenements(EVENEMENTS){age<=0}{0,5}{par date_debut}>