Cómo reducir tamaño de bordes en la web

  • Autor Autor Usuario eliminado 4602
  • Fecha de inicio Fecha de inicio
U

Usuario eliminado 4602

buenas betas,

como podeis ver en mi web o en la imagen que ahora muestro:

http://www.imagengratis.org/images/dibujorj3pr.jpg

Quiero reducir de tamaño los bordes grises y asi aprovechar un poco mas de web y hacer los otros cambios que muestro en la foto.

Donde tengo que modificar eso ?

saludos y gracias
 
A simple viste me parece que debes editar el CSS. Si tienes firebug instalado puedes ponerte a modificar el width y el height del css sin modificar nada.
 
Hola en tu otro post, mencione que te puedo ayudar, contactame por mp o por el msn que te deje en el anterior post, si no es difícil pero es muy especifico y seria una lata dar la solución por aquí. Ya que como comentaste se te hace un poco difícil entender tanto código css.

Saludos!!
 
mmm. Y en que parte del CSS sale ?, he estado mirando, pero realmente nose que parte del codigo es.

Y tambien... que es eso del firebug ?
 
mmm. Y en que parte del CSS sale ?, he estado mirando, pero realmente nose que parte del codigo es.

Y tambien... que es eso del firebug ?

Claramente me estas ignorando, bueno no hay problema, pocas personas ignoran una ayuda, pero ya veo que si existen :bi_polo:
 
Claramente me estas ignorando, bueno no hay problema, pocas personas ignoran una ayuda, pero ya veo que si existen :bi_polo:

No es que te haya ignorado, si miras cuando lo publique fue 1 minuto antes... de todas maneras te he agregado al msn y no me as aceptado....
 
para reducir el ancho de la barra de navegacion busca

#nav, #nav ul {
float:left;
list-style:none;
line-height:36px;
padding:0;
font-size: 11px;
margin:0;
width:900px;
padding: 0px 0px 0px 0px;
}
y en line-height:36px; cambia el 36 por el valor que quieras, con un valor de 25 va bien, pero eso segun tu gusto


para lo demas tienes que modificar lo siguientes:

#sidebar-contain {
float:left;
overflow-x:hidden;
overflow-y:hidden;
padding-bottom:0;
padding-left:12px;
padding-right:0;
padding-top:0;
width:280px;
}


#content {
float:left;
overflow-x:hidden;
overflow-y:hidden;
padding-bottom:0;
padding-left:15px;
padding-right:15px;
padding-top:0;
width:577px;
}

.post {
background-attachment:initial;
background-clip:initial;
background-color:initial;
background-image:url(Enlace eliminado
background-origin:initial;
background-position:0 0;
background-repeat:no-repeat no-repeat;
color:#7F7F81;
float:left;
margin-bottom:25px;
padding-left:40px;
padding-top:7px;
width:520px;
}

estos ya estan modificados por si quieres copiar y pegar para ver si te gusta como queda, si vas a modificarlo tienes que cambiar el width de cada uno, otro cambio que he echo es en .post modificar el padding-left que estaba a 50 y lo he puesto a 40, pero vamos es ir jugando con esas opciones.

y por ultimo, cuando este todo a tu gusto tienes que editar la imagen cont-wrap.gif que esta en la carpeta images de tu theme y hay cambias el ancho del gris del slider, ( tienes que ampliar bastante la imagen para poder ver los colores)

y creo que ya esta

se me olvido, todo eso en tu style.css
 
En el .css busca:

#content y en la propiedad width que tiene 519px, cámbialo por 600px por ejemplo.

#sidebar-contain buscas también width que tiene 339px, y le reduces el ancho, (tendrás que reducir el tamaño de los iconos de facebook, youtube y flickr).

#nav en la propiedad line-height: 36px; reduce ese número.
 
sobre los iconos sociales es normal que te salga asi, has dejado menos espacio para que entren en la misma linea, reduce el tamaño de las imagenes y veras como te entran mejor.

y sobre que se te ha descuadrado no se muy bien a que te refieres, sit e fijas, as agrandado el contenido de las entradas, has reducido el tamaño de la sidebar, quitando lo de los icono sociales, que es porque son muy grandes, lo veo bien, solo te quedaria modificar la imagen de fondo, cont-wrap.gif, la abres con cualquier editor de imagen, y la aumentas, y veras que un 70% mas o menos es blanca y el resto es gris, la parte blanca es la que aparece debajo de los post, y la parte gris, es la que aparece debajo del sidebar, tienes que editar la imagen y pintar de blanco una parte de la zona gris, hasta que se ajuste al tamaño deseado, no se si me explico.

por si no lo sabes, la imgen tiene el largo total del contenido del tema, y 1 pixel de ancho, segun la configuracion que tienes en el css, lo que se hace es repetir esa imagen en todo lo largo del contenido, asi si una entrada es mas larga o mas corta siempre estara rellena con esos colores.


No se si lo que te he contestado es a lo que te refieres
 
uffffffffffff se me descuadra todo a lo bestia jajajajajaja

Estoy intentando cambiar los bordes y hacer la web mas grande, pero ni idea jajajajajja

http://i52.tinypic.com/2ex0npv.jpg

Como podeis ver, no tengo ni idea de codigos ni nada.
 
En el css busca #page y la propiedad width, ahí tiene 900px, cambia ese número.

Pero toma en cuenta los monitores de laptop, así que no es bueno que lo hagas más grande de 1028 si no, tendrá un horroroso scroll horizontal.
 
estoy con una caraja encima que no me aclaro, creo que cuando dices que se descuadra te refieres a que en el sidebar no te parece las 2 columnas, como pagina/ link o archivo que aparecen en 2 columnas, para cambiar eso busca esta entrada

.side-box .divide{
width: 169px;
float:left;
}

y mas de lo mismo modifica width a tu gusto, ha 139px queda mas o menos bien.

los cambios que tienes que realizar son los que se te han indicado, y los cambios son aproximados, yo por lo menos he hecho la prueba a ojimetro, no me he parado a mirar si son exastas o no, lo mismo en vez de 139, queda mejor con una cifra superior o inferior, todo eso depende de como quieras dejarlo, ya solo te queda ir probando.
 
pffffffffffff me e dado cuenta de que hay que modificar muchas cosas, y me estoy haciendo un lio.........

a parte, realmente no es que me guste muxo el theme que tengo, lo veo muy "soso", y estoy por cambiarlo jajajaja :S:S
 
No me ha llegado tu solicitud aun, así que seria mejor que yo te agregue, pero si vas a cambiar de theme, creo que ya no tiene caso, supongo.

Saludos!!!
 
Atrás
Arriba