Modulo a modificar para lograr el ancho

[Specktro_D]

Que tal, bueno me presento soy Specktro mas que nada tengo la inmensa duda ya que busque y busque y lamentablemente no encuentro la solución a mi problema, en mi pagina www.bigcitylife.tv/index.php pues tengo un pequeño detalle, en la parte de PROXIMAMENTE tendría que ser mas delgada pero es demasiado ancha he intentado modificarla solo modificando el código de width que viene pero lo único que sucede es que se mueven las imágenes el bloque no se modifica en lo absoluto, por lo tanto quisiera saber cual archivo modificar para ello o cual código de cual archivo, este es el que modifique y no me funciono:

* module: line
*/
div.mod-line div.box-1 {
overflow: hidden;
padding-top: 0;
padding: 0;
}


div#proximamente {
background-color: #ffffff;
padding-left: 11px;
padding-top: 0;
padding-bottom: 14px;
width: 431px;
margin-right: auto;
margin-left: auto;
color: #000;
}

saludos y muchas gracias!

[Specktro_D]

Nadie?, alguien que me pueda ayudar?

[vtj]

perdon me he equivocado, pueden borrar

[Specktro_D]

Me urge la ayuda, no juguen por favor...gracias

[Luismaster2000]

pues mira en tu carpeta de templates/yoo_pure/css/layout.css

en la linea 216 te encontraras un codigo como este

.width50 {
width: 50%;
}

ahora solo cambia lo de 50% por un porcentaje mas chico aunque te abvierto que esto cambiara tanto la seccion de proximamente como la imagen que tienes junto.

si eso te satisface pues hay la dejamos pero si quieres que solo se modifique la parte de proximamente sin alterar la imagen pues deberemos intentar algo mas.

hay tu dirias saludos

para ver los cambios no es suficiente con ver la pagina debes recargarla con F5

[vtj]

Ciao

Iniciado por Luismaster2000

...
.width50 {
width: 50%;
}
ahora solo cambia lo de 50% por...

pero aqui entramos en otra discusion: el 50% de que resolucion? 800, 1024, 1.280, 1.366, etc...

[Luismaster2000]

No sabes cuando mide el ancho de tu template

[Specktro_D]

Perdonen, no habia entrado ya me habia dado por vencido:

Si deseo que modifique la imagen de a lado haciendola mas grande si es posible para llenar el espacio y a su vez modificar lo de PROXIMAMENTE, que puedo hacer al respecto?, saludos y muchas gracias!!

[Luismaster2000]

Bueno disculpa no habia leido el post estuve de vacaciones pero en la noche me dare un espacio para contestaste mas explicitamente saludos

[Luismaster2000]

Bueno ahorita tengo un espacio lo que tienes que hacer es

esta clase

.width50 {
width: 50%;
}

que es la que domina el modulo vamos a duplicarla y ponerle otro nombre asi

.width50-2 {
width: 50%;
}

y ahora en el sufijo de la clase del modulo pues pondras width50-2

claro que debes copiar todo lo que pertenece a la clase y modificarle el nombre

al igual que si le pusiste digamos 40% al cambio que te dije anteriormente a este debes ponerle 60% el chiste es que acompletes el 100%

bueno en teoria eso deberia solucionar tu problema saludos

[Specktro_D]

Voy a checarlo Luis, eres un santo en serio eres el unico que me pudo ayudar, ahora te digo si funciono editadno este mensaje.

Edición: Bueno creo no logro esto, ya modifique el nombre de el sufijo de la clase del modulo a width50-2 pero no alteraba nada no se si mi codigo le tengo que meter algo mas, asi esta con lo que me dijiste:

Código:

.width50 { width: 50%; }
.width50-2 { width: 50%; }
.width54 { width: 54%; }
.width65 { width: 65%; }
.width75 { width: 75%; }
.width100 { width: 100%; }

#bottom div.bottombox.float-left.width50.separator {
	
}

Me falta algo mas?? si me puedes poner una captura o todo el codigo que tengo que modificar te lo agradeceria si tengo algun fallo, etc...


y esta parte fue la que no logre entender perdon "claro que debes copiar todo lo que pertenece a la clase y modificarle el nombre"

