Team:Valencia UPV/otraprueba slider
From 2014.igem.org
(Difference between revisions)
Line 35: | Line 35: | ||
<img data-u="caption" data-t="RTTL|BR" data-x="500%" data-y="500%" data-du="1000" data-d="-3000" data-r="-30%" data-t3="L" data-x3="70%" data-du3="1600" src="../img/new-site/c-finger-pointing.png" style="position: absolute; width: 257px; height: 300px; top: 80px; left: 200px;" alt="" /> | <img data-u="caption" data-t="RTTL|BR" data-x="500%" data-y="500%" data-du="1000" data-d="-3000" data-r="-30%" data-t3="L" data-x3="70%" data-du3="1600" src="../img/new-site/c-finger-pointing.png" style="position: absolute; width: 257px; height: 300px; top: 80px; left: 200px;" alt="" /> | ||
<img src="../img/new-site/c-navigator-horizontal.png" style="position: absolute; width: 379px; height: 213px; top: 4px; left: 45px;" alt="" />--> | <img src="../img/new-site/c-navigator-horizontal.png" style="position: absolute; width: 379px; height: 213px; top: 4px; left: 45px;" alt="" />--> | ||
- | + | </div> | |
- | </div> | + | |
<div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 30px; padding: 5px; | <div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 30px; padding: 5px; | ||
text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px; | text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px; | ||
- | color: #FFFFFF;"> | + | color: #FFFFFF;">Touch Swipe Slider |
- | + | ||
</div> | </div> | ||
<div style="position: absolute; width: 480px; height: 120px; top: 300px; left: 30px; padding: 5px; | <div style="position: absolute; width: 480px; height: 120px; top: 300px; left: 30px; padding: 5px; | ||
text-align: left; line-height: 36px; font-size: 30px; | text-align: left; line-height: 36px; font-size: 30px; | ||
color: #FFFFFF;"> | color: #FFFFFF;"> | ||
- | + | Build your slider with anything, includes image, content, text, html, photo, picture | |
- | + | ||
</div> | </div> | ||
</div> | </div> | ||
Line 53: | Line 50: | ||
<div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 30px; padding: 5px; | <div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 30px; padding: 5px; | ||
text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px; | text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px; | ||
- | color: #FFFFFF;"> | + | color: #FFFFFF;">Touch Swipe Slider |
</div> | </div> | ||
<div style="position: absolute; width: 480px; height: 120px; top: 300px; left: 30px; padding: 5px; | <div style="position: absolute; width: 480px; height: 120px; top: 300px; left: 30px; padding: 5px; | ||
text-align: left; line-height: 36px; font-size: 30px; | text-align: left; line-height: 36px; font-size: 30px; | ||
color: #FFFFFF;"> | color: #FFFFFF;"> | ||
- | + | Build your slider with anything, includes image, content, text, html, photo, picture | |
- | + | ||
</div> | </div> | ||
</div> | </div> | ||
Line 66: | Line 62: | ||
<div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 30px; padding: 5px; | <div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 30px; padding: 5px; | ||
text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px; | text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px; | ||
- | color: #FFFFFF;"> | + | color: #FFFFFF;">Touch Swipe Slider |
</div> | </div> | ||
<div style="position: absolute; width: 480px; height: 120px; top: 300px; left: 30px; padding: 5px; | <div style="position: absolute; width: 480px; height: 120px; top: 300px; left: 30px; padding: 5px; | ||
text-align: left; line-height: 36px; font-size: 30px; | text-align: left; line-height: 36px; font-size: 30px; | ||
color: #FFFFFF;"> | color: #FFFFFF;"> | ||
- | + | Build your slider with anything, includes image, content, text, html, photo, picture | |
- | + | ||
</div> | </div> | ||
</div> | </div> | ||
Line 88: | Line 83: | ||
</div> | </div> | ||
</div> | </div> | ||
- | + | ||
+ | <!-- Bullet Navigator Skin Begin --> | ||
+ | <!-- bullet navigator container --> | ||
+ | <div data-u="navigator" class="jssorb21" style="position: absolute; bottom: 26px; left: 6px;"> | ||
+ | <!-- bullet navigator item prototype --> | ||
+ | <div data-u="prototype" style="POSITION: absolute; WIDTH: 19px; HEIGHT: 19px; text-align:center; line-height:19px; color:White; font-size:12px;"></div> | ||
+ | </div> | ||
<!-- Bullet Navigator Skin End --> | <!-- Bullet Navigator Skin End --> | ||
Revision as of 17:29, 12 October 2014