--- a/integ/css/iri.css Fri Apr 05 17:28:05 2013 +0200
+++ b/integ/css/iri.css Fri Apr 05 18:07:11 2013 +0200
@@ -9,11 +9,12 @@
.sidebar ul a{display: block;}
.stickers.less{height: 90px; overflow: hidden;}
-.stickers li{margin: 0 10px 10px 0;float:left;width: 81px; height: 80px;background-color: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; background-repeat: no-repeat; background-position: center 13px;}
+.stickers li{margin: 0 10px 10px 0;float:left;}
+.stickers li a{width: 81px; height: 80px;background-color: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; background-repeat: no-repeat; background-position: center 13px;}
.stickers li span{width: 100%;color: #212121; font-size: 12px;font-weight: bold; line-height: 12px; display: inline-block; text-align: center;padding-top: 48px;}
-li.culte{background-image: url(../img/culte-scene-icon.png);}
-li.star{background-image: url(../img/star-icon.png);}
-li.like{background-image: url(../img/like-icon.png);}
+a.culte{background-image: url(../img/culte-scene-icon.png);}
+a.star{background-image: url(../img/star-icon.png);}
+a.like{background-image: url(../img/like-icon.png);}
.stickers li:nth-child(3n+3) { margin-right: 0;}
.sidebar h3{font-size: 13px; font-weight: bold; margin-bottom: 12px;}
--- a/integ/iri-creation-cinecard.html Fri Apr 05 17:28:05 2013 +0200
+++ b/integ/iri-creation-cinecard.html Fri Apr 05 18:07:11 2013 +0200
@@ -63,24 +63,36 @@
<h3 class="instruction">Glisser un contenu dans la carte</h3>
<h3>Stickers</h3>
<ul class="stickers less" id="stickers-more">
- <li class="culte">
- <span>SCENES CULTE</span>
+ <li>
+ <a class="culte" href="#">
+ <span>SCENES CULTE</span>
+ </a>
</li>
- <li class="star">
- <span>MON<br />AVIS</span>
+ <li>
+ <a class="star" href="#">
+ <span>MON<br />AVIS</span>
+ </a>
</li>
- <li class="like">
- <span>TU VAS<br />AIMER</span>
+ <li>
+ <a class="like" href="#">
+ <span>TU VAS<br />AIMER</span>
+ </a>
</li>
- <li class="culte">
- <span>SCENES CULTE</span>
+ <li>
+ <a class="culte" href="#">
+ <span>SCENES CULTE</span>
+ </a>
</li>
- <li class="star">
- <span>MON<br />AVIS</span>
+ <li>
+ <a class="star" href="#">
+ <span>MON<br />AVIS</span>
+ </a>
</li>
- <li class="like">
- <span>TU VAS<br />AIMER</span>
+ <li>
+ <a class="like" href="#">
+ <span>TU VAS<br />AIMER</span>
+ </a>
</li>
</ul>
--- a/integ/js/iri.js Fri Apr 05 17:28:05 2013 +0200
+++ b/integ/js/iri.js Fri Apr 05 18:07:11 2013 +0200
@@ -27,7 +27,9 @@
}
});// a.more
-
+$('.stickers a').bind('click', function(e){
+ e.preventDefault();
+});
//-- API allocine