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

Cambiar el ancho de la columna de la derecha en Joomla.

Estas en el tema de Cambiar el ancho de la columna de la derecha en Joomla. en el foro de Joomla en Foros del Web. Hola a todos, tal vez haya alguien que ha publicado este problema, yo busque acerca de lo mismo pero no encuentro solucion a este problema. ...
  #1 (permalink)  
Antiguo 12/04/2011, 19:50
 
Fecha de Ingreso: julio-2008
Mensajes: 28
Antigüedad: 16 años, 4 meses
Puntos: 0
Pregunta Cambiar el ancho de la columna de la derecha en Joomla.

Hola a todos, tal vez haya alguien que ha publicado este problema, yo busque acerca de lo mismo pero no encuentro solucion a este problema.

El tema es el siguiente: tengo una plantilla joomla llamada /rt_solarsentinel_j15/ y consta de tres columnas la columna de la Iszquierda es donde van los articulos, la columna del centro yo coloco algunos banners publicitario y la columna de la derecha tambien coloco algunos banners y los modulos de encuestas y el panel de fans de facebook, etc... pero en este ultimo los banners estan hechos en flash en una medida de 300 px de ancho y se cortan dado que la columna derecha es muy angosta haciendo que algunas cosas se corte y se vean mal... esta es la web a la que me refiero (http://www.certamendecuyo.com.ar )

A continuacion les pego el las lineas del codigo css de ese template para que me digan en donde debo aplicar los cambios para ensanchar solo esa columna, las otras dos estan barbaro asi como estan:

/* This is the Main template logo, Edit this to match the width and height of your new logo image */
#logo {width: 280px;height: 65px;}

/* Font Family Settings */
#ff-solarsentinel, a.solarsentinel, #ff-solarsentinel .componentheading {font-family: Helvetica,Arial,sans-serif;}
#ff-solarsentinel h1 {font-family: Georgia, Times, sans-serif;}
#ff-optima, a.optima {font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;}
#ff-geneva, a.geneva {font-family: Geneva, Tahoma, "Nimbus Sans L", sans-serif;}
#ff-helvetica, a.helvetica {font-family: Helvetica, Arial, FreeSans, sans-serif;}
#ff-lucida, a.lucida {font-family: "Lucida Grande",Helvetica,Verdana,sans-serif;}
#ff-georgia, a.georgia {font-family: Georgia, sans-serif;}
#ff-trebuchet, a.trebuchet {font-family: "Trebuchet MS", sans-serif;}
#ff-palatino, a.palatino {font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;}
input { font-family:Helvetica,Arial,sans-serif;}

/* Core Formatting */
html {height: 100%;margin-bottom: 1px;}
body {margin: 0;line-height: 135%;}
form {margin: 0;padding: 0;}
body.f-small, body#ff-optima.f-small, body#ff-georgia.f-small {font-size: 11px;}
body, body.f-default {font-size: 12px;}
body#ff-optima, body#ff-optima.f-default {font-size: 13px;}
body#ff-georgia, body#ff-georgia.f-default {font-size: 13px;}
body.f-large, body#ff-optima.f-large, body#ff-georgia.f-large {font-size: 14px;}
p {margin-top: 10px;margin-bottom: 15px;}
h1, h2, h3, h4, h5 {padding-bottom: 5px;margin: 25px 0 10px 0;font-weight: normal;line-height: 120%;}
h1 {font-size: 250%;line-height: 100%;}
h2 {font-size: 200%;line-height: 100%;}
h3 {font-size: 175%;}
h4 {font-size: 120%;line-height: 130%;}
h5 {font-size: 120%;text-transform: uppercase;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
.clr {clear: both;}
.rokradios, .rokchecks {padding: 2px 5px 5px 22px;line-height: 120%;}

/* Backgrounds */
body.bg-white {background: #D9D9D9;}
body.bg-red {background: #481515;}
body.bg-blue {background: #0B1D35;}
body.bg-beige {background: #BFBDB0;}
body.bg-grey {background: #999;}
body.bg-darkgrey {background: #1A1A1A;}
body.bg-black {background: #0B0B0B;}
body.bg-white #page-bg {background: #fff url(../images/background/white/page-bg.png) 0 0 repeat-x;}
body.bg-red #page-bg {background: #732222 url(../images/background/red/page-bg.png) 0 0 repeat-x;}
body.bg-blue #page-bg {background: #152B4E url(../images/background/blue/page-bg.png) 0 0 repeat-x;}
body.bg-beige #page-bg {background: #E8E7D7 url(../images/background/beige/page-bg.png) 0 0 repeat-x;}
body.bg-grey #page-bg {background: #ccc url(../images/background/grey/page-bg.png) 0 0 repeat-x;}
body.bg-darkgrey #page-bg {background: #303030 url(../images/background/darkgrey/page-bg.png) 0 0 repeat-x;}
body.bg-black #page-bg {background: #1B1B1B url(../images/background/black/page-bg.png) 0 0 repeat-x;}
#body-left {margin-left: 0;padding-left: 10px;height: 100%;}
#body-right {margin-right: 0;padding-right: 10px;height: 100%;}
.footer-bottom {height: 86px;}
body.bg-white .footer-bottom {background: url(../images/background/white/footer-bg.png) 0 0 repeat-x;}
body.bg-red .footer-bottom {background: url(../images/background/red/footer-bg.png) 0 0 repeat-x;}
body.bg-blue .footer-bottom {background: url(../images/background/blue/footer-bg.png) 0 0 repeat-x;}
body.bg-beige .footer-bottom {background: url(../images/background/beige/footer-bg.png) 0 0 repeat-x;}
body.bg-grey .footer-bottom {background: url(../images/background/grey/footer-bg.png) 0 0 repeat-x;}
body.bg-darkgrey .footer-bottom {background: url(../images/background/darkgrey/footer-bg.png) 0 0 repeat-x;}
body.bg-black .footer-bottom {background: url(../images/background/black/footer-bg.png) 0 0 repeat-x;}

/* New CSS structure */
.colmask {clear:both;float:left;overflow:hidden;position:re lative;width:100%;}
.col1wrap {padding-bottom:2em;}
#maincol2 {position: relative;}
#page-bg {overflow:hidden;}
.wrapper {position:relative;}

/* s-c-s (sidebar-content-sidebar) */
.s-c-s .colmid {float:left;position:relative;left:200px;;width:20 0%;}
.s-c-s .colright {float:left;left:50%;margin-left:-400px;position:relative;width:100%;background-position: 0 0;background-repeat: repeat-y;}
.s-c-s .col1wrap {float:right;position:relative;right:100%;width:50 %;padding-bottom:1em;}
.s-c-s .col1pad {margin:0 0 0 400px;overflow:hidden;}
.s-c-s .col1 {overflow:hidden;width:100%;}
.s-c-s .col2 {float:left;position:relative;overflow:hidden;left :200px;margin-left:-50%;width:200px;}
.s-c-s .col3 {float:left;position:relative;overflow:hidden;left :0;width:200px}
.s-c-s .colmask {background-position: 180px 0;background-repeat: repeat-y;}
.s-c-s .maincol2-padding {padding: 0 3px;}

/* s-c-x (sidebar-content) */
.s-c-x .colright {float:left;left:200px;position:relative;width:200 %;}
.s-c-x .col1wrap {float:right;padding-bottom:1em;position:relative;right:200px;width:50% ;}
.s-c-x .col1 {margin:0 0 0 200px;overflow:hidden;position:relative;right:100% ;}
.s-c-x .col2 {float:left;position:relative;right:200px;width:20 0px;}
.s-c-x .colmask {background-position: 178px 0;background-repeat: repeat-y;}
.s-c-x .maincol2-padding {padding: 0 0 0 1px;}
.s-c-x #leftcol {padding-right: 2px;}

/* x-c-s (content-sidebar) */
.x-c-s .colright {float:left;margin-left:-280px;position:relative;right:100%;width:200%;back ground-position: 0 0;background-repeat: repeat-y;}
.x-c-s .col1wrap {float:left;left:50%;padding-bottom:1em;position:relative;width:50%;}
.x-c-s .colmask {background-position: 679px;background-repeat: repeat-y;}
.x-c-s .col1 {margin:0 0 0 280px;overflow:hidden;}
.x-c-s .col3 {float:right;position:relative;left:280px;width:28 0px;}
.x-c-s .maincol2-padding {padding: 0 3px 0 0;}

/* Top Bar */
#top-bar {padding: 6px 15px;overflow: hidden;}
.date-block {width: 250px;font-weight: bold;float: left;}
#lock-button {height: 16px;float: right;text-align: left;line-height: 18px;}
#lock-button span {font-size: 13px;padding-left: 20px;margin: 0;font-weight: bold;}
#lock-button:hover {text-decoration: none;}
#accessibility {height: 16px;float: right;margin-left: 10px;width: 110px;}
.textsizer-desc {display: block;float: right;text-align: right;font-size: 12px;margin-right: 6px;font-weight: bold;line-height: 18px;}
#accessibility a {text-decoration: none; cursor: pointer;}
#accessibility #buttons {float: right;width: 40px;height:18px;overflow:hidden;}
#accessibility .button {display: block;float: right;width: 18px;height: 18px;}
#accessibility a.small .button {margin-right: 2px;}
.topbar-strip {overflow: hidden;padding-bottom: 2px;}
.topbar-left-mod {float: left;width: 48%;padding: 15px 0;}
.topbar-right-mod {float: right;width: 48%;padding: 15px 0;text-align: right;}
.syndicate-module {float: right;}
a.syndicate-link {display: block;width: 50px;height: 17px;background: url(../images/rss-top.png) 0 0 no-repeat;margin-left: 20px;}

/* Header */
#header-bar {padding: 15px;overflow: hidden;}
#logo {float: left;position: relative;}
.logo-text {position: absolute;left: 72px;top: 50px;font-size: 16px;}
#logo:hover {text-decoration: none;}


/* @end */


El codigo continua pero por una cuestion de caracteres no me permite poner todo.
DESDE YA MUCHAS GRACIAS POR SU AYUDA...
  #2 (permalink)  
Antiguo 13/04/2011, 18:34
Avatar de fabianconectado  
Fecha de Ingreso: junio-2010
Ubicación: BsAs
Mensajes: 40
Antigüedad: 14 años, 5 meses
Puntos: 1
Respuesta: Cambiar el ancho de la columna de la derecha en Joomla.

el tamaño de ancho se lo das desde la configuracion de la template.

Etiquetas: ancho, columna, left, píxeles, rigth
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 03:27.