Problema con artículos.

Mostrando 19 respuestas a los debates
  • Autor
    Entradas
    • #115523
      jotaSLJuan Javier
      Participante

      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/

    • #115525
      redloModerador Foro
      Participante

      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:
    • #115532
      jotaSLJuan Javier
      Participante

      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

    • #115537
      redloModerador Foro
      Participante

      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

    • #115542
      jotaSLJuan Javier
      Participante

      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.

    • #115543
      redloModerador Foro
      Participante

      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í.

    • #115544
      jotaSLJuan Javier
      Participante

      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.

    • #115558
      redloModerador Foro
      Participante

      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.

    • #115559
      jotaSLJuan Javier
      Participante

      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 = "

    • #115560
      alex99Alex
      Participante

      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.

    • #115565
      jotaSLJuan Javier
      Participante

      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.

    • #115569
      redloModerador Foro
      Participante

      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

    • #115573
      jotaSLJuan Javier
      Participante

      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?

    • #115579
      redloModerador Foro
      Participante

      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.

    • #115584
      jotaSLJuan Javier
      Participante

      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.

    • #115589
      lorena28lorena
      Participante

      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]

    • #115603
      jotaSLJuan Javier
      Participante

      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;
      }

    • #115606
      redloModerador Foro
      Participante

      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

    • #115609
      jotaSLJuan Javier
      Participante

      Cambie el nombre del archivo carouFredSel.css y no pasa nada la pagina sigue igual.

    • #115612
      redloModerador Foro
      Participante

      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:
Mostrando 19 respuestas a los debates
  • Debes estar registrado para responder a este debate.
Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Contiene enlaces a sitios web de terceros con políticas de privacidad ajenas que podrás aceptar o no cuando accedas a ellos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Ver
Privacidad