Ajout du squelette Leadescent (fonctionnant avec le thème associé)

11 years ago · 08c0b77a1d
14 changed files with 1530 additions and 0 deletions
--- a/.gitattributes
+++ b/.gitattributes
@ -0,0 +1,14 @@
+* text=auto !eol
+contenu/page-sommaire.html -text
+css/style_leadescent.css -text
+img/bg-slideshow.png -text
+img/button-carousel-next.png -text
+img/button-carousel-prev.png -text
+img/button-slideshow-pages.png -text
+/inc-theme-head.html -text
+js/jquery.cycle.js -text
+js/jquery.jcarousel.js -text
+js/slider.js -text
+/plugin.xml -text
+/squelette_leadescent_pipelines.php -text
+/vignette.jpg -text
--- a/contenu/page-sommaire.html
+++ b/contenu/page-sommaire.html
@ -0,0 +1,138 @@
+<B_testsommaire>
+	<BOUCLE_testsommaire(CONDITION){si (#ENV{composition}|=={sommaire}|oui)}>
+		<div id="slideshow-wrap">
+			<div id="slideshow">
+				<h2 class="title">Slideshow</h2>
+				<div id="slideshow-box">
+					<div class="list">
+						<BOUCLE_articles(ARTICLES){titre_mot=slider}{logo}{0,3}>
+						<div class="item">
+							<div class="image">
+								<a href="#URL_ARTICLE" title="#TITRE">
+								[(#LOGO_ARTICLE|image_reduire{940,312})]
+								</a>	
+							</div>
+							<div class="clear"></div>
+						</div>
+						</BOUCLE_articles>
+						<BOUCLE_articlesall(ARTICLES){logo}{0,3}>
+						<div class="item">
+							<div class="image">
+								<a href="#URL_ARTICLE" title="#TITRE">
+								[(#LOGO_ARTICLE|image_reduire{940,312})]
+								</a>	
+							</div>
+							<div class="clear"></div>
+						</div>
+						</BOUCLE_articlesall>
+						<//B_articles>
+					</div>
+				</div>
+			</div>
+		</div>
+			
+		<div id="hometop-wrap">
+			<div id="hometop">
+				<h2>Nos Services</h2>
+				<BOUCLE_services(ARTICLES){titre_mot=services}{0,4}>
+					<div class="bar bar-#COMPTEUR_BOUCLE">
+						<div class="widget widget_special widget_special_#COMPTEUR_BOUCLE-page">
+							[(#LOGO_ARTICLE|image_reduire{32,34})]
+							<h3 class="title">
+								<a href="#URL_ARTICLE">#TITRE</a>
+							</h3>
+							[(#TEXTE|couper{150})]
+							<p class="read-more">
+								<a href="#URL_ARTICLE">Lire la suite</a>
+							</p>
+						</div>	
+					</div>	
+				</BOUCLE_services>
+				<div class="clear"></div>
+			</div>
+		</div>
+		
+		<div id="mid-wrap">
+			<div class="content-title">
+				<h2>Actualites</h2>
+			</div>
+			
+			<div id="featured-projects-wrap">
+				<div class="jcarousel-container jcarousel-container-horizontal">
+					<div class="jcarousel-clip jcarousel-clip-horizontal">
+						
+						<ul id="featured-projects" class="jcarousel-list jcarousel-list-horizontal">
+							<BOUCLE_featured(ARTICLES){!titre_mot=services}{logo}{0,10}>
+								<li id="id_#COMPTEUR_BOUCLE" class="jcarousel-item jcarousel-item-horizontal jcarousel-item-#COMPTEUR_BOUCLE jcarousel-item-1-horizontal">
+									<a title="#TITRE_ARTICLE" rel="bookmark" href="#URL_ARTICLE">
+										[(#LOGO_ARTICLE|image_recadre{302,302,center}|image_reduire{151,151})]									
+									</a>
+								</li>
+							</BOUCLE_featured>
+						</ul>
+							
+					</div>
+					<div class="jcarousel-prev jcarousel-prev-horizontal"></div>
+					<div class="jcarousel-next jcarousel-next-horizontal"></div>
+				</div>
+			</div>
+			<div class="clear"></div>
+		</div>
+		
+		<div id="footbar_wrap">
+			<div id="footbar">
+				<div class="bar bar-1">
+					<div class="widget widget_latest">
+						<h3 class="title">Derniers articles</h3>
+						<ul>
+							<BOUCLE_latest(ARTICLES){!titre_mot=services}{logo}{par date}{inverse}{0,3}>
+								<li>
+									<a class="thumbnail" title="#TITRE_ARTICLE" href="#URL_ARTICLE">
+										[(#LOGO_ARTICLE|image_recadre{302,302,center}|image_reduire{73,72})]
+									</a>
+									
+									<a class="post-title" title="#TITRE_ARTICLE" href="#URL_ARTICLE">#TITRE_ARTICLE</a>
+									
+									<span class="content">[(#TEXTE|couper{180})]</span>
+									<span class="read-more">
+										<a class="read-more" title="#TITRE_ARTICLE" href="#URL_ARTICLE">Lire la suite</a>
+									</span>
+									<div class="clear"></div>
+								</li>
+							</BOUCLE_latest>
+						</ul>
+					</div>
+				</div>
+				
+				<div class="bar bar-2">
+					<div class="widget widget_latest">
+						<h3 class="title">Articles populaires</h3>
+						<ul>
+							<BOUCLE_populaires(ARTICLES){!titre_mot=services}{logo}{par popularite}{0,3}>
+								<li>
+									<a class="thumbnail" title="#TITRE_ARTICLE" href="#URL_ARTICLE">
+										[(#LOGO_ARTICLE|image_recadre{302,302,center}|image_reduire{73,72})]
+									</a>
+									
+									<a class="post-title" title="#TITRE_ARTICLE" href="#URL_ARTICLE">#TITRE_ARTICLE</a>
+									
+									<span class="content">[(#TEXTE|couper{180})]</span>
+									<span class="read-more">
+										<a class="read-more" title="#TITRE_ARTICLE" href="#URL_ARTICLE">Lire la suite</a>
+									</span>
+									<div class="clear"></div>
+								</li>
+							</BOUCLE_populaires>
+						</ul>
+					</div>
+				</div>	
+				<div class="bar bar-3">
+					#FORMULAIRE_INSCRIPTION
+				</div>
+				<div class="clear"></div>
+			</div>
+		</div>
+	</BOUCLE_testsommaire>
+</B_testsommaire>
+	<INCLURE{fond=contenu/#ENV{type},env}>
+<//B_testsommaire>
--- a/css/style_leadescent.css
+++ b/css/style_leadescent.css
@ -0,0 +1,216 @@
+div#slideshow-wrap{
+	margin:0;
+}
+#slideshow-wrap {
+    margin: 0 0 10px;
+}
+#slideshow {
+    background: url("../img/bg-slideshow.png") no-repeat scroll center top transparent;
+    height: 353px;
+    margin: 0 auto;
+    padding: 5px;
+    width: 940px;
+}
+#slideshow h2 {
+    display: none;
+}
+#slideshow-box {
+    height: 353px;
+    position: relative;
+}
+#slideshow-box .list {
+    height: 312px;
+    overflow: hidden;
+}
+#slideshow-box .item {
+    height: 312px;
+    width: 940px;
+}
+#slideshow img {
+    border: 0 none;
+    margin: 0;
+    padding: 0;
+}
+#slideshow-controller {
+    bottom: 10px;
+    left: 0;
+    position: absolute;
+    text-align: center;
+    width: 940px;
+    z-index: 99999;
+}
+#slideshow-controller span {
+    display: block;
+}
+#slideshow-controller button {
+    background: url("../img/button-slideshow-pages.png") no-repeat scroll right top transparent;
+    border: 0 none;
+    height: 9px;
+    margin: 0 1px;
+    padding: 0;
+    width: 9px;
+}
+#slideshow-controller button span {
+    display: none;
+}
+#slideshow-controller button.jqc-active {
+    background-position: left top;
+}
+.jcarousel-container {
+    position: relative;
+}
+.jcarousel-clip {
+    margin: 0;
+    overflow: hidden;
+    padding: 0;
+    position: relative;
+    z-index: 2;
+}
+.jcarousel-list {
+    left: 0;
+    margin: 0;
+    overflow: hidden;
+    padding: 0;
+    position: relative;
+    top: 0;
+    z-index: 1;
+}
+.jcarousel-list li, .jcarousel-item {
+    float: left;
+    list-style: none outside none;
+    margin: 0 15px 0 0;
+}
+.jcarousel-next {
+    display: none;
+    z-index: 3;
+}
+.jcarousel-prev {
+    display: none;
+    z-index: 3;
+}
+.jcarousel-container-horizontal {
+    height: 161px;
+    padding: 41px 0 0;
+    width: 950px;
+}
+.jcarousel-clip-horizontal {
+    height: 161px;
+    margin: 0 0 0 42px;
+    width: 866px;
+}
+.jcarousel-item a, .jcarousel-item a:visited {
+    display: block;
+    float: left;
+    height: 161px;
+    width: 161px;
+}
+.jcarousel-next-horizontal {
+    background: url("../img/button-carousel-next.png") no-repeat scroll left top transparent !important;
+    cursor: pointer;
+    height: 25px;
+    position: absolute;
+    right: 10px;
+    top: 107px;
+    width: 25px;
+}
+.jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:active {
+    cursor: default;
+}
+.jcarousel-prev-horizontal {
+    background: url("../img/button-carousel-prev.png") no-repeat scroll 0 0 transparent !important;
+    cursor: pointer;
+    height: 25px;
+    left: 10px;
+    position: absolute;
+    top: 107px;
+    width: 25px;
+}
+.jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:active {
+    cursor: default;
+}
+.widget_special {
+    color: #979797;
+    line-height: 16px;
+    margin: 0 0 10px;
+}
+.widget_special p {
+    background: url("../img/bg-widget-special.png") repeat-x scroll left bottom transparent;
+    height: 78px;
+}
+.widget_special .read-more {
+    background: none repeat scroll 0 50% transparent;
+    display: block;
+    height: 19px;
+    margin-bottom: 0;
+    padding: 0;
+}
+.widget_special .read-more a {
+    background: none repeat scroll 0 0 #9F9F9F;
+    border-radius: 3px 3px 3px 3px;
+    color: #FFFFFF;
+    display: block;
+    float: left;
+    font: 11px/19px 'Lora',serif;
+    height: 19px;
+    text-align: center;
+    text-decoration: none;
+    text-transform: lowercase;
+    width: 68px;
+}
+.widget_special .read-more a:hover {
+    text-decoration: underline;
+}
+#footbar a {
+    color: #736E6E;
+    text-decoration: none;
+}
+#footbar a:hover {
+    text-decoration: underline;
+}
+#footbar .bar {
+    float: left;
+    margin: 0 30px 0 0;
+}
+#footbar .bar-1 {
+    width: 315px;
+}
+#footbar .bar-2 {
+    width: 315px;
+}
+#footbar .bar-3 {
+    margin: 0;
+    width: 260px;
+}
+#footbar .title {
+    color: #000000;
+    display: block;
+    font: bold 16px/20px 'Lora',serif;
+    margin: 0 0 10px;
+    padding: 0;
+    text-transform: uppercase;
+}
+#footbar .widget {
+    line-height: 16px;
+}
+#footbar .widget ul {
+    display: block;
+    margin: 0;
+    padding: 0;
+}
+#footbar .widget li {
+    display: block;
+    margin: 0;
+    padding: 0 0 20px;
+}
+#footbar .widget_tweets a {
+    color: #397EC2;
+    font-style: italic;
+    text-decoration: none;
+}
+#footbar .widget_tweets a:hover {
+    text-decoration: underline;
+}
+#footbar .widget_ads .title {
+    border: 0 none;
+    margin: 0;
+}
--- a/img/bg-slideshow.png
+++ b/img/bg-slideshow.png
--- a/img/button-carousel-next.png
+++ b/img/button-carousel-next.png
--- a/img/button-carousel-prev.png
+++ b/img/button-carousel-prev.png
--- a/img/button-slideshow-pages.png
+++ b/img/button-slideshow-pages.png
--- a/inc-theme-head.html
+++ b/inc-theme-head.html
@ -0,0 +1 @@
+[<link rel="stylesheet" href="(#CHEMIN{css/style_leadescent.css}|direction_css)" type="text/css" media="projection, screen, tv" />]
--- a/js/jquery.cycle.js
+++ b/js/jquery.cycle.js
--- a/js/jquery.jcarousel.js
+++ b/js/jquery.jcarousel.js
--- a/js/slider.js
+++ b/js/slider.js
@ -0,0 +1,49 @@
+function padd_create_slideshow() {
+	jQuery('div#slideshow-box').append('<div id="slideshow-controller"><span id="jqc-pages"></span></div>');
+	jQuery('div#slideshow-box div.list').cycle({
+		fx                : 'fade',
+		speed             : 1000,
+		timeout           : 3000,
+		cleartypeNoBg     : true,
+		activePagerClass: 'jqc-active',
+		pager: '#jqc-pages',
+		prev: '#jqc-prev',
+		next: '#jqc-next',
+		pagerAnchorBuilder: function (index,elem) {
+			return '<button class="jqc-button jqc-button-pages" id="jqc-button-' + index + '" value="' + index + '"><span>' + (index+1) + '</span></button>';
+		}
+ 	});
+}
+
+function padd_jcarousel_init(carousel) {
+// Disable autoscrolling if the user clicks the prev or next button.
+	carousel.buttonNext.bind('click', function() {
+		carousel.startAuto(0);
+	});
+
+	carousel.buttonPrev.bind('click', function() {
+		carousel.startAuto(0);
+	});
+
+	// Pause autoscrolling if the user moves with the cursor over the clip.
+	carousel.clip.hover(
+		function() {
+			carousel.stopAuto();
+		},
+		function() {
+			carousel.startAuto();
+		}
+	);
+}
+
+jQuery(document).ready(function() {
+	jQuery.noConflict();
+
+	padd_create_slideshow();
+	
+	jQuery('ul#featured-projects').jcarousel({
+		auto: 5,
+		wrap: 'last',
+		initCallback: padd_jcarousel_init
+	});
+});
--- a/plugin.xml
+++ b/plugin.xml
@ -0,0 +1,22 @@
+<plugin>
+	<nom>Squelette Leadescent</nom>
+	<slogan>Sites de type blog</slogan>
+	<version>1.0.0</version>
+	<etat>stable</etat>
+  	<auteur>[Romaric Buisson-Ramey(OpenStudio)->http://www.openstudio.fr/], [d'apr&#232;s le th&#232;me leadescent->http://www.paddsolutions.com/wordpress-theme-leadescent//], [Padd Solutions->http://www.paddsolutions.com/]</auteur>
+  	<licence>GNU/GPL</licence>
+  	<description>
+  	Squelette avec slider, fonctionnant avec le th&#232;me du m&#234;me nom.
+  	</description>
+	<lien></lien>
+  	<icon>vignette.jpg</icon>
+	<prefix>squelette_leadescent</prefix>
+	<categorie>squelette</categorie>
+	<necessite id="SPIP" version="[2.0.0;2.1.99]" />
+	<necessite id="Z" version="[1.2.0;]" />
+	<pipeline>
+  		<nom>insert_head</nom>
+  		<action>insertion_in_head</action>
+  		<inclure>squelette_leadescent_pipelines.php</inclure>
+ 	</pipeline>
+</plugin>
--- a/squelette_leadescent_pipelines.php
+++ b/squelette_leadescent_pipelines.php
@ -0,0 +1,11 @@
+<?php
+	function squelette_leadescent_insertion_in_head($flux) {
+	    $flux .= "<script type=\"text/javascript\" src=\"" . find_in_path('js/jquery.jcarousel.js') . "\"></script>
+	    ";
+	    $flux .= "<script type=\"text/javascript\" src=\"" . find_in_path('js/jquery.cycle.js') . "\"></script>
+	    ";
+	    $flux .= "<script type=\"text/javascript\" src=\"" . find_in_path('js/slider.js') . "\"></script>
+	    ";
+	    return $flux;	
+	}
+?>
--- a/vignette.jpg
+++ b/vignette.jpg
				`@ -0,0 +1 @@`
				`[<link rel="stylesheet" href="(#CHEMIN{css/style_leadescent.css}\|direction_css)" type="text/css" media="projection, screen, tv" />]`