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

  • Autor Autor Makoto Yuki
  • Fecha de inicio Fecha de inicio
M

Makoto Yuki

Gamma
Programador
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!
 
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!
Hacer clic para expandir...

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

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:
 
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:
Hacer clic para expandir...

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
 
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
Hacer clic para expandir...
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
 
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
Hacer clic para expandir...

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...
 
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...
Hacer clic para expandir...

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
 
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
Hacer clic para expandir...

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 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
Hacer clic para expandir...

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...
 
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;
 
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;
Hacer clic para expandir...

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

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:
 
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:
Hacer clic para expandir...

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:
 
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:
Hacer clic para expandir...

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
 
Hay que estar conectado o registrado para responder aquí.
Atrás
Arriba