+ Antworten
Ergebnis 1 bis 6 von 6

Thema: News show Pro GK5 Problem mit der Textumfließung

  1. #1
    Neu an Board
    Registriert seit
    15.12.2016
    Beiträge
    3
    Bedankte sich
    2
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard News show Pro GK5 Problem mit der Textumfließung

    Ich betreibe die www.bürgerredaktion.de. Dabei benutze ich zur Anzeige der fünf neuesten Artikel das Modul News show Pro GK5. Das funktioniert auch gut auf einem normalen Bildschirm. Skaliere ich den Bildschirm aber, mache ihn enger, wird der Text enger, bleibt aber rechts neben dem Bild.
    Ich hätte gerne, dass der Text in diesem Fall den Platz unter dem Bild ausfüllt. Dass er also rechts neben dem Bild startet und dann, wenn er höher als das Bild ist, links weiterschreibt.
    Weiß da jemand eine Lösung?

    Danke schon mal im voraus.

    Michael

  2. #2
    Gehört zum Inventar
    Registriert seit
    06.03.2013
    Ort
    /dev/random
    Beiträge
    5.995
    Bedankte sich
    130
    Erhielt 2.238 Danksagungen
    in 2.112 Beiträgen

    Standard

    Kenne GK5 nicht, musst du aber wahrscheinlich den Codeaufbau ändern. (Override)
    Im Beispiel ist der rote Teil das Bild.
    http://jsfiddle.net/kYDgL/846/

    Gruß FINWICK
    ↶ Danke Button nutzen, wenn es geholfen hat - Kein Support via PN - Tipps & Tricks - JPlugger - URL Shortener - NDE

  3. Erhielt Danksagungen von:


  4. #3
    Neu an Board
    Registriert seit
    15.12.2016
    Beiträge
    3
    Bedankte sich
    2
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Erst mal vielen Dank, dass Du Dich gemeldet hast. Ich habe also ein Override für das Modul erstellt. Aber die css Datei wage ich mich nicht zu verändern. Ich habe auf gut deutsch keine Ahnung wie ich den Container, dessen Funktion mir schon klar ist, da hinein bringen soll.
    Da ist der Code:
    /* Articles layout */
    .nspArts {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding: 3px;
    }
    .nspArtPage {
    float: left;

    }
    .nspArt {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float:left;
    }
    .nspArt div {
    overflow: hidden;
    }
    .nspArt h4.nspHeader {
    font-size: 2em;
    margin-top: 0em;
    padding: 10px 0 15px 0;
    }
    .nspArt h4.nspHeader a {
    text-decoration: none;
    }
    .nspArt h4.nspHeader a:hover { }
    .nspArt img.nspImage {
    border: none;
    display: block;

    }
    .nspArt .nspImageWrapper {
    display: block;
    position: relative;

    }
    .nspArt p.nspText {
    display: block!important;
    padding: 0!important;
    }
    .nspArt p.nspText a { }
    .nspArt p.nspText a:hover { }
    .nspArt .nspInfo {
    display: block!important;
    font-size: 90%;
    }
    .nspArt .nspInfo a { }
    .nspArt .nspInfo a:hover { }
    .nspArt .nspInfo > .nsp-stars {
    padding: 0 10px 0 0!important;
    }

  5. #4
    Gehört zum Inventar
    Registriert seit
    06.03.2013
    Ort
    /dev/random
    Beiträge
    5.995
    Bedankte sich
    130
    Erhielt 2.238 Danksagungen
    in 2.112 Beiträgen

    Standard

    Das ist jetzt nur CSS, aber nicht der Code.
    Gruß FINWICK
    ↶ Danke Button nutzen, wenn es geholfen hat - Kein Support via PN - Tipps & Tricks - JPlugger - URL Shortener - NDE

  6. Erhielt Danksagungen von:


  7. #5
    Neu an Board
    Registriert seit
    15.12.2016
    Beiträge
    3
    Bedankte sich
    2
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Die einzige Möglichkeit, die mir im Override scheint auf den Code einzuwirken zu können, ist die PHP Datei. Damit wird wohl im Server das HTML erzeugt. Meinst Du die?
    Die schaut so aus:
    <?php
    /**
    * Default template
    * @package News Show Pro GK5
    * @Copyright (C) 2009-2013 Gavick.com
    * @ All rights reserved
    * @ Joomla! is Free Software
    * @ Released under GNU/GPL License : http://www.gnu.org/copyleft/gpl.html
    * @version $Revision: GK5 1.0 $
    **/

    // no direct access

    defined('_JEXEC') or die('Restricted access');

    $news_amount = count($this->content);
    if($this->config['links_position'] != 'bottom' && $this->config['news_short_pages'] > 0 && count($news_list_tab) > 0 && $this->config['news_full_pages'] > 0){
    $links_width = $this->config['links_width'];
    $arts_width = 100 - $this->config['links_width'];
    } else {
    $links_width = 100;
    $arts_width = 100;
    }
    ?>
    <?php if($news_amount > 0) : ?>
    <div class="nspMain<?php if($this->config['autoanim'] == TRUE) echo ' autoanim'; ?><?php if($this->config['hover_anim'] == TRUE) echo ' hover'; ?><?php echo ' ' . $this->config['moduleclass_sfx']; ?>" id="nsp-<?php echo $this->config['module_id']; ?>" data-config="<?php echo $news_config_json; ?>">
    <?php if(trim($this->config['nsp_pre_text'])) : ?>
    <?php echo $this->config['nsp_pre_text']; ?>
    <?php endif; ?>

    <?php if(($this->config['news_column'] * $this->config['news_rows']) > 0) : ?>
    <div class="nspArts<?php echo ' '.$this->config['links_position']; ?>" style="width:<?php echo $arts_width; ?>%;">
    <?php if(
    count($news_html_tab) > ($this->config['news_column'] * $this->config['news_rows']) &&
    $this->config['news_full_pages'] > 1 &&
    $this->config['top_interface_style'] != 'none'
    ) : ?>
    <div class="nspTopInterface">
    <?php if(
    $this->config['top_interface_style'] == 'pagination' ||
    $this->config['top_interface_style'] == 'arrows_with_pagination'
    ) : ?>
    <ul class="nspPagination">
    <?php for($i = 0; $i < ceil(count($news_html_tab) / ($this->config['news_column'] * $this->config['news_rows'])); $i++) : ?>
    <li><a href="#"><?php echo $i+1; ?></a></li>
    <?php endfor; ?>
    </ul>
    <?php endif; ?>

    <?php if(
    $this->config['top_interface_style'] == 'arrows' ||
    $this->config['top_interface_style'] == 'arrows_with_pagination'
    ) : ?>
    <a href="#" class="nspPrev"><?php echo JText::_('MOD_NEWS_PRO_GK5_NSP_PREV'); ?></a>
    <a href="#" class="nspNext"><?php echo JText::_('MOD_NEWS_PRO_GK5_NSP_NEXT'); ?></a>
    <?php endif; ?>
    </div>
    <?php endif; ?>
    <div class="nspArtScroll1">
    <div class="nspArtScroll2 nspPages<?php echo $this->config['news_full_pages']; ?>">
    <?php for($i = 0; $i < count($news_html_tab); $i++) : ?>
    <?php if($i == 0) : ?>
    <div class="nspArtPage active nspCol<?php echo $this->config['news_full_pages']; ?>">
    <?php endif; ?>
    <?php
    $style = 'padding:'. $this->config['art_padding'] .';';
    if(($i+1) % ($this->config['news_column']) == 1) $style .= 'clear:both;';
    ?>
    <div class="nspArt nspCol<?php echo $this->config['news_column']; ?><?php echo (isset($news_featured_tab[$i]) && $news_featured_tab[$i] == '1') ? ' nspFeatured' : ''; ?>" style="<?php echo $style; ?>">
    <?php echo $news_html_tab[$i];?>
    </div>
    <?php if(($i > 0 && (($i+1) % ($this->config['news_column'] * $this->config['news_rows']) == 0) && $i != count($news_html_tab) - 1) || ($this->config['news_column'] * $this->config['news_rows'] == 1 && $i != count($news_html_tab) - 1)) : ?>
    </div>
    <div class="nspArtPage nspCol<?php echo $this->config['news_full_pages']; ?>">
    <?php elseif($i == count($news_html_tab) - 1) : ?>
    </div>
    <?php endif; ?>
    <?php endfor; ?>
    </div>

    <?php
    if(isset($this->config['articles_link']) && $this->config['articles_link'] == '1') :
    $article_bottom_url = $this->config['articles_link_url'];
    ?>
    <a href="<?php echo $article_bottom_url; ?>" class="readon-button">
    <?php if($this->config['articles_link_label'] != '') : ?>
    <?php echo $this->config['articles_link_label']; ?>
    <?php else : ?>
    <?php echo JText::_('MOD_NEWS_PRO_GK5_ARTICLES_LINK_LABEL_DEF AULT'); ?>
    <?php endif; ?>
    </a>
    <?php endif; ?>
    </div>
    </div>
    <?php endif; ?>

    <?php if($this->config['news_short_pages'] > 0 && count($news_list_tab) > 0 ) : ?>
    <div class="nspLinksWrap<?php echo ' '.$this->config['links_position']; ?>" style="width:<?php echo $links_width-0.1; ?>%;">
    <div class="nspLinks" style="margin:<?php echo $this->config["links_margin"]; ?>;">
    <?php if(count($news_list_tab) > 0) : ?>
    <div class="nspLinkScroll1">
    <div class="nspLinkScroll2 nspPages<?php echo $this->config['news_short_pages']; ?>">
    <?php for($j = 0; $j < count($news_list_tab); $j++) : ?>
    <?php if($j == 0) : ?>
    <ul class="nspList active nspCol<?php echo $this->config['news_short_pages'] * $this->config['links_columns_amount']; ?>">
    <?php endif; ?>

    <?php echo $news_list_tab[$j]; ?>

    <?php if(($j > 0 && (($j+1) % ($this->config['links_amount']) == 0) && $j != count($news_list_tab) - 1) || ($this->config['links_amount'] == 1 && $j != count($news_list_tab) - 1)) : ?>
    </ul>
    <ul class="nspList nspCol<?php echo $this->config['news_short_pages'] * $this->config['links_columns_amount']; ?><?php if($j <= $this->config['links_columns_amount']) : ?> active<?php endif; ?>">
    <?php elseif($j == count($news_list_tab) - 1) : ?>
    </ul>
    <?php endif; ?>
    <?php endfor; ?>
    </div>

    <?php
    if($this->config['links_title'] == '1') :
    $bottom_url = ($this->params->get('module_link_switch') == '1' && $this->config['links_title_url'] == '') ? $this->params->get('module_link') : $this->config['links_title_url'];
    ?>
    <a href="<?php echo $bottom_url; ?>" class="readon-button">
    <?php if($this->config['links_title_label'] != '') : ?>
    <?php echo $this->config['links_title_label']; ?>
    <?php else : ?>
    <?php echo JText::_('MOD_NEWS_PRO_GK5_LINKS_TITLE_LABEL_DEFAU LT'); ?>
    <?php endif; ?>
    </a>
    <?php endif; ?>
    </div>
    <?php endif; ?>

    <?php if(
    count(($news_list_tab) > $this->config['links_amount']) &&
    $this->config['news_short_pages'] > 1 &&
    ceil(floor(count($news_list_tab) / $this->config['links_amount']) / $this->config['links_columns_amount']) >= 1 &&
    $this->config['bottom_interface_style'] != 'none'
    ) : ?>
    <div class="nspBotInterface">
    <?php if(
    $this->config['bottom_interface_style'] == 'pagination' ||
    $this->config['bottom_interface_style'] == 'arrows_with_pagination'
    ) : ?>
    <ul class="nspPagination">
    <?php for($i = 0; $i < ceil(ceil(count($news_list_tab) / $this->config['links_amount']) / $this->config['links_columns_amount']); $i++) : ?>
    <li><?php echo $i+1; ?></li>
    <?php endfor; ?>
    </ul>
    <?php endif; ?>

    <?php if(
    $this->config['bottom_interface_style'] == 'arrows' ||
    $this->config['bottom_interface_style'] == 'arrows_with_pagination'
    ) : ?>
    <span class="nspPrev"><?php echo JText::_('MOD_NEWS_PRO_GK5_NSP_PREV'); ?></span>
    <span class="nspNext"><?php echo JText::_('MOD_NEWS_PRO_GK5_NSP_NEXT'); ?></span>
    <?php endif; ?>
    </div>
    <?php endif; ?>
    </div>
    </div>
    <?php endif; ?>

    <?php if(trim($this->config['nsp_post_text'])) : ?>
    <?php echo $this->config['nsp_post_text']; ?>
    <?php endif; ?>
    </div>
    <?php else : ?>
    <p><?php echo JText::_('MOD_NEWS_PRO_GK5_NSP_ERROR'); ?></p>
    <?php endif; ?>

  8. #6
    Gehört zum Inventar
    Registriert seit
    06.03.2013
    Ort
    /dev/random
    Beiträge
    5.995
    Bedankte sich
    130
    Erhielt 2.238 Danksagungen
    in 2.112 Beiträgen

    Standard

    Genau in diese musst du es umsetzten.
    Gruß FINWICK
    ↶ Danke Button nutzen, wenn es geholfen hat - Kein Support via PN - Tipps & Tricks - JPlugger - URL Shortener - NDE

+ Antworten

Stichworte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein