StyleShop Theme Preview
Nunosean
Inicio
Contacto
Image
Codigos
Sliders
Cuadros de texto
Tutoriales
Smiles
Menus
Mandarimaggenn
NuestrosBanners
Light
Simple green
Cursores
Sliders
<style type="text/css"> <--------Slider By Nunoseam.es.tl---------> #slider-holder{width: 610px;height: 320px;overflow: hidden; margin-bottom:-10px; margin-left:17px; margin-top:-20px;padding: 16px 0 0 0;} #s3slider { width: 610px; /* important to be same as image width */ height: 320px; /* important to be same as image height */position: relative; /* important */overflow: hidden; /* important */} #s3sliderContent {width: 610px; /* important to be same as image width or wider */ position: absolute; /* important */top: 0; /* important */margin-left: 0; /* important */} .s3sliderImage {float: left; /* important */ position: relative; /* important */ display: none; /* important */} .s3sliderImage span { position: absolute; /* important */ left: 0; font-weight: 700; font-size: 0.834em; color: #ffffff; padding: 10px 15px 13px 13px; height: 63px; width: 610px; background-color: #4e4d3c; filter: alpha(opacity=70); /* here you can set the opacity of box with text */ -moz-opacity: 0.7; /* here you can set the opacity of box with text */ -khtml-opacity: 0.7; /* here you can set the opacity of box with text */ opacity: 0.7; /* here you can set the opacity of box with text */ display: none; /* important */bottom: 0;/* if you put top: 0; -> the box with text will be shown at the top of the image if you put bottom: 0; -> the box with text will be shown at the bottom of the image*/} .s3sliderImage span a.featured-title:link, .s3sliderImage span a.featured-title:visited{color: #fff;padding: 0px 0px 2px 0px;font-size: 1.167em;} .s3sliderImage span a.featured-title:hover{color: #999;} .s3sliderImage span a:link, .s3sliderImage span a:visited{color: #888;} .s3sliderImage span a:hover{color: #555;} </style> <div id="slider-holder" class="black-bg"> <div id="s3slider"> <ul id="s3sliderContent"> <li style="display: list-item;" class="s3sliderImage"><a href="http://Nunosean.es.tl" _fcksavedurl="http://Nunosean.es.tl"><img src="https://img.webme.com/pic/n/nunosean/111.jpg" _fcksavedurl="https://img.webme.com/pic/n/nunosean/111.jpg" style="width: 610px; height: 320px;" alt="Imagen 1" /></a> <span style="display: block;"> <a href="http://Nunosean.es.tl" _fcksavedurl="http://Nunosean.es.tl" title="" rel="bookmark" class="featured-title block">Editar </a><br /> Descripcion de la Imagen Editar </span></li> <li style="display: none;" class="s3sliderImage"><a href="http://Nunosean.es.tl" _fcksavedurl="http://Nunosean.es.tl"><img src="https://img.webme.com/pic/n/nunosean/111.jpg" _fcksavedurl="https://img.webme.com/pic/n/nunosean/111.jpg" style="width: 610px; height: 320px;" alt="Imagen 2" /></a> <span style="display: none;"> <a href="http://Nunosean.es.tl" _fcksavedurl="http://Nunosean.es.tl" title="" rel="bookmark" class="featured-title block">Editar</a><br /> Descripcion de la Imagen Editar </span></li> <li style="display: none;" class="s3sliderImage"><a href="http://Nunosean.es.tl" _fcksavedurl="http://Nunosean.es.tl"><img src="https://img.webme.com/pic/n/nunosean/22.png" _fcksavedurl="https://img.webme.com/pic/n/nunosean/22.png" style="width: 610px; height: 320px;" alt="Imagen 3" /></a> <span style="display: none;"> <a href="http://Nunosean.es.tl" _fcksavedurl="http://Nunosean.es.tl" title="" rel="bookmark" class="featured-title block">Editar</a><br /> Descripcion de la Imagen Editar </span></li> <li style="display: none;" class="s3sliderImage"><a href="http://Nunosean.es.tl" _fcksavedurl="http://Nunosean.es.tl"><img src="https://img.webme.com/pic/n/nunosean/22.png" _fcksavedurl="https://img.webme.com/pic/n/nunosean/22.png" style="width: 610px; height: 320px;" alt="Imagen 5" /></a> <span style="display: none;"> <a href="http://Nunosean.es.tl" _fcksavedurl="http://Nunosean.es.tl" title="" rel="bookmark" class="featured-title block">Editar</a><br /> Descripcion de la Imagen Editar </span></li> <li style="display: none;" class="s3sliderImage"><a href="http://Nunosean.es.tl" _fcksavedurl="http://Nunosean.es.tl"><img src="https://img.webme.com/pic/n/nunosean/111.jpg" _fcksavedurl="https://img.webme.com/pic/n/nunosean/111.jpg" style="width: 610px; height: 320px;" alt="Imagen 5" /></a> <span style="display: none;"> <a href="http://Nunosean.es.tl" _fcksavedurl="http://Nunosean.es.tl" title="" rel="bookmark" class="featured-title block">Tu Editar</a><br /> Descripcion de la Imagen Editar </span></li> <li class="clear s3sliderImage"> </li> </ul> </div> </div>
<div id="ssgallery" class="ssgallery section"> <div id="HTML3" class="widget HTML"> <div id="gallery"> <div id="featured-area"> <div id="s1" class="pics"> <div><img style="width: 490px; height: 294px;" src="https://img.webme.com/pic/n/nunosean/22.png" _fcksavedurl="https://img.webme.com/pic/n/nunosean/22.png" alt="" /> <div class="excerpt"> <p><a href="http://Nunosean.es.tl/" _fcksavedurl="http://Nunosean.es.tl/">Nunosean.es.tl</a></p> <p class="excerpt-text">Nunosean tu ayuda.</p> </div> <a href="#" _fcksavedurl="#"></a></div> <div><img style="width: 490px; height: 294px;" src="https://img.webme.com/pic/n/nunosean/111.jpg" _fcksavedurl="https://img.webme.com/pic/n/nunosean/111.jpg" alt="" /> <div class="excerpt"> <p><a href="#" _fcksavedurl="#">Titulo 2</a></p> <p class="excerpt-text">Contenido2...</p> </div> <a href="#" _fcksavedurl="#"></a></div> <div><img style="width: 490px; height: 294px;" src="https://img.webme.com/pic/n/nunosean/22.png" _fcksavedurl="https://img.webme.com/pic/n/nunosean/22.png" alt="" /> <div class="excerpt"> <p><a href="#" _fcksavedurl="#">Titulo3</a></p> <p class="excerpt-text">Contenido3...</p> </div> <a href="#" _fcksavedurl="#"></a></div> </div> <div id="slider-control"> <div class="featitem active"><img style="width: 67px; height: 67px;" src="https://img.webme.com/pic/n/nunosean/22.png" _fcksavedurl="https://img.webme.com/pic/n/nunosean/22.png" alt="" /> <span class="order">1</span></div> <div class="featitem "><img style="width: 67px; height: 67px;" src="https://img.webme.com/pic/n/nunosean/111.jpg" _fcksavedurl="https://img.webme.com/pic/n/nunosean/111.jpg" alt="" /> <span class="order">2</span></div> <div class="featitem "><img style="width: 67px; height: 67px;" src="https://img.webme.com/pic/n/nunosean/22.png" _fcksavedurl="https://img.webme.com/pic/n/nunosean/22.png" alt="" /> <span class="order">3</span></div> </div> <div class="clear"> </div> </div> </div> </div> </div> <style type="text/css"> /* <---------------Slider By Nunosean.es.tl---------------> */ /*-----------------Featured Slider--------------*/ #featured-area { height: 300px; position: relative; padding: 11px 0px 10px 0px; z-index: 1; width:616px} #featured-area .pics { position: absolute; width: 490px; height: 298px; top: 11px; left: 14px; } #featured-area .pics div.excerpt { background: url(http://4.bp.blogspot.com/_JUg9QsmKp5s/TNW4xDksF3I/AAAAAAAABNg/NS6dXmCixPs/s000/feat-excerpt.png) repeat;bottom:0;font-size:18px;left:0;padding:10px 0 0 10px;position:absolute;width:480px;z-index:2;} #featured-area .pics div.excerpt p { color: #0785fb;width:450px;} #featured-area .pics div.excerpt a { color: #0785fb; font-weight:bold; } #featured-area .pics div.excerpt a:hover { color: #F90E0E; text-decoration:none } .excerpt-text {display:inline;float:left;font-size:10px;width:450px;padding:0 0 10px 0} #featured-area .pics span.feat-overlay { position: absolute; top: 0px; left: 0px; display: block; width: 490px; height: 298px; z-index: 1; } #featured-area div#slider-control { position: absolute; width: 110px; height: 296px; border: 1px solid #b4b4b4; z-index: 4; top: 11px; right: 1px; } #featured-area div#slider-control div.featitem { background: url(http://2.bp.blogspot.com/_JUg9QsmKp5s/TNW4xMBXdeI/AAAAAAAABNk/ovihp9GQmD0/s000/featitem-bg.png) no-repeat top left; height: 77px; float: left; width: 76px; padding: 10px 16px 12px 18px; cursor: pointer; } #featured-area div#slider-control div.featitem img { float: left; margin-right: 18px; border: 1px solid #f6f6f6; margin-top: 5px; } #featured-area div#slider-control div.featitem span.order { display: none; } #featured-area div#slider-control div.featitem h2 { font-size: 18px; line-height: 24px; float: left; width: 172px; padding-bottom: 4px; } div#slider-control div.featitem h2 a { color: #959595; } #featured-area div#slider-control div.featitem span.meta { color: #b6b6b6; font-size: 11px; padding: 1px 0px; border: 1px solid #cfcfcf; border-width: 1px 0px; display: block; float: left; width: 172px; } #featured-area div#slider-control div.featitem.active { background: url(http://2.bp.blogspot.com/_JUg9QsmKp5s/TNW4xYrUBXI/AAAAAAAABNo/faOFcSv6cRQ/s000/featitem-bg-active.png) no-repeat top left; margin-left: -20px; padding-left: 38px; } #featured-area div#slider-control div.featitem.active h2 { background: url(http://1.bp.blogspot.com/_JUg9QsmKp5s/TNW4xkfU4RI/AAAAAAAABNs/Wg4GB9k5Ggg/s000/featitem-active-h2border.png) repeat-x bottom left; margin-bottom: 1px; color: #000000; } #featured-area div#slider-control div.featitem.active span.meta { color: #797979; border: 0px; } /* <---------------Slider By Nunosean.es.tl---------------> */ </style>
<div class="featuredposts clearfix"> <div class="fp-slides"> <div class="fp-post"> <div class="fp-thumbnail"><a href="http://Nunosean.es.tl/" _fcksavedurl="http://Nunosean.es.tl/"><img width="580" height="300" src="https://img.webme.com/pic/n/nunosean/22.png" _fcksavedurl="https://img.webme.com/pic/n/nunosean/22.png" alt="" /></a></div> <h3 class="fp-title"><a href="http://Nunosean.es.tl/" _fcksavedurl="http://Nunosean.es.tl/">Nunosean.es.tl</a></h3> <p>Nunosean tu ayuda.</p> </div> <div class="fp-post"> <div class="fp-thumbnail"><a href="#" _fcksavedurl="#"><img width="580" height="300" src="https://img.webme.com/pic/n/nunosean/111.jpg" _fcksavedurl="https://img.webme.com/pic/n/nunosean/111.jpg" alt="" /></a></div> <h3 class="fp-title"><a href="#" _fcksavedurl="#">Slider 2</a></h3> <p>Descripción 2.</p> </div> <div class="fp-post"> <div class="fp-thumbnail"><a href="#" _fcksavedurl="#"><img width="580" height="300" src="https://img.webme.com/pic/n/nunosean/22.png" _fcksavedurl="https://img.webme.com/pic/n/nunosean/22.png" alt="" /></a></div> <h3 class="fp-title"><a href="#" _fcksavedurl="#">Slider 3</a></h3> <p>Descripción 3.</p> </div> <div class="fp-post"> <div class="fp-thumbnail"><a href="#" _fcksavedurl="#"><img width="580" height="300" src="https://img.webme.com/pic/n/nunosean/111.jpg" _fcksavedurl="https://img.webme.com/pic/n/nunosean/111.jpg" alt="" /></a></div> <h3 class="fp-title"><a href="#" _fcksavedurl="#">Slider 4</a></h3> <p>Descripción 4</p> </div> <div class="fp-post"> <div class="fp-thumbnail"><a href="#" _fcksavedurl="#"><img width="580" height="300" src="https://img.webme.com/pic/n/nunosean/22.png" _fcksavedurl="https://img.webme.com/pic/n/nunosean/22.png" alt="" /></a></div> <h3 class="fp-title"><a href="#" _fcksavedurl="#">Slider 5</a></h3> <p>Descripción 5.</p> </div> </div> <div class="fp-nav clearfix"> </div> </div> <style type="text/css"> /* <---------------Slider By Nunosean.es.tl---------------> */ .featuredposts{margin:0px 0 15px 0px;border:1px solid #bdbdbd;width:608px;height:426px;overflow:hidden;background:#337bff;} .fp-slides{} .fp-post{padding:13px} .fp-thumbnail{width:580px;height:300px;margin-bottom:10px;overflow:hidden} .fp-title{color:#E5E5E5;font:bold 16px Arial,Helvetica,Sans-serif;padding:0 0 4px 0;margin:0} .fp-title a{color:#E5E5E5;text-decoration:none} .fp-title a:hover{color:#191718;text-decoration:none} .fp-label{color:#E5E5E5;margin:15px 15px 0 15px;padding:0;text-transform:uppercase;font:bold 16px/16px Arial,Helvetica,Sans-serif} .fp-post p{color:#ffffff;padding:0;margin:0;font:12px/16px Arial,Helvetica,Sans-serif;height:32px;overflow:hidden;} .fp-more,.fp-more:hover{color:#191718;font-weight:bold} .fp-nav{width:590px;padding:8px 10px;border-top:0px solid #ccc;height:17px;} .fp-pager a{background-image:url(http://www.imagengratis.org/images/featuredpxp6rx.png);cursor:pointer;margin:3px 6px 0 0;padding:0;height:10px;width:10px;display:block;float:left;overflow:hidden;text-indent:-999px;background-position:0 0} .fp-pager a:hover,.fp-pager a.activeSlide{text-decoration:none;background-position:0 -110px} .fp-prev{float:right;margin-right:4px;width:15px;height:17px;opacity:0.7;background:url(http://1.bp.blogspot.com/_-ibrE31TAQc/Tap8Wiwd7dI/AAAAAAAAAg8/ho0XMi2ZAHU/s000/featured-prev.png) top left no-repeat} .fp-prev:hover{opacity:1} .fp-prev:active{opacity:0.7} .fp-next{float:right;width:15px;height:17px;margin-left:4px;opacity:0.7;background:url(http://2.bp.blogspot.com/_-ibrE31TAQc/Tap8W3eFbBI/AAAAAAAAAhA/1iQo72GhBa8/s000/featured-next.png) top left no-repeat} .fp-next:hover{opacity:1} .fp-next:active{opacity:0.7} /* <---------------Slider By Nunosean.es.tl---------------> *Tu web de descargas */ </style>
Like This Theme?
StyleShop
13Floor
Aggregate
ArtSee
AskIt
Basic
BlueMist
BlueSky
Bold
BusinessCard
Chameleon
CherryTruffle
Cion
ColdStone
Convertible
DailyJournal
DailyNotes
DeepFocus
DelicateNews
Deviant
EarthlyTouch
eBusiness
eGallery
eGamer
ElegantEstate
eList
eNews
Envisioned
ePhoto
eStore
Event
eVid
Evolution
Explorable
Feather
Flexible
Foxy
Fusion
Gleam
Glider
Glow
GrungeMag
Harmony
Influx
InReview
InStyle
InterPhase
LeanBiz
LightBright
LightSource
Lucid
Lumin
Magnificent
Memoir
Minimal
Modest
MyApp
MyCuisine
MyProduct
MyResume
Nimble
Nova
Notebook
OnTheGo
Origin
PersonalPress
Polished
PureType
Quadro
SimplePress
Simplism
Sky
StudioBlue
StyleShop
TheCorporation
TheProfessional
TheSource
TheStyle
TidalForce
Trim
Webly
WhosWho
Wooden
Este sitio web fue creado de forma gratuita con
PaginaWebGratis.es
. ¿Quieres también tu sitio web propio?
Registrarse gratis