SmartyLink: Seite vor / Seite zurück / Ebene hoch /

[Xenolith]

Hallo,

Gibt es eine Smartyvariable die einen Link auf die nächsthöhere Seitenebene bzw. die vorherige Seite enthält?

Gruß
Xenolith

[NaN]

{cms_selflink dir="prev"} <- vorhergehende Seite
{cms_selflink dir="next"} <- nachfolgende Seite

[Xenolith]

Das hab ich bereits versucht aber irgendwie komm ich immer wieder zurück auf die Startseite.

[NaN]

Kann ich leider nicht ganz nachvollziehen.
Bist Du sicher, dass Du nicht

{cms_selflink dir="start"}

anstelle von "prev" und "next" verwendet hast?

Wie ist denn die Seiten Hierarchie?

[Xenolith]

als reiner Textlink funktioniert es korrekt.

Ich habe allerdings versucht eine Grafik als Link zu verwenden. Und da zeigt die verlinkung nur auf die Startseite.

EDIT: Screenshot

[NaN]

Lies Dir doch einfach mal die Hilfe zum {cms_selflink} Tag durch.
(Erweiterungen->Tags ... cms_selflink)

[Xenolith]

Lies Dir doch einfach mal die Hilfe zum {cms_selflink} Tag durch.
(Erweiterungen->Tags ... cms_selflink)

Autsch! erwischt;)

Ich geh mal davon aus du meinst:

Code: Select all

{cms_selflink dir='next' image='next.png' text='Next' imageonly=1}

Das werd ich direkt mal versuchen...

[NaN]

Bingo!

Wobei Du text="Next" nicht benötigst, wenn Du imageonly=1 verwendest.
Nimm stattdessen besser alt="Next".

[Xenolith]

Mit dem "imageonly" stehe ich noch auf Kriegsfuss!

Code: Select all

<div id="box_joc_nav">
<div id="up_joc_nav">
<code>{cms_selflink dir='up' image='uploads/joc_template/images/buttons/button_nav_oben_blue.png' imageonly=1}</code>
</div>
<div id="forback_joc_nav">
<code>{cms_selflink dir='prev' image='uploads/joc_template/images/buttons/button_nav_rechts_blue.png' imageonly=1}</code> 
<code>{cms_selflink dir='next' image='uploads/joc_template/images/buttons/button_nav_links_blue.png' imageonly=1}</code>
</div>
</div>

Das Ergebnis poste ich als anhang..
WARUM sind da trotzdem Beschriftungen?
Und warum nur bei Link 2 und 3 und nicht beim ersten? 

[NaN]

{cms_selflink dir='up' image='uploads/joc_template/images/buttons/button_nav_oben_blue.png' imageonly=1}


{cms_selflink dir='prev' image='uploads/joc_template/images/buttons/button_nav_rechts_blue.png' imageonly=1}
{cms_selflink dir='next' image='uploads/joc_template/images/buttons/button_nav_links_blue.png' imageonly=1}

Bin mir jetzt nicht sicher, ob es daran liegt, aber fällt Dir da was auf?
Nimm mal dieses bzw- raus.
Da hat der Browser mehr kopiert als er sollte.

[Xenolith]

an den dinger lag es nicht!

Ich hab jetzt rausgefunden wie es geht: lang='0' um die Beschriftung auszublenden.
wichtig dabei sind die Hochkommata!!! Ohne die geht es nicht!

Eine Frage hab ich trotzdem noch: (hoffentlich hab ich nichts in der Doku überlesen  ;) )
Kann ich eine Mouseover-Grafik festlegen?

Gruß Xenolith

[NaN]

Also rein über Parameter lässt sich das leider nicht steuern.
Aber Du könntest dem Link eine CSS Klasse übergeben und statt eines Tags eine Hintergrundgrafik via CSS definieren.
Da kannst Du dann auch ganz einfach mit .classname:hover eine Mouseover-Grafik definieren.

Wenn Du trotzdem beim bleiben willst, kannst Du den Parameter href verwenden. (gibt nur die Ziel-Addresse aus)
Und dann würde ich es so ähnlich machen wie in der Doku beschrieben:

Code: Select all

