Lien autour des stickers
authorAnthony Ly <anthonyly.com@gmail.com>
Fri, 05 Apr 2013 18:07:11 +0200
changeset 10 bdfc6ff39081
parent 9 b58988e19096
child 11 8cc41e652429
Lien autour des stickers
integ/css/iri.css
integ/iri-creation-cinecard.html
integ/js/iri.js
--- 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