News-Modul - Paginierung entfernen

LUCKMAGAZIN · 15. Oktober 2014 18:02

Kann mir Bitte mal kurz einer die Klammer aus meinen Kopf nehmen?
Ich finde nicht die Endlösung...

KLICK MAL HIER

Wie bekomme ich denn die Zeilen weg:

PreviousNext

1
2
3
4
5

???

Soll halt nicht so weit runter gehen...

mike-r · 15. Oktober 2014 18:29

Schon behoben? Ich seh nix auffälliges.

LUCKMAGAZIN · 15. Oktober 2014 18:31

ne ist leider immer noch da

Die letzten 5 News
Gut alt werden in Teltow-Fläming

Mobilität und gutes Wohnen im Alter sichern – eine Herausforderung im demografischen Wandel

[weiterlesen]
15.10.2014 / Potsdam - BMW durch Feuer beschädigt

Mehrere Anwohner aus der Straße Falkenhorst im Potsdamer Stadtteil Schlaatz informierten am frühen Mittwochmorgen Polizei und Feuerwehr über ein brennendes Auto, welches auf einem Parkplatz im Falkenhorst abgestellt war.

[weiterlesen]
PreviousNext

1
2
3
4
5

Das ist das Ende

LUCKMAGAZIN · 15. Oktober 2014 18:34

Schau hier

Klenkes · 15. Oktober 2014 19:42

Du müsstest in deinem CSS in etwa so anfangen:

Hier klicken, um den Code zum Kopieren zu markieren

.slidesjs-pagination li {float:left; list-style:none;}
.slidesjs-pagination li a {display:block; padding:8px;}

Dann sind sie schon mal nebeneinander.

LUCKMAGAZIN · 16. Oktober 2014 04:28

So sieht mein CSS aus:

