Browse Source

Ajout du squelette Leadescent (fonctionnant avec le thème associé)

master
rbuissonramey@openstudio.fr 10 years ago
commit
08c0b77a1d
  1. 14
      .gitattributes
  2. 138
      contenu/page-sommaire.html
  3. 216
      css/style_leadescent.css
  4. BIN
      img/bg-slideshow.png
  5. BIN
      img/button-carousel-next.png
  6. BIN
      img/button-carousel-prev.png
  7. BIN
      img/button-slideshow-pages.png
  8. 1
      inc-theme-head.html
  9. 22
      js/jquery.cycle.js
  10. 1057
      js/jquery.jcarousel.js
  11. 49
      js/slider.js
  12. 22
      plugin.xml
  13. 11
      squelette_leadescent_pipelines.php
  14. BIN
      vignette.jpg

14
.gitattributes vendored

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

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

216
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;
}

BIN
img/bg-slideshow.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
img/button-carousel-next.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
img/button-carousel-prev.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
img/button-slideshow-pages.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

1
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" />]

22
js/jquery.cycle.js

File diff suppressed because one or more lines are too long

1057
js/jquery.jcarousel.js

File diff suppressed because it is too large Load Diff

49
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
});
});

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

11
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;
}
?>

BIN
vignette.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 79 KiB

Loading…
Cancel
Save