DE - Allgemeiner Support • "weiterlesen" Button im Contentslid...

11.05.2012, 23:03 - smnNw0w - webSPELL newbie - 13 Posts
Nabend gute Community,

ich stehe momentan vor einem etwas nervigen Problem, und zwar möchte ich in einem Contentslider auf meiner Seite einen "weiterlesen" Button der sich auf einem image befindet, einen Link zuweisen der zu jeweiligen featured Seite führt, jedoch bekomme ich das einfach nicht hin.

Der Contentslider um den es sich handelt, befindet sich auf dieser Seite: Link. Der Code dazu sieht folgendermaßen aus:

CSS Datei
Code:
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
.toci {
     margin-left:3px;
     height:90px;
     overflow:hidden;
     line-height:14px;
     width: 667px;
     text-align: left;
     color:#d0380b;
     font-weight:bold;
     font-size:10px;
      background: transparent url(layout/silder_n.png);
}


div.toci {

      display:block;
      width:667px;
      height:90px;
      background: transparent url(layout/slider_n.png);
}

div.toci:hover{
background: transparent url(layout/slider_o.png);}



xHTML Datei
Code:
1.
<div class="toci"><div style="padding:35px 0 0 25px;"> <a href="#$n" class="toc" target="$link">$title <br />$text</a></div></div>


Wie Ihr auf der Seite sehen könnt, soll der Contentslider ein Mouseover beinhalten wenn man über die "grauen Balken" fährt sowie er wenn man mit der Maus über den "weiterlesen" Button geht, ein Link zur verfügung stellen soll der den Nutzer dann zur richtigen "feature" Content Seite bringt. Da liegt mein Problem, ich kriege es nicht auf die Reihe diesen zweiten Link auf den richtigen Zielpfad zu machen. Ich habe es sogar schon mit area shapes versucht was aber wie man weiß wenig Sinn macht.

Ich hoffe mir kann dabei jemand helfen zwinkern

Grüße
Simon

Mitglied der Gilde [b]INSTANT - TERA[/b]
 
11.05.2012, 23:10 - eXor - webSPELL friend - 818 Posts
bei "div.toci" position: relative; dazufügen
Code:
1.
2.
3.
4.
5.
6.
7.
div.toci {
      display:block;
      width:667px;
      height:90px;
      background: transparent url(layout/slider_n.png);
      position: relative;
}


setzte dann innerhalb des div's toci (am besten vor dem ende des div's):

Code:
1.
<a class="weiterlesen_slider" href="deinlink">&nbsp;</a>


im CSS fügst du folgendes ein:

Code:
1.
2.
3.
4.
5.
6.
7.
.weiterlesen_slider {
      position: absolute;
      top: 27px;
      right: 30px;
      width:98px;
      height:33px;
}


Die positionierung sowie die breite für den weiterlesen-button musst du dir dann anpassen. Du braucht kein Bild mehr hineinsetzten. einfach einen leerschritt, wie oben beschrieben.

Edit: habe dir oben mal die richtigen Zahlen für den weiterlesen butten eingetragen.

http://addons.coderecke.org - [URL=http://addons.coderecke.org]Wettscript v2.1[/URL] - [URL=http://addons.coderecke.org]TopMatch v1.2[/URL] [URL=index.php?site=search]Suchfunktion?[/URL] Was ist das
 
11.05.2012, 23:20 - smnNw0w - webSPELL newbie - 13 Posts
Dank dir schonmal für die super schnelle Antwort, der Link ist ansich nun da, jedoch habe ich ein Problem mit dem Link: Er leitet nun nur auf einen der drei "featured" contents weiter, egal welchen man anwählt. Das ganze läuft bei dem Bild des Sliders über $url bzw. $link, kannst du mir sagen woran das liegt?

Link zur Seite Kannst du dir ja ansehen, du siehst das Problem zwinkern

Mitglied der Gilde [b]INSTANT - TERA[/b]
 
11.05.2012, 23:22 - eXor - webSPELL friend - 818 Posts
add mich ICQ, dann haben wir das schnell erledigt amüsiert ICQ nr kriegst via PM

http://addons.coderecke.org - [URL=http://addons.coderecke.org]Wettscript v2.1[/URL] - [URL=http://addons.coderecke.org]TopMatch v1.2[/URL] [URL=index.php?site=search]Suchfunktion?[/URL] Was ist das
 
12.05.2012, 13:05 - smnNw0w - webSPELL newbie - 13 Posts
Hat sich geklärt, Danke sehr and eXor der super hilfsbereit war! zwinkern

Mitglied der Gilde [b]INSTANT - TERA[/b]