14-10-2013, 02:18 PM
0
![[Imagen: 3lxv.png]](http://img855.imageshack.us/img855/3429/3lxv.png)
Hola.
Bueno Hoy les Traigo el Slider de SomosMovies practicamente para cualquier web solo tienen que agregar los soguientes codigos a tu web y Listo
1. El Codigo Css
Código:
/* --------------------Spoiler De SomosMovies--------------------*/
#cwrapper {
width: 900px;
margin-top:10px;
}
#myslides{
background: white url('http://i.imgur.com/StoXarS.png') no-repeat;
margin-bottom: 10px;
border: 2px solid #4DC2E9;
-moz-box-shadow: 2px 2px 2px #ccc;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.stepcarousel{
position: relative;
overflow: scroll;
width: 96.5%;
height: 170px;
margin: 1px 1px 1px 25px;
border:solid #070707 0px;
}
.stepcarousel .belt{
position: absolute;
left: 0;
top: 0;
}
.stepcarousel .panel{
float: left;
overflow: hidden;
margin: 17px 17px ;
width:100px;
background:#121315;
height:140px;
border:1px solid #666666;
}
.stepcarousel .panel p{
text-align: left;
overflow: hidden;
margin: 15px 15px ;
}
.stepcarousel .panel h2{
text-align: left;
height:20px;
overflow: hidden;
margin: 0px 0px ;
font-weight:bold;
text-align:center;
}
.stepcarousel .panel img{
float: left;
background:#040404;
margin: 0px 0px 0px 0px;
padding:0px 0px;
}
/* --------------------Spoiler De SomosMovies--------------------*/Este codigo dara el valor que queremos que tenga de ancho por si lo quiene poner mas ancho o mas corto
Busquendo y editan solo eso
#cwrapper {
width: 900px;
2. El codigo HTML ya saben que tiene que editarlo
anana Loa agregan cuando cuando se habra el <body> usted desiden donde lo pondran o.oCódigo:
<script src='http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js' type='text/javascript'></script>
<script src='http://my-js-codes.googlecode.com/files/sliders.js' type='text/javascript'></script>
<style type='text/css'>
#mygallery{overflow: hidden;}
</style>
<script type='text/javascript'>
stepcarousel.setup({
galleryid: 'mygallery', //id of carousel DIV
beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
panelclass: 'panel', //class of panel DIVs each holding content
panelbehavior: {speed:500, wraparound:true, persist:true},
defaultbuttons: {enable: true, moveby: 5, leftnav: ['http://i.imgur.com/wvr3U.png', -45, 60], rightnav: ['http://i.imgur.com/J8uwV.png', -3, 60]},
statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: ['external'] //content setting ['inline'] or ['external', 'path_to_external_file']
})
</script>
<CENTER>
<div id='cwrapper'>
<div id='myslides'>
<div class='stepcarousel' id='mygallery'>
<div class='belt'>
<!-- 1st imagen -->
<div class='panel'>
<a href='#TU_LINK' target='blank' title=' Actividad Paranormal 4 (2012) [DvdRip] [Subtitulos Srt] [Putlocker]'><img alt='' height='140' src='http://2.bp.blogspot.com/-nfcsyLKXSG4/UPaMsBGiBVI/AAAAAAAAKJ8/sWJHIjTDYIw/s1600/1.jpg' width='100'/>
</a>
</div>
<!-- end code of 1st -->
<!-- 2nd imagen -->
<div class='panel'>
<a href='#TU_LINK' target='blank' title=' Dando la Nota (2012) [DVD-RIP] [LATINO]'><img alt='' height='140' src='http://1.bp.blogspot.com/-PpP8tK0iBew/UPWgLz4jvFI/AAAAAAAAAnI/fEV-njupxdA/s320/dandolanota.jpg' width='100'/>
</a>
</div>
<!-- end code of 2nd -->
<!-- 3rd imagen -->
<div class='panel'>
<a href='#TU_LINK' target='blank' title='Batman El Regreso del Caballero Nocturno 2 (2013) [DVD-RIP] [LATINO]'><img alt='' height='140' src='http://2.bp.blogspot.com/-whQ3LePQKA4/UPWaboj1AVI/AAAAAAAAAmg/py9jwRHmTXw/s320/BatmanElRegresodelCaballeroNocturno2.jpg' width='100'/>
</a>
</div>
<!-- end code of 3rd -->
<!-- 4th imagen -->
<div class='panel'>
<a href='#TU_LINK' target='blank' title=' Despedida de Soltera (2012) [DVD-RIP] [SUB-ESP]'><img alt='' height='140' src='http://2.bp.blogspot.com/-d0y2GUmun8w/UPX6OS_5yeI/AAAAAAAAArE/7GSFeIoVG50/s320/DespedidadeSoltera.jpg' width='100'/>
</a>
</div>
<!-- end code of 4th -->
<!-- 5th imagen -->
<div class='panel'>
<a href='#TU_LINK' target='blank' title=' Hotel Transylvania (2012) [DVDRIP] [Latino] [1 link]'><img alt='' height='140' src='http://3.bp.blogspot.com/-0JkM9c228BU/UPBtlV0V-pI/AAAAAAAAJlU/tO3haMT4wi8/s640/Hotel_Transilvania-382209595-large.jpg' width='100'/>
</a>
</div>
<!-- end code of 5th -->
<!-- 6th imagen -->
<div class='panel'>
<a href='#TU_LINK' target='blank' title=' Death Race: Inferno (2013) [DvdRip] [Latino] [1 link]'><img alt='' height='140' src='http://1.bp.blogspot.com/-t_17Oe7yV-0/UPBqp-pTlSI/AAAAAAAAJjI/OQsSJY_0ajo/s400/Death_Race_Inferno-560250380-large.jpg' width='100'/>
</a>
</div>
<!-- end code of 6th -->
<!-- 7th imagen -->
<div class='panel'>
<a href='#TU_LINK' target='blank' title=' Posesión Satánica [2012] [DVDRip] [Español Latino]'><img alt='' height='140' src='http://1.bp.blogspot.com/-AihW8UQMgXg/UOteOS1xN9I/AAAAAAAAJXk/NR6XrsYME4g/s640/The_Possession_El_origen_del_mal-181891466-large.jpg' width='100'/>
</a>
</div>
<!-- end code of 7th -->
<!-- 8th imagen -->
<div class='panel'>
<a href='#TU_LINK' target='blank' title='Asesinos Del Futuro (Looper) [2012] [DVDRip] [Español Latino] '><img alt='' height='140' src='http://2.bp.blogspot.com/-dkfr_tXAbxg/UOtcSLmuyxI/AAAAAAAAJWU/b9PT6ZoVtNY/s400/Looper-271570287-large.jpg' width='100'/>
</a>
</div>
<!-- end code of 8th -->
<!-- 9th imagen -->
<div class='panel'>
<a href='#TU_LINK' target='blank' title='Hombres de negro 3 (MIB 3) (2012) [DVDRIP] [Latino] [1 link]'><img alt='' height='140' src='http://2.bp.blogspot.com/-Y-LPBeRbaLw/UFeHaCgah4I/AAAAAAAABm8/3pPj1D_Dp7A/s1600/MIB 3.jpg' width='100'/>
</a>
</div>
<!-- end code of 9th -->
<!-- 10th imagen -->
<div class='panel'>
<a href='#TU_LINK' target='blank' title=' Hit and Run (2012) [DVDRIP] [Latino] '><img alt='' height='140' src='http://4.bp.blogspot.com/-in9IrUR6CEk/UPGZ8J_MMNI/AAAAAAAAJqU/FAH1232xIZg/s400/Hit_and_Run-343207577-large.jpg' width='100'/>
</a>
</div>
<!-- end code of 10th -->
<!-- 11th imagen -->
<div class='panel'>
<a href='#TU_LINK' target='blank' title=' Won’t back down (2012) [DVDRIP] [Latino]'><img alt='' height='140' src='http://1.bp.blogspot.com/-JZdz8ewZ7KE/UPKxev4p1AI/AAAAAAAAJwk/AZ-xF2a64IU/s1600/wont1.jpg' width='100'/>
</a>
</div>
<!-- end code of 11th -->
<!-- 12th imagen -->
<div class='panel'>
<a href='#TU_LINK' target='blank' title=' 30 Nights of Paranormal Activity with the Devil Inside the Girl with the Dragon Tattoo (2012) [DVDRIP] [Subtitulados]'><img alt='' height='140' src='http://1.bp.blogspot.com/-YEFf2vjq5IQ/UPGcFVUNwHI/AAAAAAAAJrk/TPYBfQgcLCE/s1600/30_Nights_of_Paranormal_Activity_with_the_Devil_Inside_the_Girl_with_the_Dragon_Tattoo-259182749-large.jpg' width='100'/>
</a>
</div>
<!-- end code of 12th -->
<!-- 13th imagen -->
<div class='panel'>
<a href='#TU_LINK' target='blank' title=' Siete Psicópatas (2012) [DVD-RIP] [SUB-ESP]'><img alt='' height='140' src='http://2.bp.blogspot.com/-QsG0AqmioI4/UO7rVTeeLuI/AAAAAAAAAaQ/0Aygr8IKDuY/s320/sietepsicopatasx.jpeg' width='100'/>
</a>
</div>
<!-- end code of 13th -->
<!-- 14th imagen -->
<div class='panel'>
<a href='#TU_LINK' target='blank' title='Hansel y Gretel (2013) [DVD-RIP] [SUB-ESP'><img alt='' height='140' src='http://4.bp.blogspot.com/-p0EmqmmyzEk/UPDf2_awt1I/AAAAAAAAAfI/scKvlEnJXLI/s320/hanselandgretel.jpg' width='100'/>
</a>
</div>
<!-- end code of 14th -->
</div></div></div>
</CENTER>DEMO
![[Imagen: logo.png]](http://argentinawarez.me/Themes/v2/images/logo.png){kind=logo}
