¿Supiste lo que acaba de lanzar LagriHost? Sí, como lo estabas esperando, ahora vendemos Web Hosting y Dominios. Conoce más :)


Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
[Aporte] Slide De SomosMovies Para tu Web! It's Free
#1
0
[Imagen: 3lxv.png]

Hola. Guiño

Bueno Hoy les Traigo el Slider de SomosMovies practicamente para cualquier web solo tienen que agregar los soguientes codigos a tu web y Listo Guiño

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 Guiño
#cwrapper {
width: 900px;

2. El codigo HTML ya saben que tiene que editarlo Pacmananana Loa agregan cuando cuando se habra el <body> usted desiden donde lo pondran o.o
Có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>
Este es el que dice las dimenciones en CSS .stepcarousel .panel
DEMO
[Imagen: logo.png]

#2
0
gracias por la información, jeje, vamos a probarlo.
la música nó se escucha con los oídos, sino con el corazón

#3
0
Joselito tus aportes siempre me sorprenden pero que sepas que eres un feo y ese slide se podria mejorar .) na es broma gracias por aportarlo

#4
0
Ah muy bien, me gusto bastante y les servirá de mucho a los que estén pensando crear una web sobre películas Sonrisa
Gracias Sonreir

#5
0
Como se puede armar un slider pero de texto?



Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  Tutorial Limpiar estilos no usados de tu CSS para liberar espacio Diringax 0 372 17-02-2017, 10:31 AM
Último mensaje: Diringax
  APORTE JAVA: Domine el lenguaje líder en aplicaciones cliente servidor - User Kevin Alfonso 1 567 04-08-2016, 10:59 PM
Último mensaje: asanbus
  Tutorial Versiones de Visual Basic ¿Qué es? ¿Es Visual Basic buen lenguaje para Programar? Kevin Alfonso 2 700 20-06-2016, 09:13 PM
Último mensaje: cybersdl
  Tutorial Aporte - Popunder Javascript para cualquier link de tu elección! Kevin Alfonso 1 527 19-06-2016, 07:29 PM
Último mensaje: Nomak
  Tutorial Cómo utilizar Javascript para reproducir un archivo Roberto 2 715 19-06-2016, 07:22 PM
Último mensaje: Nomak



Usuarios navegando en este tema:
1 invitado(s)


Forum software by © MyBB Theme © Kevinex & iAndrew 2018