Ayuda para diseño de slider y paginación en sitio web de películas

Makoto Yuki · 13 Jul 2013

Pues eso ando haciendo un sitio web de peliculas con un amigo y he andado recopilando disenos, estilos y demas de varias webs

Bueno al grando
Mi web Peliculas Online | PeliculasPanda
Lo que quiero es que el slider en vez de ser puntiagudos los bordes quede como el de Enlace eliminado pero no se que css es para los bordes :ambivalence:

Y en cuanto paginacion miren:

Peliculas | Pelicula Online - PeliculasPanda
Quiero que salga bien los numeros dentro de los cuadros si se fijan bien apartir del 10 en adelante salen descuadrados los numeros D:

Agradeceria toda ayuda posible desde ya gracias.

Un saludo!

Cicklow · 13 Jul 2013

Makoto Yuki dijo:
Pues eso ando haciendo un sitio web de peliculas con un amigo y he andado recopilando disenos, estilos y demas de varias webs

Bueno al grando
Mi web Peliculas Online | PeliculasPanda
Lo que quiero es que el slider en vez de ser puntiagudos los bordes quede como el de Enlace eliminado pero no se que css es para los bordes :ambivalence:

Y en cuanto paginacion miren:

Peliculas | Pelicula Online - PeliculasPanda
Quiero que salga bien los numeros dentro de los cuadros si se fijan bien apartir del 10 en adelante salen descuadrados los numeros D:

Agradeceria toda ayuda posible desde ya gracias.

Un saludo!

eso es porque tienes el ancho fijo... tienes: width: 7px; float: left;
y deja solo: float:left; y se soluciona

Makoto Yuki · 13 Jul 2013

cicklow dijo:
eso es porque tienes el ancho fijo... tienes: width: 7px; float: left;
y deja solo: float:left; y se soluciona

gracias gracias gracias bro enserio gracias ya sale bien la paginacion ;w; nunca se me ha dado lo de estilos :sorrow:

bro crees poderme ayudar con mi problema de slider no logro hacer que los bordes salgan redondos como cuevana es lo unico que me falta :sorrow:

Cicklow · 13 Jul 2013

Makoto Yuki dijo:
gracias gracias gracias bro enserio gracias ya sale bien la paginacion ;w; nunca se me ha dado lo de estilos :sorrow:

bro crees poderme ayudar con mi problema de slider no logro hacer que los bordes salgan redondos como cuevana es lo unico que me falta :sorrow:

yo los veo redondos... uso FF... pero si quieres que sea compatible con todos los navegadores usa esto:

HTML:

#slidebox {
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
}

eso lo editas en: http://peliculaspanda.com/style/demoStyles.css

Makoto Yuki · 13 Jul 2013

cicklow dijo:
yo los veo redondos... uso FF... pero si quieres que sea compatible con todos los navegadores usa esto:

HTML:

#slidebox { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

eso lo editas en: http://peliculaspanda.com/style/demoStyles.css

gracias denuevo bro*_*

jeje creo que ya me ando aprovechando de ti ;w; pero me puedes decir bro si te sale bien el footer en el index D:

Y mira en estos dos links el buscador me sale mal u.u no me sale como en el index y no se que pase ahi u.u

NotiClips | Pelicula Online - PeliculasPanda

Ataque Extraterrestre Online - Pelicula Ataque Extraterrestre 2011 Online - ver Ataque Extraterrestre Gratis - PeliculasPanda

Cicklow · 13 Jul 2013

Makoto Yuki dijo:
gracias denuevo bro*_*

jeje creo que ya me ando aprovechando de ti ;w; pero me puedes decir bro si te sale bien el footer en el index D:

Y mira en estos dos links el buscador me sale mal u.u no me sale como en el index y no se que pase ahi u.u

NotiClips | Pelicula Online - PeliculasPanda

Ataque Extraterrestre Online - Pelicula Ataque Extraterrestre 2011 Online - ver Ataque Extraterrestre Gratis - PeliculasPanda

en el index sale mal, en los otros bien. lo que pasa ke el footer tiene que estar dentro del div wrapper... por eso. puede ser 2 opciones el theme del inicio cierra antes el div wrapper o esta mal puesto...

Makoto Yuki · 13 Jul 2013

cicklow dijo:
en el index sale mal, en los otros bien. lo que pasa ke el footer tiene que estar dentro del div wrapper... por eso. puede ser 2 opciones el theme del inicio cierra antes el div wrapper o esta mal puesto...

Genial ya sale bien el index tenias razon je habia cerrado mal un div,
Pero mi otra duda sigue igual lo del buscador sale mal en los dos links que te pase pero en el index sale bien

Cicklow · 13 Jul 2013

Makoto Yuki dijo:
Genial ya sale bien el index tenias razon je habia cerrado mal un div,
Pero mi otra duda sigue igual lo del buscador sale mal en los dos links que te pase pero en el index sale bien

porque en el inicio tenes el CSS del searchbox y en los otros no...

HTML:

#searchbox {
  background: url("../images/search_bg_black.png") no-repeat scroll 0 0 #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px 3px 3px 3px;
  float: right;
  height: 28px;
  line-height: 28px;
  margin-left: 10px;
  position: relative;
  width: 300px;
}

http://peliculaspanda.com/style/demoStyles.css (no estas llamando este file en los otros...)

Makoto Yuki · 13 Jul 2013