Hier klicken, um den Code zum Kopieren zu markieren

    #my_slides {
      display: none
    }

    #my_slides .slidesjs-navigation {
      margin-top:5px;
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url([[root_url]]/modules/NewsSlides/playing/img/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination {
      margin: 7px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url([[root_url]]/modules/NewsSlides/playing/img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #my_slides a:link,
    #my_slides a:visited {
      color: #333
    }

    #my_slides a:hover,
    #my_slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }

    .ns_container {
      margin: 0 auto
    }

    /* For tablets & smart phones */
    @media (max-width: 767px) {
      .ns_container {
        width: auto
      }
    }

    /* For smartphones */
    @media (max-width: 480px) {
      .ns_container {
        width: auto
      }
    }

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {
      .ns_container {
        width: 724px
      }
    }

    /* For larger displays */
    @media (min-width: 1200px) {
      .ns_container {
        width: 95%
      }
    }

mike-r · 16. Oktober 2014 10:26

Klenkes schrieb:

Du müsstest in deinem CSS in etwa so anfangen:
Hier klicken, um den Code zum Kopieren zu markieren
.slidesjs-pagination li {float:left; list-style:none;}
.slidesjs-pagination li a {display:block; padding:8px;}
Dann sind sie schon mal nebeneinander.

Wird scheinbar von div#main ul li überschrieben, sollte also besser:

Hier klicken, um den Code zum Kopieren zu markieren

div#main ul.slidesjs-pagination li {float:left; list-style:none;}
div#main ul.slidesjs-pagination li a {display:block; padding:8px;}

heissen. (ungetestet)

Beitrag geändert von mike-r (16. Oktober 2014 10:27)

LUCKMAGAZIN · 16. Oktober 2014 11:17

davon geht es auch nicht weg sad

mike-r · 16. Oktober 2014 12:56

LUCKMAGAZIN schrieb:

davon geht es auch nicht weg

Logisch, steht ja auch nicht im Stylesheet ...

Hier klicken, um den Code zum Kopieren zu markieren

Adresse: http://www.luck-magazin.de/tmp/cache/stylesheet_combined_8fb52fb0b38f02b92659563e4e29573c.css
Modifiziert: Dienstag, 14. Oktober 2014 07:13:03

Cache mal gelöscht?

LUCKMAGAZIN · 16. Oktober 2014 13:01

ja habe ich... bleibt weiterhin

LUCKMAGAZIN · 16. Oktober 2014 14:23

es wird eigentlich über ein extra stylesheet aufgerufen namens slider 02

was muss ich sonst wo genau einbauen?

antibart · 16. Oktober 2014 16:10

Wenn es ein extra-css ist, dann muss du ihn mit deinem Template verknüpfen: Layout->Templates. Dann neben deinem aktiven Template auf das CSS-Icon klicken und das slider-css auswählen.

Oder die slider-stylesheets einfach in dein Haupttemplate copy/pasten. Ich persönlich mag es lieber, nur eine css-Datei zu benutzen, wenn möglich.

Beitrag geändert von antibart (16. Oktober 2014 16:11)

LUCKMAGAZIN · 16. Oktober 2014 19:15

soweit verstanden und funktioniert auch.
ich möchte aber die verlinkungen unter der news weghaben...

also nicht das "weiterlesen" sondern die links zu den 5 meldungen

mike-r · 16. Oktober 2014 19:45

dann hast Du aber kein Styleproblem, sondern musst das im (entsprechenden) Template rauswerfen

LUCKMAGAZIN · 16. Oktober 2014 19:48

Mein Template:

Hier klicken, um den Code zum Kopieren zu markieren

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "[url]http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd[/url]">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de" />
<head>
{* Change lang="en" to the language of your site *}
{* note: anything inside these are smarty comments, they will not show up in the page source *}

    <title>{sitename} - {title}</title>
{* The sitename is changed in Site Admin/Global settings. {title} is the name of each page *}

 {metadata}
{* Don't remove this! Metadata is entered in Site Admin/Global settings. *}

 {cms_stylesheet}
{literal}
<style type="text/css" media="handheld">
 body { margin:0; padding:0; width:100%; } .accessibility, .noprint, dfn { display:none; } div#header, div#footer { background-color: #385C72; color: #fff; text-align:center; } div#header a, div#footer a { color: #fff; } div#menu_vert ul li, div#menu_horiz ul li { display:inline; } div#menu_vert ul, div#menu_horiz ul { border-bottom:1px solid #fff; } div.breadcrumbs { display:none; } 
</style>
<style type="text/css" media="print">
 body { color: #000 !important; background-color:#fff !important; font-family:arial; border:0 !important; } * { border:0 !important; } .accessibility, .noprint { display:none !important; } div#content, div#main { display:block !important; width:100% !important; border:0 !important; padding:1em !important; } div#header, div#header h1 a, div.breadcrumbs, div#search, div#footer, div#menu_vert, div#news, div.right49, div.left49, div#sidebar { display: none !important; } img { float:none; } 
</style>
{/literal}
{* This is how all the stylesheets attached to this template are linked to it *}

 {cms_selflink dir="start" rellink=1}
 {cms_selflink dir="prev" rellink=1}
 {cms_selflink dir="next" rellink=1}
{* Relational links for interconnections between pages, good for accessibility and Search Engine Optimization *}

{* the literal below and the /literal at the end are needed whenever there are {"curly brackets"} as smarty will think it's something to process and will throw an error *}
 {literal}
<script type="text/JavaScript">

<!--
//pass min and max - measured against window width
function P7_MinMaxW(a,b){
var nw="auto",w=document.documentElement.clientWidth;
if(w>=b){nw=b+"px";}if(w<=a){nw=a+"px";}return nw;
}
//-->
</script>
    <!--[if lte IE 6]>
    <style type="text/css">
    #pagewrapper {width:expression(P7_MinMaxW(720,1200));}
    #container {height: 1%;}
    </style>
    <![endif]-->
    {/literal}
{* The min and max page width for Internet Explorer is set here. For other browsers it's in the stylesheet "Layout: Left sidebar + 1 column" *}

  </head>
  <body>
    <div id="pagewrapper">

{* start accessibility skip links, anything with the class of accessibility is hidden with CSS from visual browsers *}
      <ul class="accessibility">
        <li>{anchor anchor='menu_vert' title='Skip to navigation' accesskey='n' text='Skip to navigation'}</li>
        <li>{anchor anchor='main' title='Skip to content' accesskey='s' text='Skip to content'}</li>
      </ul>
{* end accessibility skip links *}

      <hr class="accessibility" />
{* anything with class="accessibility is hidden for visual browsers by CSS *}

{* Start Header, with logo image that links to the default start page. Logo image is changed in the stylesheet  "Layout: Left sidebar + 1 column" *}
      <div id="header">

{* this holds the name of the site on the right side *}
       <h2 class="headright"></h2>

{* a link back to home page and the header left image/logo, text is hidden using CSS *}
        <h1>{cms_selflink dir="start" text="$sitename"}</h1>        
        <hr class="accessibility" />
      </div>

{* End Header *}

{* Start Search, the input "Submit" is using an image, CSS: input.search-button *}
      <div id="search">
      {search}
      </div>
{* End Search *}

{* Start Breadcrumbs *}
      <div class="crbk">
{* holds the right image, we need 2 divs to be able to make this site fluid, if it was fixed width we could use one div, one image  *}

        <div class="breadcrumbs">
        {breadcrumbs starttext='Du befindest Dich hier' delimiter='&raquo;'}
          <hr class="accessibility" />
        </div>
      </div>
{* End Breadcrumbs *}

{* Start Content (Navigation and Content columns) *}
      <div id="content">

{* Start Sidebar, 2 divs one for top image one for bottom image *}
        <div id="sidebar">
          <div id="sidebara">

{* Start Navigation, stylesheet  "Navigation: Simple - Vertical" *}
            <div id="menu_vert">
              <h2 class="accessibility">Navigation</h2>
              {menu template='accessible_simple_navigation.tpl' collapse='1'}
            </div>
{* End Navigation *}
</div>
<br>
<div align="center">
<!-- BEGIN PARTNER PROGRAM - DO NOT CHANGE THE PARAMETERS OF THE HYPERLINK -->
<script type="text/javascript" src="http://banners.webmasterplan.com/view.asp?ref=385895&js=1&site=13184&b=11&target=_blank&title=NKL+Lotterie+Peters" ></script><noscript><a href="http://partners.webmasterplan.com/click.asp?ref=385895&site=13184&type=b11&bnb=11" target="_blank">
<img src="http://banners.webmasterplan.com/view.asp?ref=385895&site=13184&b=11" border="0" title="NKL Lotterie Peters" alt="NKL Lotterie Peters" width="234" height="60" /></a></noscript>
<!-- END PARTNER PROGRAM -->
<br><br>
<!-- BEGIN PARTNER PROGRAM - DO NOT CHANGE THE PARAMETERS OF THE HYPERLINK -->
<script type="text/javascript" src="http://banners.webmasterplan.com/view.asp?ref=385895&js=1&site=13384&b=4&target=_blank&title=edeka-mobil.de" ></script><noscript><a href="http://partners.webmasterplan.com/click.asp?ref=385895&site=13384&type=b4&bnb=4" target="_blank">
<img src="http://banners.webmasterplan.com/view.asp?ref=385895&site=13384&b=4" border="0" title="edeka-mobil.de" alt="edeka-mobil.de" width="234" height="60" /></a></noscript>
<!-- END PARTNER PROGRAM -->
<br><br>
<!-- BEGIN PARTNER PROGRAM - DO NOT CHANGE THE PARAMETERS OF THE HYPERLINK -->
<script type="text/javascript" src="http://banners.webmasterplan.com/view.asp?ref=385895&js=1&site=3119&b=181&target=_blank&title=Sky+-+Jetzt+bestellen!" ></script><noscript><a href="http://partners.webmasterplan.com/click.asp?ref=385895&site=3119&type=b181&bnb=181" target="_blank">
<img src="http://banners.webmasterplan.com/view.asp?ref=385895&site=3119&b=181" border="0" title="Sky - Jetzt bestellen!" alt="Sky - Jetzt bestellen!" width="234" height="60" /></a></noscript>
<!-- END PARTNER PROGRAM -->
<br><br>
{global_content name='counter'}</div>
<br>


</div>
{* End Sidebar *}
<br>
{* Start Content Area *}
{* again 2 divs to hold top and bottom images, back is set to go to the right side then the main is set to come off the right side *}
        <div class="back">        
          <div id="main">
            <div style="float: right;">{print showbutton=true script=true}</div>
            <h2>{title}</h2>
            {content}
            <br />
          </div>
        </div>
{* this break is just to make sure we get space after the content *}

{* Start relational links *}
{* note this is the right side, when you float: divs you need to have float: right; divs first *}
            <div class="right49">
              <p>{anchor anchor='main' text='^ Top'}</p>
            </div>

 {* End relational links *}

            <hr class="accessibility" />
          
        </div>
{* End Content Area *}
<br />

{* Start Footer. Edit the footer in the Global Content Block called "footer" *}
      <div class="footback">
        <div id="footer">

<center>{global_content name='google728-90'}</center>
<br />
{global_content name='footer'}
          </div>
      
{* End Footer *}

    </div>
{* end pagewrapper *}
  </body>
</html>

Da kann ich aber nichts finden?!

Klenkes · 16. Oktober 2014 19:53

Das must du im Newstemplate raus nehmen. Am Ende steht irgendo ein Bereich mit more->url oder so ähnlich.

LUCKMAGAZIN · 16. Oktober 2014 19:55

Mein Newstemplate

Hier klicken, um den Code zum Kopieren zu markieren

<div id="my_slides">
{foreach from=$items item=entry}
<div class="slide">
<div class="NewsSummaryLink">
<a href="{$entry->moreurl}" title="{$entry->title|cms_escape:htmlall}">{$entry->title|cms_escape}</a>
</div>
<br>
{if $entry->summary}
	<div class="NewsSummarySummary">
		{eval var=$entry->summary}
	</div>
	<div class="NewsSummaryMorelink">
	<br>	[{$entry->morelink}]
	</div>
{/if}
</div>
{/foreach}
    </div>
  </div>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  <script src="modules/NewsSlides/playing/js/jquery.slides.min.js"></script>
  <script>
/************* see [url]http://slidesjs.com/[/url] for complete documentation ***********/
    $(function() {
      $('#my_slides').slidesjs({
        width: 300,
        height: 50,
        play: {
          active: false,
          auto: true,
          interval: 3000,
         pauseOnHover: true,
          swap: false
        }
      });
    });
  </script>

Klenkes · 17. Oktober 2014 22:28

Das muss raus:

Hier klicken, um den Code zum Kopieren zu markieren

	<div class="NewsSummaryMorelink">
	<br>	[{$entry->morelink}]
	</div>

LUCKMAGAZIN · 17. Oktober 2014 04:34

ne sorry dann ist ja weiterlesen weg
genau das soll ja bleiben
das dadrunter soll weg

Klenkes · 17. Oktober 2014 08:58

Da hab ich dich komplett falsch verstanden...

Willst du ALLES unter weiterlesen weg haben?
Dann:

Hier klicken, um den Code zum Kopieren zu markieren

.slidesjs-pagination,
a.slidesjs-previous,
a.slidesjs-next {display:none;}

Das kommt alles aus dem Javscript des Sliders, heißt, wird vom JS generiert und steht nirgendwo in einer Template.

Es gibt aber auch verschiedene Parameter für den Slideraufruf um die Navigation und Pagination abzuschalten.
http://slidesjs.com
In deinem Fall würde das dann so aussehen:

Hier klicken, um den Code zum Kopieren zu markieren

<script>
/************* see http://slidesjs.com/ for complete documentation ***********/
    $(function() {

      $('#my_slides').slidesjs({
        width: 300,
        height: 50,
        
        navigation: {
          active: false
          }
        pagination: {
          active: false
          }

        play: {
          active: false,
          auto: true,
          interval: 4000,
          pauseOnHover: false,
          swap: false
        }
      });
    });
  </script>

LUCKMAGAZIN · 17. Oktober 2014 09:12

jetzt habe ich es ausgetauscht...
alles weg sad

LUCKMAGAZIN · 17. Oktober 2014 09:14

Wenn ich das obere von dir ändern will was wäre da wegzulöschen?

Hier klicken, um den Code zum Kopieren zu markieren

    #my_slides {
      display: none
    }

    #my_slides .slidesjs-navigation {
      margin-top:5px;
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url([[root_url]]/modules/NewsSlides/playing/img/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination {
      margin: 7px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url([[root_url]]/modules/NewsSlides/playing/img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

.slidesjs-pagination li {float:left; list-style:none;}
.slidesjs-pagination li a {display:block; padding:8px;}

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #my_slides a:link,
    #my_slides a:visited {
      color: #333
    }

    #my_slides a:hover,
    #my_slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }

    .ns_container {
      margin: 0 auto
    }

    /* For tablets & smart phones */
    @media (max-width: 767px) {
      .ns_container {
        width: auto
      }
    }

    /* For smartphones */
    @media (max-width: 480px) {
      .ns_container {
        width: auto
      }
    }

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {
      .ns_container {
        width: 724px
      }
    }

    /* For larger displays */
    @media (min-width: 1200px) {
      .ns_container {
        width: 95%
      }
    }

Klenkes · 17. Oktober 2014 09:49

Du musst einfach das ans Ende des Sliderstylesheets setzen:

Hier klicken, um den Code zum Kopieren zu markieren

.slidesjs-pagination,
a.slidesjs-previous,
a.slidesjs-next {display:none;}

Die Javascriptlösung wäre aber besser.
Womöglich habe ich das ein oder andere Komma vergessen:

Hier klicken, um den Code zum Kopieren zu markieren

<script>{literal}
    $(function() {

      $('#my_slides').slidesjs({
        width: 300,
        height: 50,
        
        navigation: {
          active: false
          },
        pagination: {
          active: false
          },

        play: {
          active: false,
          auto: true,
          interval: 4000,
          pauseOnHover: false,
          swap: false
        }
      });
    });{/literal}
  </script>

Beitrag geändert von Klenkes (17. Oktober 2014 09:49)

LUCKMAGAZIN · 17. Oktober 2014 10:28

habe die untere variante genommen. cool es klappt
danke dir

Forum für CMS/made simple

#1 15. Oktober 2014 18:02

News-Modul - Paginierung entfernen

#2 15. Oktober 2014 18:29

Re: News-Modul - Paginierung entfernen

#3 15. Oktober 2014 18:31

Re: News-Modul - Paginierung entfernen

#4 15. Oktober 2014 18:34

Re: News-Modul - Paginierung entfernen

#5 15. Oktober 2014 19:42

Re: News-Modul - Paginierung entfernen

#6 16. Oktober 2014 04:28

Re: News-Modul - Paginierung entfernen

#7 16. Oktober 2014 10:26

Re: News-Modul - Paginierung entfernen

#8 16. Oktober 2014 11:17

Re: News-Modul - Paginierung entfernen

#9 16. Oktober 2014 12:56

Re: News-Modul - Paginierung entfernen

#10 16. Oktober 2014 13:01

Re: News-Modul - Paginierung entfernen

#11 16. Oktober 2014 14:23

Re: News-Modul - Paginierung entfernen

#12 16. Oktober 2014 16:10

Re: News-Modul - Paginierung entfernen

#13 16. Oktober 2014 19:15

Re: News-Modul - Paginierung entfernen

#14 16. Oktober 2014 19:45

Re: News-Modul - Paginierung entfernen

#15 16. Oktober 2014 19:48

Re: News-Modul - Paginierung entfernen

#16 16. Oktober 2014 19:53

Re: News-Modul - Paginierung entfernen

#17 16. Oktober 2014 19:55

Re: News-Modul - Paginierung entfernen

#18 17. Oktober 2014 22:28

Re: News-Modul - Paginierung entfernen

#19 17. Oktober 2014 04:34

Re: News-Modul - Paginierung entfernen

#20 17. Oktober 2014 08:58

Re: News-Modul - Paginierung entfernen

#21 17. Oktober 2014 09:12

Re: News-Modul - Paginierung entfernen

#22 17. Oktober 2014 09:14

Re: News-Modul - Paginierung entfernen

#23 17. Oktober 2014 09:49

Re: News-Modul - Paginierung entfernen

#24 17. Oktober 2014 10:28

Re: News-Modul - Paginierung entfernen

Fußzeile des Forums