<a href="{cms_selflink dir="next" href="true" class="classname"}">
   <img src="uploads/joc_template/images/buttons/button_nav_rechts_blue.png" onmouseover="this.src='uploads/joc_template/images/buttons/button_nav_rechts_blue_hover.png'" onmouseout="this.src='uploads/joc_template/images/buttons/button_nav_rechts_blue.png'" />
</a>

[Xenolith]

Jetzt bin ich wieder ganz am Anfang  alle Links gehen auf die Startseite 

Code: Select all

<div id="box_joc_nav">
<div id="up_joc_nav">
<a href="{cms_selflink dir="up" href="true" class="testclass"}">
   <img src="uploads/joc_template/images/buttons/button_nav_oben_blue.png" onmouseover="this.src='uploads/joc_template/images/buttons/button_nav_oben_hover.png'" onmouseout="this.src='uploads/joc_template/images/buttons/button_nav_oben_blue.png'" />
</a>
</div>
<div id="forback_joc_nav">
<div id="back">
<a href="{cms_selflink dir="prev" href="true" class="testclass"}">
   <img src="uploads/joc_template/images/buttons/button_nav_links_blue.png" onmouseover="this.src='uploads/joc_template/images/buttons/button_nav_links_hover.png'" onmouseout="this.src='uploads/joc_template/images/buttons/button_nav_links_blue.png'" />
</a>
</div>
<div id="for">
<a href="{cms_selflink dir="next" href="true" class="testclass"}">
   <img src="uploads/joc_template/images/buttons/button_nav_rechts_blue.png" onmouseover="this.src='uploads/joc_template/images/buttons/button_nav_rechts_hover.png'" onmouseout="this.src='uploads/joc_template/images/buttons/button_nav_rechts_blue.png'" />
</a>
</div>
</div>
</div>

[Xenolith]

Nach dem sich das mit dem href getrödel als Deadend erwiesen hat habe ich deinen ersten Tipp weiterverfolgt.
Hier die Lösung:

CSS-File:

Code: Select all

#box_joc_nav {
	width: 45px;
	height: 40px;
	float: right;
position: relative; right: 30px;
position: relative; bottom: 2px;
}

#up_joc_nav{
	height:11px;
	width:19px;
margin: auto;
}
#forback_joc_nav{
	height:19px;
	width:45px;
margin-top: 1px;
positon: relative; 
}

#for {
	height:22px;
	width:11px;
position: absolute; right:0px;
padding-right: 1px
}

#back {
	height:22px;
	width:11px;
position: absolute; left:0px; 
}

.arrow_up {
background: url('uploads/joc_template/images/buttons/button_nav_oben_blue.png') no-repeat;
}

.arrow_up:hover {
background: url('uploads/joc_template/images/buttons/button_nav_oben_hover.png') no-repeat;
}

.arrow_prev{
background: url('uploads/joc_template/images/buttons/button_nav_links_blue.png') no-repeat;
}

.arrow_prev:hover {
background: url('uploads/joc_template/images/buttons/button_nav_links_hover.png') no-repeat;
}

.arrow_next{
background: url('uploads/joc_template/images/buttons/button_nav_rechts_blue.png') no-repeat;
}

.arrow_next:hover {
background: url('uploads/joc_template/images/buttons/button_nav_rechts_hover.png') no-repeat;
}

Globaler Inhaltsblock:

Code: Select all

<div id="box_joc_nav">
<div id="up_joc_nav">{cms_selflink dir='up' image='uploads/joc_template/images/box1.png' imageonly=1 class="arrow_up" lang='0'}</div>
<div id="forback_joc_nav">
<div id="back">{cms_selflink dir='prev' image='uploads/joc_template/images/box2.png' imageonly=1 lang='0' class="arrow_prev"}</div>
<div id="for">{cms_selflink dir='next' image='uploads/joc_template/images/box2.png' imageonly=1 lang='0' class="arrow_next"}</div>
</div>
</div>

Wichtig hierbei: box und box2 sind 100% transparente Grafiken die genau die Größe der Blauen Pfeile haben müssen.
Wenn man das image tag entfernt wird automatisch Text angezeigt.

Ergebnis: (siehe anhang)

Vielen Dank für deine Hilfe!