[vtj]

Ciao

Te dejo un link a un articulo explicativo sobre el sufijo de la clase del modulo, sale un ejemplo paso a paso.

[Specktro_D]

Iniciado por vtj

Ciao

Te dejo un link a un articulo explicativo sobre el [URL="http://www.video-tutorial-joomla.com/modulo-joomla/sufijo-clase-del-modulo-modificar.html"]sufijo de la clase del modulo[/URL], sale un ejemplo paso a paso.

Gracias, si modifique el sufijo donde debia en el administrador pero aun asi no me funciono, saludos.

[Luismaster2000]

Bueno todo lo que tienes en teoria esta bien pero vamos a centrarnos solo en este par de lineas de codigo

.width50 { width: 50%; }
.width50_2 { width: 50%; }

bueno en este ejemplo que pusiste no habra cambio alguno que ver pues que ambos estilos estan 50 a 50 pero si lo que quieres es achicar el lado izquiero y agrandar el derecho en teoria deberias hacer esto por ejemplo

.width50 { width: 40%; }
.width50_2 { width: 60%; }

aqui en el modulo de la izquierda estoy poniendo 40% y el de la derecha por consiguiente quedaria con 60% para acompletar el 100%

en el sufijo de la clase del modulo deberas poner "_2" claro sin las comillas jeje

recuerda que todo cambio debe tener respaldo en este caso de los archivos de tu plantilla, si ya tienes tu template en tu disco duro de tu computadora pues ya dejemos el respaldo atras

en caso de que esto no funcione pues por ultimo usaremos un modulo html al que meteremos un div con un z-index: 100; para que quede por encima de todo pero al estar hasta abajo no afectara

[Specktro_D]

Pues, no, no jalo aun lamentablemente a la hora de modificarlo pues anteriormente en el sufijo de la clase del modulo decía blank anteriormente y cuando se lo quito y pongo el _2 lo que sucede es que se pone un fondo blanco detrás de ese banner pero no cambia las dimensiones de ellos...que difícil es estoy caray y perdón que no tengo tanto conocimiento...en que parte meto el div con el z-index??, si me puedes ejemplificar con el código por favor, saludos y muchas gracias perdón por las molestias en verdad

[Luismaster2000]

Bueno viendo que no funciono pues vamos a regresar a la forma anterior para comenzar regresa los estilos css a como estaban y el sufijo de modulo regresado a la blank vamos a usar un div

bueno en esto lo que se hizo de reducir el 50% a una cantidad menor eso si se hace pero como va a reducir ambos modulos y va faltar un espacio para acabar de rellenar el espacio pues aqui entrara en accion del div

para comenzar copia y pega el siguiente codigo en el modulo html donde esta tu imagen tal y como esta

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#apDiv1 {
position: relative;
left:0px;
top:0px;
width:400px;
height:180px;
z-index:100;
}
</style>
</head>

<body>
<div id="apDiv1"><img src="Direccion de tu imagen/nombre de tu imagen.png" width="400" height="180" /></div>
</body>
</html>

solo lo unico que se cambiara sera la direccion de la imagen y el tamaño al igual que el tamaño del div de tal forma que cubra el espacio faltante

Nota: Cuando hagas algun cambio no lo regresen enseguida dejalo asi para que pueda observarlo y ver que se puede hacer ok

saludos

[Specktro_D]

Hola Luis, ya hice los cambios se modifica el ancho pero a la hora de mover el width sigue sin hace nada, saludos!

[Luismaster2000]

mira primero vamos a regresar a mi primer mensaje y has lo que te indique de modificar el porcentaje del estilo

pues mira en tu carpeta de templates/yoo_pure/css/layout.css

en la linea 216 te encontraras un codigo como este

.width50 {
width: 50%;
}

ahora solo cambia lo de 50% por un porcentaje mas chico aunque te abvierto que esto cambiara tanto la seccion de proximamente como la imagen que tienes junto.

si eso te satisface pues hay la dejamos pero si quieres que solo se modifique la parte de proximamente sin alterar la imagen pues deberemos intentar algo mas.

hay tu dirias saludos

para ver los cambios no es suficiente con ver la pagina debes recargarla con F5