¿Qué Pasó Ayer? 3 Online - Pelicula ¿Qué Pasó Ayer? 3 2013 Online - ver ¿Qué Pasó Ayer? 3 Gratis - PeliculasPanda no hay forma de arreglar el buscador sin tener que poner ese css ya que ese me causa conflicto con el tab_container del reproductor :ambivalence: por eso lo quite x.x

Cicklow · 13 Jul 2013

Makoto Yuki dijo:
¿Qué Pasó Ayer? 3 Online - Pelicula ¿Qué Pasó Ayer? 3 2013 Online - ver ¿Qué Pasó Ayer? 3 Gratis - PeliculasPanda no hay forma de arreglar el buscador sin tener que poner ese css ya que ese me causa conflicto con el tab_container del reproductor :ambivalence: por eso lo quite x.x

si. agregando CSS a mano: el div searchbox kedaria:

HTML:

<div id="searchbox" style="background: url("../images/search_bg_black.png") no-repeat scroll 0 0 #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 3px 3px 3px 3px; float: right; height: 28px; line-height: 28px; margin-left: 10px; position: relative; width: 300px;">

y el input id=q quedaria

HTML:

<input type="text" name="q" id="q" placeholder="Buscar por título" autocomplete="off" style="background: none repeat scroll 0 0 transparent;   border: 0 none;   color: #333333;   font-size: 12px;   margin: 7px 0 0 28px;   outline: 0 none;   padding: 0;   width: 80%;">

y eso te soluciona todo... podrias aprender a usar el inspeccionar elementos del navegador XD...

Makoto Yuki · 13 Jul 2013

jaja gracias bro por la ayuda

no ha quedado lo puse tal cual me dijiste y ahora sale mal el buscador

sobre inspeccionar elementos lo uso jeje pero como dije aun tengo mala racha con los estilos soy mas de hacer de programacion que de diseno ;w;

Cicklow · 13 Jul 2013

Makoto Yuki dijo:
jaja gracias bro por la ayuda
no ha quedado lo puse tal cual me dijiste y ahora sale mal el buscador

sobre inspeccionar elementos lo uso jeje pero como dije aun tengo mala racha con los estilos soy mas de hacer de programacion que de diseno ;w;

pues yo use el mismo code y apareció bien...CSS/HTML es una programación tmb XD

Makoto Yuki · 13 Jul 2013

cicklow dijo:
pues yo use el mismo code y apareció bien...CSS/HTML es una programación tmb XD

jaja yep html si lo se en cambio css no se me da

8: he ahi mi problema D:
te djio que si me sale bien en la web entera menos en lo de las peliculas ahi me sale mal si revisas es igual al codigo que me pasaste :sorrow:

Cicklow · 13 Jul 2013

Makoto Yuki dijo:
jaja yep html si lo se en cambio css no se me da 8: he ahi mi problema D:
te djio que si me sale bien en la web entera menos en lo de las peliculas ahi me sale mal si revisas es igual al codigo que me pasaste :sorrow:

pusistes esto...

HTML:

<div 300px;"="" width:="" relative;="" position:="" 10px;="" margin-left:="" line-height:="" 28px;="" height:="" right;="" float:="" 3px;="" 3px="" border-radius:="" 0.2);="" 0,="" rgba(0,="" solid="" 1px="" border:="" #ffffff;="" 0="" scroll="" no-repeat="" search_bg_black.png")="" images="" ..="" style="background: url(" id="searchbox">
						<div style="display: none;" id="searchload">
							<img border="0" src="http://peliculaspanda.com/images/search_load_white.gif">
						</div>
						<form method="post" id="cse-search-box" action="http://peliculaspanda.com/buscar/" target="_parent">
						<input type="text" style="background: none repeat scroll 0 0 transparent;   border: 0 none;   color: #333333;   font-size: 12px;   margin: 7px 0 0 28px;   outline: 0 none;   padding: 0;   width: 80%;" autocomplete="off" placeholder="Buscar por título" id="q" name="q">
						</form>
					</div>

y dime...estas borracho?? XD.... :encouragement:

Makoto Yuki · 13 Jul 2013

cicklow dijo:

pusistes esto...

HTML:

<div 300px;"="" width:="" relative;="" position:="" 10px;="" margin-left:="" line-height:="" 28px;="" height:="" right;="" float:="" 3px;="" 3px="" border-radius:="" 0.2);="" 0,="" rgba(0,="" solid="" 1px="" border:="" #ffffff;="" 0="" scroll="" no-repeat="" search_bg_black.png")="" images="" ..="" style="background: url(" id="searchbox">
						<div style="display: none;" id="searchload">
							<img border="0" src="http://peliculaspanda.com/images/search_load_white.gif">
						</div>
						<form method="post" id="cse-search-box" action="http://peliculaspanda.com/buscar/" target="_parent">
						<input type="text" style="background: none repeat scroll 0 0 transparent;   border: 0 none;   color: #333333;   font-size: 12px;   margin: 7px 0 0 28px;   outline: 0 none;   padding: 0;   width: 80%;" autocomplete="off" placeholder="Buscar por título" id="q" name="q">
						</form>
					</div>

y dime...estas borracho?? XD.... :encouragement:

uhm.. si algo parecido aunque alrato sacare el tequila xD
denuevo gracias bro, gracias por ayudarme en todas mis dudas

pense que no encontraria solucion u.u