CMS Made Simple Forums

Posted: **Sat Apr 17, 2010 12:19 pm**

Hallo,

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

Gruß
Xenolith

Posted: **Sat Apr 17, 2010 12:56 pm**

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

Posted: **Sat Apr 17, 2010 1:08 pm**

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

Posted: **Sat Apr 17, 2010 1:25 pm**

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?

Posted: **Sat Apr 17, 2010 1:30 pm**

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

Posted: **Sat Apr 17, 2010 2:02 pm**

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

Posted: **Sat Apr 17, 2010 2:08 pm**

NaN wrote:
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...

Posted: **Sat Apr 17, 2010 2:21 pm**

Bingo!

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

Posted: **Sat Apr 17, 2010 7:57 pm**

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?

Posted: **Sat Apr 17, 2010 9:13 pm**

Xenolith wrote:

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

Posted: **Sun Apr 18, 2010 9:16 am**

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

Posted: **Sun Apr 18, 2010 9:35 am**

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>

Posted: **Sun Apr 18, 2010 11:35 am**

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>

Posted: **Sun Apr 18, 2010 12:27 pm**

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!

CMS Made Simple Forums

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Hab es hinbekommen!