y ya despues al modulo que contiene tu imagen lo haras con el div como te dije

algunas capturas de pantalla ayudarian para que vea que es lo que haces

saludos

[Specktro_D]

Que tal Luis
Aqui te pongo los 3 procesos y la resultante, para que me digas que sucede ya que segui todos los pasos, saludos y muchas gracias!!

[Luismaster2000]

El primer paso esta muy bien es el segundo paso donde tengo mis dodas

para poner la imagen usan un modulo de html?

si es asi en que hubicación esta la imagen que pones y como se llama tu imagen para que pueda ayudarte con el codigo que debes meter al modulo html

[Luismaster2000]

Bien listo ya genere el codigo que debera funcionar viendo el ejemplo calculo que bajaste el porcentaje a 46% si no me equivoco

con esto puesto en un modulo html debera funcionar

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
#apDiv1 {
position:relative;
left:0px;
top:0px;
width:550px;
height:172px;
z-index:200;
}
</style>
</head>
<body>
<div id="apDiv1"><img src="http://bigcitylife.tv/images/banners/deego.png" width="550" height="172" /></div>
</body>
</html>

pon el codigo tal como esta ya localice tu imagen asi que no es necesario modifiques nada
esperemos con esto ya quede por que se me acaban las ideas jeje aunque los divs nunca me han quedado mal

[Specktro_D]

Hola Luis, deja pruebo los codigos perdon por la tardanza anduve algo ocupado estos dias, voy y los pruebo, saludos!!

Edicion, no paso ningun cambio sigue haciendo lo mismo :S

[Specktro_D]

Hola Luis, espero haya otra opción para sacar esto adelante, muchas gracias por tu ayuda!!

[Luismaster2000]

que ral specktro pues supongo debe haber otras opciones pero hasta donde yo conosco el div debio poder ayudarte

como sonsolacion puedo decirte que no se ve mal aunque no haya quedado como quieres

[Specktro_D]

Iniciado por Luismaster2000

que ral specktro pues supongo debe haber otras opciones pero hasta donde yo conosco el div debio poder ayudarte

como sonsolacion puedo decirte que no se ve mal aunque no haya quedado como quieres

Vale, no hay problema ya andare viendo luego como hacerle jaja pero bueno pasando a otra cosa que espero me puedas echar la mano o alguien, quisiera cambiar una parte donde dice COMPLEMENTOS del lado derecho inferior dice "More Videos" quisiera saber en que parte lo modifico para que diga "Más Videos" ???,saludos!!!

[Luismaster2000]

Mira como supongo es un componente el que usas para eso pues deberas descomprimir todo tu componente en tu disco duro en una carpeta todo por completo para que salgan todos los archivos de hay si tienes el dreamweaver CS5 y si no pues el C++ que es gratuito y que da buenos resultados

pues abrelo y en la parte de arriba busca algo que dica buscar y dale click

y de hay ajusta al buscador para que te busque el codigo en archivos y directorios y subdirectorios

y claro pones que te busque More Videos de preferencia ponlo como esta respetanto mayusculas y minusculas enseguida te soltara los archivos que tienen esa letras solo deberas identificar cual es lo que debes cambiar si tienes suerte solo te aparecera un archivo con ese codigo

y de hay remplazas ese archivo por el que tienes o vas a ese archivo desde ninja xplorer (componente de joomla) y corrigues esa parte

asi es como traduzco la mayoria de mis themas que estas en ingles por lo regular creo que no existen temas de joomla en español y tambien asi tradusco las partes de las extenciones que por error no viene incluidas en la traduccion o no la tienen

[Luismaster2000]

La verdad es que este tipo de pequeñeses toman algo de tiempo arrglarlas pero es mejor a que nuestra web tenga esos defectitos y la haga ver poco profesional

Posdata: Recuerda siempre respaldar antes de hacer cambios significativos a tu web (akeeba backuq componente de respaldo)

[Specktro_D]

Al final se aprende algo, ya logre traducir esa parte y muchas mas que no tradujeron quienes programaron mi pagina, quedo genial al final, en un mes vendrán los cambios radicales por profesionales, lo que no he logrado es modificar el cuadro de proximamente...lamentablemente creo eso ya se los dejare a ellos.