Diseño y Posicionamiento Web con Joomla › Foros › General › Joomla en General › Problema con artículos.
- Este debate tiene 19 respuestas, 4 mensajes y ha sido actualizado por última vez el hace 8 años, 5 meses por Moderador Foro.
-
AutorEntradas
-
-
23/05/2016 a las 12:02 #115523Juan JavierParticipante
Muy buenas a todos, estoy haciendo una pagina web con joomla y después de tenerlo casi todo listo me e encontrado con el siguiente problema, al visualizar la pagina con otro monitor me e dado cuenta que los artículos que aparecen en la parte central de la pagina sobresalen por los lados, con lo que no se muestra todo el texto, o por el contrario aparece texto de los artículos que quedan fuera de la pantalla.
Como podría solucionar esto, un saludo y gracias de antemano.
Aquí les dejo enlace a mi pagina: http://almirayaconsultores.es/clickandbuilds/
-
23/05/2016 a las 15:11 #115525Moderador ForoParticipante
Lo que yo veo es que al estrechar el tamaño del navegador, en vez de formar una columna con las opciones una encima de otra, lo que sucede es que desaparecen.
Si en una ventana de 1024 x 768 veo cinco opciones, al disminuir el tamaño, tres desaparecen. ¿Es a lo que te estas refiriendo?.
Saludos
Attachments: -
24/05/2016 a las 11:28 #115532Juan JavierParticipante
No, ese es el comportamiento normal que debería tener, me refiero a que con una resolución de 1280×1024 solo aparecen dos opciones, y en los lados aparecen letras de las opciones que se quedan fuera.
Intento subirte una foto pero le doy a add file y no me deja :S
-
24/05/2016 a las 21:27 #115537Moderador ForoParticipante
Ah !!! vale, entonces tienes que ver que módulo estas utilizando para el slide que lo muestra con ese defecto. Seguramente tengas un override en la carpeta /html de tu plantilla, en /templates/NOMBRE_DE_TU_PLANTILLA/html y ahi deberia estar la carpeta /mod_TUSLIDE .
Para ver si el problema esta en los estilos, renombra la carpeta y limpia la cache, a ver que sucede, si no hay carpeta de ese módulo en la carpeta /html de tu plantilla, prueba cambiar de módulo.
Si no, revisa el CSS del módulo y plantilla.
Tambien es factible que estes utilizando una plantilla que use el lenguaje LESS para los estilos, y que se recompile para CSS, ya que LESS no es aceptado aún por todos los navegadores.
Saludos
-
25/05/2016 a las 14:33 #115542Juan JavierParticipante
Muy buenas estuve buscando la carpeta “mod_TUSLIDE” y no existe, no sé muy bien que tendría que buscar en el CSS, el modulo que se encarga de estas opciones se llama “carouFredSel”.
Tampoco se a lo que te refieres con lo de cambiar de modulo.
Gracias y perdón por las molestias.
-
25/05/2016 a las 19:29 #115543Moderador ForoParticipante
No pidas perdon por pedir ayuda, solo faltaria eso :).
A ver, creo que no me has entendido. Cuando digo mod_TUSLIDE , lo de TUSLIDE hace referencia al nombre del modulo que no se cual es.
Mira en Extensiones / Plantillas y edita la plantilla, a ver si tienes un apartado llamado LAYOUTS y ahi veras la posición NAVIGATION. Bien, justo debajo deberia estar la posición del módulo, para averiguar el nombre del módulo slider.
Lo de la posición se que esta justo debajo de NAVIGATION porque he mirado las posiciones accediendo desde esta url > http://almirayaconsultores.es/clickandbuilds/?tp=1 . Fijate que muestra la mayoria de posiciones, aunque deberia mostrarlas todas.
O accede a Extensiones / Modulos y en opciones de busqueda busca una posición que haga referencia a slide o slider. Ahí deberia estar el módulo.
Una vez sepas el nombre del módulo, ve con tu cliente FTP y busca la carpeta mod_XXX (XXX como el nombre del modulo), a ver si esta ahí.
-
25/05/2016 a las 20:46 #115544Juan JavierParticipante
Vale, ya le cambie el nombre a la carpeta y lo único que cambia es el estilo de las flechas para pasar las opciones, por el resto todo se sigue viendo igual, he estado mirando el CSS del div contenedor pero no veo nada raro.
-
29/05/2016 a las 04:14 #115558Moderador ForoParticipante
Ok, entonces debe haber alguna declaración ¡important en el css de la plantilla que haga que se tome el estilo de la plantilla como primera opción, anulando la del módulo.
Debes buscar una clae css del módulo que se repita en la plantilla. Pienso que es lo que debe estar pasando, aunque no puedo estar seguro si no vel el código.
Puede que también sea un ajuste para la vista, según resolución de pantalla desde la propia plantilla, pero como digo, si no veo el código, es ir a ciegas.
-
30/05/2016 a las 13:35 #115559Juan JavierParticipante
He estado mirando el código y no encuentro nada, ando un poco perdido porque tampoco se que parte del código necesitas.
Lo que si me e dado cuenta es que al cambiar el nombre de un archivo php se ve bien. Supongo que porque no se aplican los estilos porque los títulos y el resto de módulos cambian. Aqui te dejo ese codigo php por si te sirve de algo:
<?php
defined('_JEXEC') or die;/**
* This is a file to add template specific chrome to module rendering. To use it you would
* set the style attribute for the given module(s) include in your template to use the style
* for each given modChrome function.
*
* eg. To render a module mod_test in the submenu style, you would use the following include:
*
*
* This gives template designers ultimate control over how modules are rendered.
*
* NOTICE: All chrome wrapping methods should be named: modChrome_{STYLE} and take the same
* two arguments.
*//*
* themeHtml5 (chosen themeHtml5 tag and font headder tags)
*/
function modChrome_themeHtml5($module, &$params, &$attribs)
{
$moduleTag = $params->get('module_tag');
$headerTag = htmlspecialchars($params->get('header_tag'));
$headerClass = $params->get('header_class');
$bootstrapSize = $params->get('bootstrap_size');
$moduleClass = !empty($bootstrapSize) ? ' span' . (int) $bootstrapSize . '' : '';
$moduleClassSfx = htmlspecialchars($params->get('moduleclass_sfx'));if (!empty ($module->content))
{
$html = "";if ((bool) $module->showtitle)
{
$html .= "{$module->title}";
}$html .= $module->content;
$html .= "";echo $html;
}
}function modChrome_html5nosize($module, &$params, &$attribs)
{
$moduleTag = $params->get('module_tag');
$headerTag = htmlspecialchars($params->get('header_tag'));
$headerClass = $params->get('header_class');
$bootstrapSize = $params->get('bootstrap_size');
//$moduleClass = !empty($bootstrapSize) ? ' span' . (int) $bootstrapSize . '' : '';
$moduleClassSfx = htmlspecialchars($params->get('moduleclass_sfx'));if (!empty ($module->content))
{
$html = "";if ((bool) $module->showtitle){
$html .= "{$module->title}";
}$html .= $module->content;
$html .= "";echo $html;
}
}function modChrome_modal($module, &$params, &$attribs)
{
$moduleTag = $params->get('module_tag');
$headerTag = htmlspecialchars($params->get('header_tag'));
$headerClass = $params->get('header_class');
$bootstrapSize = $params->get('bootstrap_size');
// $moduleClass = !empty($bootstrapSize) ? ' span' . (int) $bootstrapSize . '' : '';
$moduleClassSfx = htmlspecialchars($params->get('moduleclass_sfx'));if (!empty ($module->content))
{
$html = "";
$html .= "";if ((bool) $module->showtitle){
$html .= "";
$html .= "{$module->title}";
$html .= "";
}$html .= "
";
$html .= $module->content;
$html .= "";
$html .= "";
echo $html;
}
} -
31/05/2016 a las 02:05 #115560AlexParticipante
Yo estoy con lo que comenta Redlo y la configuración según resolución de pantalla. Miralo en el módulo, o más bien en el layout de la plantilla, donde seguramente podras editar la posición y ver cuantos columnas se asigna por resolución.
¿Cúal es el framework que utiliza esa plantilla?
Ademas, muestras un código, pero no dices a que archivo pertenece y donde esta ese archivo.
-
31/05/2016 a las 19:50 #115565Juan JavierParticipante
He mirado la opción de layout de la plantilla y no me da ninguna opción de cambiar el número de columnas por resolución.
El código que pegue anteriormente es del archivo modules.php, que se encuentra en /template/tema/html.Con lo de framework a que te refieres.
-
01/06/2016 a las 00:36 #115569Moderador ForoParticipante
Lo que esta claro es que esta relacionado con la vista según resolución de pantalla. Debes buscar entre los archivos de extensión LESS o CSS de tu plantilla.
Tampoco estaria de mas que nos dieras el nombre del módulo en cuestión, el cual es el que muestra los articulos que comentas. Buscalo en tu administración. Si no ves como encontrarlo, ve despublicando módulos y comprobando cuando desaparece ese módulo. El que este desactivado en ese momento, es el módulo.
Saludos
-
01/06/2016 a las 11:13 #115573Juan JavierParticipante
El modulo se llama “carouFredSel”, y con lo del tema de los archivos tengo dos carpetas una llamada “LESS” y otra llamada “CSS”, y en ambas tengo un archivo con el nombre del modulo. En cual de ellos debería mirar?
-
01/06/2016 a las 14:34 #115579Moderador ForoParticipante
Ahi lo tienes. En la primera captura, observa que tiene que estar puesto a 12 columnas.
Y en esta segunda captura puedes ver que el ancho y numero e imagenes se pueden configurar.
Attachments: -
01/06/2016 a las 19:49 #115584Juan JavierParticipante
He mirado para ver como tenia la configuración de ese modulo y está idéntica a las imágenes que pusiste, he probado a jugar con esas opciones, si cambio el tamaño del bootstrap las imágenes solo se muestran en la parte izquierda de la pantalla.
-
02/06/2016 a las 11:28 #115589lorenaParticipante
Hola, si accedes por FTP al módulo en cuestión, seguro que dentro de las carpetas hay un archivo CSS que se puede modificar para que no te pase.
[quote=”jotaSL” post=35719]He mirado para ver como tenia la configuración de ese modulo y está idéntica a las imágenes que pusiste, he probado a jugar con esas opciones, si cambio el tamaño del bootstrap las imágenes solo se muestran en la parte izquierda de la pantalla.[/quote]
-
06/06/2016 a las 11:21 #115603Juan JavierParticipante
El archivo css de ese modulo es este, pero no se que tengo que modificar para que no me siga dando ese problema.
El archivo se encuentra en la ruta, “/templates/ mitema/ CSS/ carouFredSel.css”@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700);
@import url(//fonts.googleapis.com/css?family=Pacifico);
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mod_caroufredsel {
overflow: hidden;
}
.list_carousel {
padding: 0;
width: auto;
position: relative;
margin: 0 0 0 -36px;
}
.list_carousel ul {
margin: 0;
padding: 0;
list-style: none;
display: block;
}
.list_carousel ul li {
padding: 0 0 0 36px;
margin: 0;
display: block;
float: left;
}
.clearfix {
float: none;
clear: both;
}
/*Navigation*/
.caroufredsel_prev,
.caroufredsel_next {
position: absolute;
top: 50%;
display: block;
height: 20px;
width: 20px;
margin: -10px 0 0 0;
background: #000;
line-height: 20px;
text-align: center;
color: #fff;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.caroufredsel_prev:hover,
.caroufredsel_next:hover {
background: #fff;
color: #000;
}
.caroufredsel_prev span,
.caroufredsel_next span {
display: block;
cursor: pointer;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.caroufredsel_prev {
left: 36px;
}
.caroufredsel_next {
right: 0;
}
/*Pagination*/
.caroufredsel_pagination {
text-align: center;
}
.caroufredsel_pagination a {
display: inline-block;
padding: 0 0.5em;
}
.maincar {
max-width: 100%;
overflow: hidden;
width: 100%;
}
.maincar .mod_caroufredsel__maincar {
left: 50%;
margin: 0 0 0 -1138px;
position: relative;
width: 2190px;
}
.maincar .mod_caroufredsel__maincar .list_carousel {
padding: 0 0 62px;
}
.maincar .mod_caroufredsel__maincar .img-intro {
margin-bottom: 2px;
}
.maincar .mod_caroufredsel__maincar img {
padding: 4px;
background: #FFF;
}
.maincar .mod_caroufredsel__maincar ul li {
padding: 0 0 0 9px;
text-align: center;
}
.maincar .mod_caroufredsel__maincar .item_title {
font-family: 'Roboto Condensed', sans-serif;
font-weight: normal;
font-size: 16px;
text-transform: uppercase;
color: #00adf2;
}
.maincar .caroufredsel_prev,
.maincar .caroufredsel_next {
margin: 0;
top: auto;
left: 50%;
bottom: 7px;
margin-left: -51px;
color: #39393b;
background: none;
font-family: FontAwesome;
font-size: 24px;
}
.maincar .caroufredsel_prev span:hover,
.maincar .caroufredsel_next span:hover {
color: #69696b;
}
.maincar .caroufredsel_next {
left: auto;
right: 50%;
margin-left: 0;
margin-right: -149px;
}
.maincar .caroufredsel_pagination {
position: absolute;
bottom: 11px;
z-index: 2;
left: 50%;
}
.maincar .caroufredsel_pagination a {
padding: 0;
margin: 0 5px;
display: block;
float: left;
}
.maincar .caroufredsel_pagination span {
font-size: 0;
text-indent: -9999px;
width: 10px;
height: 10px;
background: #39393b;
display: block;
border-radius: 50%;
}
.maincar .caroufredsel_pagination .selected span {
background: #00adf2;
} -
06/06/2016 a las 14:12 #115606Moderador ForoParticipante
Renombra el archivo carouFredSel.css como carouFredSel2.css y mira que sucede.
Es lo que te estaba diciendo aqui http://solojoomla.com/foro/20-joomla-en-general/32607-problema-con-articulos/reply/35736#35674
Es un override desde la plantilla.
¿Que se consigue cuando aplicamos la técnica template overrides?
La palabra override traducido literamente significa remplazar o en terminos técnicos redefinir.Con la tecnica Template overrides incluida en las primeras versiones de Joomla 1.5 y continuado en Joomla 2.5 – 3.x, lo que se consigue son realizar ajustes en el entorno joomla y o extensiones de terceros, sin tocar el core de joomla y o de las extensiones joomla creadas por terceros, aplicando los cambios o ajustes a la plantilla que estemos utilizando para asi adaptar el diseño a nuestro gusto, entre otros como puede ser la validacion de un modulo, que en su programacion original no cumple con las normas W3C y un largo etc…
Saludos
-
06/06/2016 a las 14:59 #115609Juan JavierParticipante
Cambie el nombre del archivo carouFredSel.css y no pasa nada la pagina sigue igual.
-
06/06/2016 a las 15:24 #115612Moderador ForoParticipante
Si que ha cambiado. Ahora a 1280px de ancho si que veo mas de 2 columas, y si subes a 1336, se ven 4, incompletas, pero cuatro columnas. Antes solo se visualizaban 2 columnas.
A 1280px
Mira las clases, y busca las cadenas con un editor que te permita buscar esas clases dentro otros archivos CSS de esa plantilla. Por ejemplo el Notepad ++.
Ya si buscas que alguien te realize los cambios pot ti, mi ayuda llega hasta aqui. Si te quieres atrever a probar por ti mismo, recuerda guardar una copia de los archivos al que realizes ajustes, para no tener mas problemas.Tambien puedes contactar con el desarrollador de la plantilla e indicarle esos fallos. No creo que tenga problema en ayudarte y realizar el mismo los cambios. Obivio es que le interesara arreglar esos fallos.
Saludos
Attachments:
-
-
AutorEntradas
- Debes estar registrado para responder a este debate.