---
title: "tt_news LIST pageBrowser anpassen"
url: "https://www.typo3.net/d/109581-tt-news-list-pagebrowser-anpassen"
source: "typo3.net"
tags: ["Extensions","Frage","HTML & CSS","tt_news"]
created: "2012-02-28"
last_reply: "2013-11-14"
replies: 4
solved: false
page: 1
pages: 1
lang: "de"
---

# tt_news LIST pageBrowser anpassen

Extensions · 4 Antworten · gestartet 2012-02-28

## Eröffnungsbeitrag

**timmy2007** · 2012-02-28 · [Beitrag #1](https://www.typo3.net/d/109581-tt-news-list-pagebrowser-anpassen/1)

Ich habe folgenden TS Code im Internet gefunden, um meinen Pagebrowser in der LIST Ansicht von tt_news anzupassen:

```typoscript
plugin.tt_news {

/********************************************************************************
*    Pagebrowser settings:
*/

# use the extended pagebrowser
usePiBasePagebrowser = 0

pageBrowser {
maxPages = 7
showResultCount = 1
showPBrowserText = 0
dontLinkActivePage = 1

showFirstLast = 1
pagefloat = center
showRange = 1
hscText = 1

showResultsNumbersWrap = |
browseBoxWrap = <div>|</div>
showResultsWrap = <div>|</div>
browseLinksWrap = <div>|</div>
disabledLinkWrap = <span>|</span>
inactiveLinkWrap = |
activeLinkWrap = <span>|</span>
activeLinkWrap.stdWrap.wrap = <span>|</span>

}

singleViewPageBrowser {
maxPages = 10
showResultCount = 0
showPBrowserText = 0
dontLinkActivePage = 1

showFirstLast = 1
pagefloat = center
showRange = 0
hscText = 1

showResultsNumbersWrap = |
browseBoxWrap = <div>|</div>
showResultsWrap = <div>|</div>
browseLinksWrap = <div>|</div>
disabledLinkWrap = <span>|</span>
inactiveLinkWrap = |
activeLinkWrap = <span>|</span>
activeLinkWrap.stdWrap.wrap = <span>|</span>

}

}
```

Ausgabe des Quellcodes:

```html
		<!--
			List browsing box:
		-->
		<div class="tx-ttnews-browsebox">
			<p>Treffer <span class="tx-ttnews-browsebox-strong">1 bis 15</span> von <span class="tx-ttnews-browsebox-strong">124</span></p>

			<table>
				<tr>

					
					<td class="tx-ttnews-browsebox-SCell" nowrap="nowrap"><p><a href="index.php?id=227" >Page 1</a></p></td>
					<td nowrap="nowrap"><p><a href="index.php?id=227&amp;tx_ttnews%5Bpointer%5D=1&amp;cHash=968407285ce4cf2369f673026a233196" >Page 2</a></p></td>
					<td nowrap="nowrap"><p><a href="index.php?id=227&amp;tx_ttnews%5Bpointer%5D=2&amp;cHash=20b82446705f5afc80d4bfd1641e7cfd" >Page 3</a></p></td>
					<td nowrap="nowrap"><p><a href="index.php?id=227&amp;tx_ttnews%5Bpointer%5D=3&amp;cHash=e528b5991c3636bab25f615ad02654ed" >Page 4</a></p></td>
					<td nowrap="nowrap"><p><a href="index.php?id=227&amp;tx_ttnews%5Bpointer%5D=4&amp;cHash=ea32691369e30f9ec8a69893ccb5b4e4" >Page 5</a></p></td>
					<td nowrap="nowrap"><p><a href="index.php?id=227&amp;tx_ttnews%5Bpointer%5D=5&amp;cHash=b5ef035865db521fb2552a3470014cb9" >Page 6</a></p></td>

					<td nowrap="nowrap"><p><a href="index.php?id=227&amp;tx_ttnews%5Bpointer%5D=6&amp;cHash=e7bd025b3b4e9de2daff6ff4ce3d8db8" >Page 7</a></p></td>
					<td nowrap="nowrap"><p><a href="index.php?id=227&amp;tx_ttnews%5Bpointer%5D=1&amp;cHash=968407285ce4cf2369f673026a233196" >Nächste ></a></p></td>
				</tr>
			</table>
		</div>
```

Ich möchte aber, dass die Quelltext Ausgabe des Pagebrowsers so aussieht:

```html
                                                <!-- pagination -->
                                                <div class="clear"></div>
                                                <ul class="pager">
                                                        <li class="first-page"><a href="#">&laquo;</a></li>
                                                        <li><a href="#">&lsaquo;</a></li>

                                                        <li><a href="#">2</a></li>
                                                        <li><a href="#">3</a></li>

                                                        <li class="active"><a href="#">4</a></li>
                                                        <li><a href="#">5</a></li>
                                                        <li><a href="#">6</a></li>
                                                        <li><a href="#">&rsaquo;</a></li>

                                                        <li class="last-page"><a href="#">&raquo;</a></li>
                                                </ul>
                                                <!-- ENDS pagination -->
```

Ein Beispiel dieses Pagebrowsers bekommt man bei folgenden Link: <http://luiszuno.com/themes/nova/blog.html>

Das sieht man, wenn man ganz runter scrollt, bis nach den letzten Nachrichten Eintrag.

## Antworten

### [#2](https://www.typo3.net/d/109581-tt-news-list-pagebrowser-anpassen/2) · captainpicard · 2012-03-01

Hoi,

als erstes würde ich **usePiBasePagebrowser = 1** setzen.
Dadurch verschwindet die Layout-Tabelle.

Den einzelnen Divs oder Listenelementen kannst Du dann nach Belieben Klassen zuweisen.

Hier ist z.B. mein Setup:

```typoscript
showResultsWrap = <div class="paginationResults"><i>|</i></div>
browseLinksWrap = <div class="paginationLinks"><ul>|</ul><div class="clear">&nbsp;</div></div>

disabledLinkWrap = <li><span>|</span></li>
inactiveLinkWrap = <li>|</li>
activeLinkWrap = <li><span>|</span></li>
activeLinkWrap.stdWrap.wrap = <span>|</span>
```

Grüße

### [#3](https://www.typo3.net/d/109581-tt-news-list-pagebrowser-anpassen/3) · timmy2007 · 2012-03-02

Ich habe mein TS etwas verändert, es sieht nun so aus:

```typoscript
plugin.tt_news.usePiBasePagebrowser = 1
plugin.tt_news.pageBrowser {
  maxPages = 7
showResultCount = 1
showPBrowserText = 0
dontLinkActivePage = 1

showFirstLast = 1
pagefloat = center
showRange = 1
hscText = 1
  
  browseBoxWrap = <div>|</ul></div>
  showResultsWrap = |<ul class="pager">
  LinksWrap = |
  browseLinksWrap = |
  activeLinkWrap = <li class="active">|</li>
  disabledLinkWrap = <li>|</li>
  inactiveLinkWrap = <li>|</li>
}
```

Mein Quelltext dazu ist nun so:

```html
         <div>Treffer ###SPAN_BEGIN###%s bis %s</span> von ###SPAN_BEGIN###%s</span><ul class="pager"><li>&lt;&lt; Erste</li>
<li>&lt; Vorherige</li>
<li class="active">1-15</li>
<li><a href="index.php?id=227&amp;tx_ttnews%5Bpointer%5D=1&amp;cHash=968407285ce4cf2369f673026a233196" >16-30</a></li>
<li><a href="index.php?id=227&amp;tx_ttnews%5Bpointer%5D=2&amp;cHash=20b82446705f5afc80d4bfd1641e7cfd" >31-45</a></li>

<li><a href="index.php?id=227&amp;tx_ttnews%5Bpointer%5D=3&amp;cHash=e528b5991c3636bab25f615ad02654ed" >46-60</a></li>
<li><a href="index.php?id=227&amp;tx_ttnews%5Bpointer%5D=4&amp;cHash=ea32691369e30f9ec8a69893ccb5b4e4" >61-75</a></li>
<li><a href="index.php?id=227&amp;tx_ttnews%5Bpointer%5D=5&amp;cHash=b5ef035865db521fb2552a3470014cb9" >76-90</a></li>
<li><a href="index.php?id=227&amp;tx_ttnews%5Bpointer%5D=6&amp;cHash=e7bd025b3b4e9de2daff6ff4ce3d8db8" >91-105</a></li>
<li><a href="index.php?id=227&amp;tx_ttnews%5Bpointer%5D=1&amp;cHash=968407285ce4cf2369f673026a233196" >Nächste &gt;</a></li>
<li><a href="index.php?id=227&amp;tx_ttnews%5Bpointer%5D=8&amp;cHash=1317e6f4a376b1d20417f5d4729f0ce8" >Letzte &gt;&gt;</a></li></ul></div>

</div>
```

Anstatt "vorherige" und "nächste" sollen solche Pfeile zu sehen sein.

Wie bekomme ich das hier weg?
<div>Treffer ###SPAN_BEGIN###%s bis %s</span> von ###SPAN_BEGIN###%s</span>

### [#4](https://www.typo3.net/d/109581-tt-news-list-pagebrowser-anpassen/4) · captainpicard · 2012-03-05

Die "Pfeile" kannst Du über

```typoscript
plugin.tt_news {

_LOCAL_LANG.de {
pi_list_browseresults_first = |&lt;
pi_list_browseresults_prev = &lt;&lt;
pi_list_browseresults_next = &gt;&gt;
pi_list_browseresults_last = &gt;|
pi_list_browseresults_page = 
}
}
```

ändern.

Um die Treffer nicht anzuzeigen, einfach **showResultCount = 0** setzen.

Das sollte aber auch alles in der tt_news Doku stehen.

Hoffe, ich konnte Dir helfen...

### [#5](https://www.typo3.net/d/109581-tt-news-list-pagebrowser-anpassen/5) · seebold · 2013-11-14

Hallo capitainpicard,

genau so habe ich es auch immer gemacht. Ich habe eine Seite auf TYPO3 6 aufgesetzt, und nun schreibt er mir bei

```typoscript
plugin.tt_news._LOCAL_LANG.de.pi_list_browseresults_first = &#xf04a;
```

schön die HTML-Entities hin:
&#xf04a; < zurück 1-7 8-14 15-21 22-28 29-30 vor > Letzte >>

Hat jemand eine Idee, was da passiert ist? Das ist nämlich total doof, weil ich ein span mit einer Background-Grafik einbinden will und das ganze vollkommen ohne Text. Sonst könnte ich ja irgendwas reinschreiben und über CSS was basteln. Aber wenn ich gar nichts haben will, kann ich nicht mal ein &nbsp; einfügen :-((

Viele Grüße
Seebold

---

Quelle: „tt_news LIST pageBrowser anpassen“, typo3.net, https://www.typo3.net/d/109581-tt-news-list-pagebrowser-anpassen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.