Browse files

easyslider implementation done

  • Loading branch information...
1 parent cf0bc66 commit 8d176c4a103be8ac33a7990e00baa88bf79d554e @tatygrassini committed Aug 28, 2010
Showing with 22 additions and 38 deletions.
  1. +7 −2 CREDITS
  2. +6 −25 css/style.css
  3. +9 −11 index.html
View
9 CREDITS
@@ -1,12 +1,17 @@
Rocking Website Layout
-(c) 2010 Spyre Studios
+http://spyrestudios.com/
Latest Work section samples:
-Creattica
+http://creattica.com/
Function Free Icon Set
http://www.wefunction.com
Chris Coyler
http://css-tricks.com/removing-the-dotted-outline/
+Easy Slider 1.7 - jQuery plugin (by Alen Grakalic)
+http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding
+
+
+
View
31 css/style.css
@@ -74,32 +74,29 @@ a {
background: url(../img/nav.jpg) -334px -89px no-repeat;
}
-/* ------------------------- FEATURED AREA ------------------------- */
-
-
- /* Easy Slider */
-
+/* ------------------------- FEATURED AREA: Easy Slider plugin ------------------------- */
#featured {
clear: both;
position: relative;
background: url(../img/featured-bg.jpg) no-repeat 0 0;
width: 1020px;
height: 397px;
+ padding-left: 55px; /* push img slide to the right */
}
#slider ul {
- padding: 0;
width: 900px;
height: 397px;
+ padding-top: 53px; /* push img slide to the bottom */
}
#slider li {
list-style: none;
width: 900px;
- height: 246px;
+ height: 397px;
overflow: hidden;
-
+ padding: 0;
}
#slider img {
@@ -152,10 +149,6 @@ a {
outline:none;
}
- /* // Easy Slider */
-
-
-
/* ------------------------- CONTENT ------------------------- */
#content {
@@ -398,16 +391,4 @@ a {
#bottom p {
float: right;
margin-right: 37px;
- }
-
-
-
-
-
-
-
-
-
-
-
-
+ }
View
20 index.html
@@ -70,17 +70,15 @@
</div><!-- header -->
<div id="featured">
-
- <div id="slider">
- <ul>
- <li><a href="#"><img src="img/featured-slide1.png" width="900" height="246" alt="We make design that rocks!"></li>
- <li><a href="#"><img src="img/featured-slide1.png" width="900" height="246" alt="We make design that rocks!"></li>
- <li><a href="#"><img src="img/featured-slide1.png" width="900" height="246" alt="We make design that rocks!"></li>
- <li><a href="#"><img src="img/featured-slide1.png" width="900" height="246" alt="We make design that rocks!"></li>
- <li><a href="#"><img src="img/featured-slide1.png" width="900" height="246" alt="We make design that rocks!"></li>
- </ul>
- </div><!-- #slider -->
-
+ <div id="slider">
+ <ul>
+ <li><img src="img/featured-slide1.png" width="900" height="246" alt="We make design that rocks!"></li>
+ <li><img src="img/featured-slide1.png" width="900" height="246" alt="We make design that rocks!"></li>
+ <li><img src="img/featured-slide1.png" width="900" height="246" alt="We make design that rocks!"></li>
+ <li><img src="img/featured-slide1.png" width="900" height="246" alt="We make design that rocks!"></li>
+ <li><img src="img/featured-slide1.png" width="900" height="246" alt="We make design that rocks!"></li>
+ </ul>
+ </div><!-- #slider -->
</div><!-- #featured -->
<div id="content">

0 comments on commit 8d176c4

Please sign in to comment.