From: Ludovic CHEVALIER <ludovic.chevalier@heureux-cyclage.org>
Date: Tue, 25 Jun 2013 22:58:59 +0000 (+0200)
Subject: [SKEL] ~habillage et menu lang
X-Git-Tag: 3.0.0~33
X-Git-Url: http://git.cyclocoop.org/?p=ptitvelo%2Fweb%2Fwww.git;a=commitdiff_plain;h=ccd72146652a5ce14b85564781154ac0ea8421e3

[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
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
--- 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>