Foros del Web » Creando para Internet » Sistemas de gestión de contenidos » WordPress »

slider en wordpress y barras en la parte de abajo

Estas en el tema de slider en wordpress y barras en la parte de abajo en el foro de WordPress en Foros del Web. Hola todos Mi problema es que he instalado ( estoy probando ) un slider hecho con wowslider y me funciona perfectamente pero..... en la parte ...
  #1 (permalink)  
Antiguo 02/12/2012, 13:57
 
Fecha de Ingreso: febrero-2011
Ubicación: Las Vegas
Mensajes: 16
Antigüedad: 13 años, 1 mes
Puntos: 1
slider en wordpress y barras en la parte de abajo

Hola todos

Mi problema es que he instalado ( estoy probando ) un slider hecho con wowslider y me funciona perfectamente pero..... en la parte de abajo del slider me sale una barra de navegacion que en las opciones del wowslider no esta como quitar, por lo que supongo sea en el style.css pero no lo encuentro por ningun lado. a ver si alguien me ayuda a eliminar eso

PD: si guardo el archive para html y le doy vista previa en IE o Firefox no se ve esa barra, solo en wordpress.

la pagina de prueba es esta

http://isel.domiweb.net/edgardo/

los css son estos:

style

/
Código CSS:
Ver original
  1. *
  2.  *  generated by WOW Slider 2.7.1
  3.  *  template Shady
  4.  */
  5.  
  6. #wowslider-container%ID% {
  7.     zoom: 1;
  8.     position: relative;
  9.     max-width:900px;
  10.     margin:0px auto 0px;
  11.     z-index:100;
  12.     border:none;
  13.     text-align:left; /* reset align=center */
  14. }
  15. * html #wowslider-container%ID%{ width:900px }
  16. #wowslider-container%ID% .ws_images ul{
  17.     position:relative;
  18.     width: 10000%;
  19.     height:auto;
  20.     left:0;
  21.     list-style:none;
  22.     margin:0;
  23.     padding:0;
  24.     border-spacing:0;
  25.     overflow: visible;
  26.     /*table-layout:fixed;*/
  27. }
  28. #wowslider-container%ID% .ws_images ul li{
  29.     width:;
  30.     line-height:0; /*opera*/
  31.     float:left;
  32.     font-size:0;
  33.     padding:0 0 0 0 !important;
  34.     margin:0 0 0 0 !important;
  35. }
  36.  
  37. #wowslider-container%ID% .ws_images{
  38.     position: relative;
  39.     left:0;
  40.     top:0;
  41.     width:100%;
  42.     height:100%;
  43.     overflow:hidden;
  44. }
  45. #wowslider-container%ID% .ws_images a{
  46.     width:100%;
  47.     display:block;
  48.     color:transparent;
  49. }
  50. #wowslider-container%ID% img{
  51.     max-width: none !important;
  52. }
  53. #wowslider-container%ID% .ws_images img{
  54.     width:100%;
  55.     border:none 0;
  56.     max-width: none;
  57. }
  58. #wowslider-container%ID% a{
  59.     text-decoration: none;
  60.     outline: none;
  61.     border: none;
  62. }
  63.  
  64. #wowslider-container%ID%  .ws_bullets {
  65.     font-size: 0px;
  66.     float: left;
  67.     position:absolute;
  68.     z-index:70;
  69. }
  70. #wowslider-container%ID%  .ws_bullets div{
  71.     position:relative;
  72.     float:left;
  73. }
  74. #wowslider-container%ID%  a.wsl{
  75.     display:none;
  76. }
  77. #wowslider-container%ID%  .ws_bullets {
  78.     padding: 10px;
  79. }
  80. #wowslider-container%ID% .ws_bullets a {
  81.     margin-left:4px;
  82.     width:22px;
  83.     height:20px;
  84.     background: url(./bullet.png) left top;
  85.     float: left;
  86.     text-indent: -4000px;
  87.     position:relative;
  88.     color:transparent;
  89. }
  90. #wowslider-container%ID% .ws_bullets a.ws_selbull, #wowslider-container%ID% .ws_bullets a:hover{
  91.     background-position: 0 100%;
  92. }
  93. #wowslider-container%ID% a.ws_next, #wowslider-container%ID% a.ws_prev {
  94.     position:absolute;
  95.     display:none;
  96.     top:50%;
  97.     margin-top:-28px;
  98.     z-index:60;
  99.     height: 50px;
  100.     width: 51px;
  101.     background-image: url(./arrows.png);
  102.     /*max-height:20%;
  103.     max-width:12%;
  104.     background-size:200% 200%;*/
  105.  
  106. }
  107. #wowslider-container%ID% a.ws_next{
  108.     background-position: 100% 0;
  109.     right:10px;
  110. }
  111. #wowslider-container%ID% a.ws_prev {
  112.     left:10px;
  113.     background-position: 0 0;
  114. }
  115. #wowslider-container%ID% a.ws_next:hover{
  116.     background-position: 100% 100%;
  117. }
  118. #wowslider-container%ID% a.ws_prev:hover {
  119.     background-position: 0 100%;
  120. }
  121. * html #wowslider-container%ID% a.ws_next,* html #wowslider-container%ID% a.ws_prev{display:block}
  122. #wowslider-container%ID%:hover a.ws_next, #wowslider-container%ID%:hover a.ws_prev {display:block}
  123. /* bottom center */
  124. #wowslider-container%ID% .ws_bullets {
  125.     top:0;
  126.     right: 0;
  127. }
  128.  
  129. #wowslider-container%ID% .ws-title{
  130.     position: absolute;
  131.     bottom:15%;
  132.     left: 0;
  133.     margin-right:10px;
  134.     z-index: 50;
  135.     padding:12px;
  136.     color: #F9FBFB;
  137.     text-transform:uppercase;
  138.     background:#2a2a2a;
  139.     font-family: Franklin Gothic Medium,sans-serif;
  140.     font-size: 18px;
  141.     line-height: 18px;
  142.     opacity:0.8;
  143.     filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  144. }
  145. #wowslider-container%ID% .ws-title div{
  146.     padding-top:5px;
  147.     font-size: 13px;
  148.     text-transform:none;
  149. }
  150. #wowslider-container%ID% .ws_shadow{
  151.     background: url(./shadow.png) left 100%;
  152.     background-size:100%;
  153.     width:140%;
  154.     height:45%;
  155.     position: absolute;
  156.     left:-21.7%;
  157.     bottom:-30%;
  158.     z-index:-1;
  159. }
  160. * html #wowslider-container%ID% .ws_shadow{/*ie6*/
  161.     background:none;
  162.     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='wowslider/install/shadow.png', sizingMethod='scale');
  163. }
  164. *+html #wowslider-container%ID% .ws_shadow{/*ie7*/
  165.     background:none;
  166.     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='wowslider/install/shadow.png', sizingMethod='scale');
  167. }
  168. #wowslider-container%ID% .ws_bullets  a img{
  169.     text-indent:0;
  170.     display:block;
  171.     top:16px;
  172.     left:-57px;
  173.     visibility:hidden;
  174.     position:absolute;
  175.     -moz-box-shadow: 0 0 0px #000000;
  176.     box-shadow: 0 0 0px #000000;
  177.     border: 0px solid #a4a4a4;
  178.     max-width:none;
  179. }
  180. #wowslider-container%ID% .ws_bullets a:hover img{
  181.     visibility:visible;
  182. }
  183.  
  184. #wowslider-container%ID% .ws_bulframe div div{
  185.     height:48px;
  186.     overflow:visible;
  187.     position:relative;
  188. }
  189. #wowslider-container%ID% .ws_bulframe div {
  190.     left:0;
  191.     overflow:hidden;
  192.     position:relative;
  193.     width:113px;
  194.     background-color:#a4a4a4;
  195. }
  196. #wowslider-container%ID%  .ws_bullets .ws_bulframe{
  197.     display:none;
  198.     top:20px;
  199.     overflow:visible;
  200.     position:absolute;
  201.     cursor:pointer;
  202.     -moz-box-shadow: 0 0 5px #000000;
  203.     box-shadow: 0 0 5px #000000;
  204.     border: 5px solid #a4a4a4;
  205. }
  206. #wowslider-container%ID% .ws_bulframe span{
  207.     display:block;
  208.     position:absolute;
  209.     top:-10px;
  210.     margin-left:-2px;
  211.     left:57px;
  212.     background:url(./triangle.png);
  213.     width:15px;
  214.     height:6px;
  215. }


