[SKEL] ~habillage et menu lang

diff --git a/www/plugins/skel_ptitvelo/css/perso.css.html b/www/plugins/skel_ptitvelo/css/perso.css.html
new file mode 100644 (file)
index 0000000..e3bf0e6
--- /dev/null
+++ b/www/plugins/skel_ptitvelo/css/perso.css.html
@@ -0,0 +1,137 @@
+#entete p#logo-text { margin: 0; padding: 0; }
+#entete p#logo-text a {
+       position: absolute; 
+       margin: 0; padding: 0 5px 0 0;
+       font-size: 55px;
+       #GET{typo_titre}
+       letter-spacing: -1px;
+       color: #GET{couleur_liens};
+       text-decoration: none;
+       line-height:1em;
+               
+       /* change the values of top and left to adjust the position of the logo*/
+       top: 90px; left: 20px;  
+}
+
+#entete p#intro {
+       font-size: 30px;
+       line-height: 1.6em;
+       width: auto;
+       top: auto;
+       left: auto;
+       
+       /* change the values of top and left to adjust the position */
+       bottom: 5px;
+       right: 5px;
+}
+
+/* Pour éviter que le paragraphe nous décale tout */
+#entete #evitement {
+       position:absolute;
+}
+
+/*  navigation  */
+#entete #nav {
+       height: #CONFIG{BeeSpip/affichage/taille_menu}px;
+       top: 12px;
+       position: relative;
+       background: none;
+}
+
+
+#entete #entete-image {
+       text-align: left;
+       position: relative;
+}
+
+#entete #entete-image a {
+       position: float;
+       padding-top: 5px;
+       padding-left: 5px;
+}
+#entete #entete-image #logo {
+       float:left;
+}
+
+#entete #entete-image #menu_lang {
+       position: absolute;
+       right:  5px;
+       top: 5px;
+}
+
+/* Entete recherche */
+#entete #formulaire_recherche form, #conteneur #formulaire_recherche form {
+       width: 210px; height: 25px;
+}
+#entete #formulaire_recherche form {
+       top: 2px; right: 10px;
+}
+
+/* Contenu */
+#contenu h1, #contenu_presentation h1 {
+       /* font-size: 3.7em; */
+       letter-spacing: -1px;   
+}
+#contenu h1 a {
+       color: #GET{couleur_titres};
+       border: none;
+}
+#contenu h2.sommaire, #contenu h3.sommaire {
+       letter-spacing: -0.6px; 
+       /*line-height: 1em;*/
+}
+
+#entete {
+    border: none;
+    background : none;
+}
+
+#entete-wrap {
+    background-color: #EFAE13;
+}
+
+
+ol#controls li a {
+    background: none repeat scroll 0 0 #EFAE13;
+    border: none;
+    color: #753D0D;
+    padding: 0 10px;
+}
+
+th {
+    background: none repeat scroll 0 0 #EFAE13;
+    border-color: #FFFFFF;
+    color: #000000;
+}
+
+#colonne .liste {
+    padding-left: 10px;
+}
+#colonne .grid_4 {
+    border-left: 1px solid #C89B2E;
+}
+
+
+#contenu h2.sommaire, #contenu h3.sommaire {
+    border-bottom: 1px solid #F4C656;
+    color: #444444;
+}
+
+#colonne .liste h4, .grid_4.actucolonne2 h4, #colonne_bandeau .liste h4 {
+    border-bottom: 1px solid #EBEBEB;
+    --color: #9F5D00;
+    color: #B8850A;
+}
+
+hr.spip {
+    background-color: #F4C656;
+}
+
+.caractencadre-spip {
+    color: #B8850A;
+    font-weight: bold;
+}
+
+.sf-menu ul li a, .sf-menu ul li a:visited {
+    color: #666666;
+}
\ No newline at end of file

diff --git a/www/plugins/skel_ptitvelo/inclure/entete.html b/www/plugins/skel_ptitvelo/inclure/entete.html
index 02d8040..6dd51e4 100644 (file)
--- a/www/plugins/skel_ptitvelo/inclure/entete.html
+++ b/www/plugins/skel_ptitvelo/inclure/entete.html
@@ -4,14 +4,16 @@
 [(#REM)On vérifie si la position du menu est possible, sinon on la fixe en bas de l'entete]
 #SET{hauteur_menu_max,#GET{hauteur_entete}|moins{#GET{taille_menu}}}
 [(#GET{hauteur_menu}|>{#GET{hauteur_menu_max}}|oui)#SET{hauteur_menu,#GET{hauteur_menu_max}}]
-<div id="entete" class="container_16" style="height:#GET{hauteur_entete}px;">
+<div id="entete" class="container_16" style="height:[(#GET{hauteur_menu}|plus{[(#GET{hauteur_entete})]})]px">
        <INCLURE{fond=inclure/liens_evitement,env}>
        [(#REM) Faut-il afficher le nom du site et le slogan]
        [(#CONFIG{BeeSpip/affichage/nom_site}|=={'oui'}|oui)
        <div id="entete-image" style="height:#GET{hauteur_entete}px;background: url([(#LOGO_SITE_SPIP|sinon{#CHEMIN{images/entete.png}}|image_reduire{1000,0}|image_recadre{960,#GET{hauteur_entete},right}|extraire_attribut{src})]) right bottom no-repeat;">
                [(#REM)On essai de définir l'emplacement du texte si il doit d'afficher en fonction de la position du menu]
                [(#GET{hauteur_menu}|>{#GET{hauteur_entete}|div{2}}|oui)#SET{position_nom_site,20}]
-               <a style="top:#GET{position_nom_site,90}px;" rel="start home" href="#URL_SITE_SPIP/" title="<:accueil_site:>"><img src="plugins/skel_ptitvelo/images/unptitvelodanslatete.png" /></a><div id="logo"><img src="plugins/skel_ptitvelo/images/logo.png" /></div>
+               <a style="top:#GET{position_nom_site,90}px;" rel="start home" href="#URL_SITE_SPIP/" title="<:accueil_site:>"><img src="plugins/skel_ptitvelo/images/unptitvelodanslatete.png" /></a><div id="logo"><img src="plugins/skel_ptitvelo/images/logo.png" />
+               #MENU_LANG
+               </div>
                [<p id="intro">(#SLOGAN_SITE_SPIP|PtoBR)</p>]
        </div>]
        [(#REM) Sinon on affiche une image cliquable]
@@ -19,10 +21,9 @@
        <div id="entete-image" style="height:#GET{hauteur_entete}px;">
                <a rel="start home" href="#URL_SITE_SPIP/" title="<:accueil_site:>"><img src="[(#LOGO_SITE_SPIP|sinon{#CHEMIN{images/entete.png}}image_reduire{1000,0}|image_recadre{960,#GET{hauteur_entete},right}|extraire_attribut{src})]" style="height:#GET{hauteur_entete}px;width:960px;" alt="Logo du site" /></a>
        </div>]
-
-       <div id="nav" style="top:#GET{hauteur_menu}px;">
+       <div id="nav">
                #INCLURE{fond=inclure/menu_standard, env}
                [(#CONFIG{BeeSpip/affichage/emplacement_recherche}|=={'haut'}|oui)#FORMULAIRE_RECHERCHE]
-               [(#INCLURE{fond=formulaires/menu_lang,env})]
+               
        </div>
 </div>