[CSS] ~reorganisation du bandeau - wip

diff --git a/www/plugins/skel_ptitvelo/css/perso.css.html b/www/plugins/skel_ptitvelo/css/perso.css.html
index b06958c..335a2ab 100644 (file)
--- a/www/plugins/skel_ptitvelo/css/perso.css.html
+++ b/www/plugins/skel_ptitvelo/css/perso.css.html
@@ -13,6 +13,11 @@
        top: 90px; left: 20px;  
 }
 
+#entete img, .spip_logos {
+    vertical-align: middle;
+    margin: 15px;
+}
+
 #entete p#intro {
        font-size: 30px;
        line-height: 1.6em;
@@ -22,7 +27,7 @@
        
        /* change the values of top and left to adjust the position */
        bottom: 5px;
-       right: 5px;
+       right: 15px;
 }
 
 /* Pour éviter que le paragraphe nous décale tout */
@@ -38,16 +43,18 @@
        background: none;
 }
 
-
 #entete #entete-image {
-       text-align: left;
+       text-align: right;
        position: relative;
+       font-size: 1.5em;
+       font-color: #FFF;
 }
 
 #entete #entete-image a {
        position: float;
        padding-top: 5px;
        padding-left: 5px;
+       color: #FFF;
 }
 #entete #entete-image #logo {
        float:left;
@@ -112,6 +119,10 @@ th {
     color: #444444;
 }
 
+.container_12, .container_16 {
+       padding-right: 15px;
+}
+
 .container_12 .grid_3, .container_16 .grid_4 {
     height: 375px;
     overflow: hidden;

diff --git a/www/plugins/skel_ptitvelo/inclure/entete.html b/www/plugins/skel_ptitvelo/inclure/entete.html
index 6dd51e4..32d162e 100644 (file)
--- a/www/plugins/skel_ptitvelo/inclure/entete.html
+++ b/www/plugins/skel_ptitvelo/inclure/entete.html
@@ -11,10 +11,9 @@
        <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" />
-               #MENU_LANG
-               </div>
+               <h1 id="logo-text"><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/logo.png" />#NOM_SITE_SPIP</a></h1>
                [<p id="intro">(#SLOGAN_SITE_SPIP|PtoBR)</p>]
+               #MENU_LANG
        </div>]
        [(#REM) Sinon on affiche une image cliquable]
        [(#CONFIG{BeeSpip/affichage/nom_site}|=={'oui'}|non)