gracias a todos y muchas mas gracias al crador de este foro porque mas de una vez me ha sacado de apuros

Última edición por Nekko; 02/12/2012 a las 16:20
  #2 (permalink)  
Antiguo 02/12/2012, 16:20
Avatar de Nekko
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Buenos Aires
Mensajes: 3.141
Antigüedad: 16 años
Puntos: 656
Respuesta: slider en wordpress y barras en la parte de abajo

No se visualiza el slider, y por ende el error, en tu web de pruebas. Revisá eso por favor y avisanos.
__________________
Taller para crear themes wordpress desde cero | Presupuestos para trabajos particulares vía MP
  #3 (permalink)  
Antiguo 02/12/2012, 16:30
 
Fecha de Ingreso: febrero-2011
Ubicación: Las Vegas
Mensajes: 16
Antigüedad: 13 años, 1 mes
Puntos: 1
Respuesta: slider en wordpress y barras en la parte de abajo

Cita:
Iniciado por Nekko Ver Mensaje
No se visualiza el slider, y por ende el error, en tu web de pruebas. Revisá eso por favor y avisanos.
ya lo subi, perdon es que intentaba varias formas de arreglarlo pero nada
  #4 (permalink)  
Antiguo 02/12/2012, 17:18
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 1 mes
Puntos: 1146
Respuesta: slider en wordpress y barras en la parte de abajo

busca esta linea en tu css y agrega overflow:hidden

#wowslider-container19 .ws_images ul li
  #5 (permalink)  
Antiguo 03/12/2012, 00:16
 
Fecha de Ingreso: febrero-2011
Ubicación: Las Vegas
Mensajes: 16
Antigüedad: 13 años, 1 mes
Puntos: 1
Respuesta: slider en wordpress y barras en la parte de abajo

Cita:
Iniciado por Ag666 Ver Mensaje
busca esta linea en tu css y agrega overflow:hidden

#wowslider-container19 .ws_images ul li
Wow por fin se fueron las dichosas barritas, un millon de gracias.



Ahora tengo otro problemilla con el slider

Yo lo creo en WowSlider y le quito la marca de agua sin problemas pero cuando lo creo le pongo el efecto "fade" y al subirlo al worpress siempre me cambia el efecto por barrido lateral.

Tienes alguna idea de por que pasa eso?
  #6 (permalink)  
Antiguo 03/12/2012, 01:07
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 1 mes
Puntos: 1146
Respuesta: slider en wordpress y barras en la parte de abajo

huy hay si te quedo mal, yo no uso wowslider para nada, a mi me gusta Cycle Slideshow que me parece mas fácil de manejar y mucho mas completo e incluso cree mi propio plugin de WP para eso.

Etiquetas: slider
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:46.