Seite 1 von 3
hypercell effect
Verfasst: 16.01.2006 14:55
von Helmut71
Hallo!
Ich suche einen simplen Hypercell effect für meine Forenansicht.
Und zwar nicht den, wo die ganze Zelle zum Link wird, sondern es sollte sich nur die Hintergrundfarbe ändern (wie im Album:
http://www.hohenau.net/forum/album.php )
Kann mir da jemand helfen??
Verfasst: 16.01.2006 15:43
von shizo
So geht das in subsilver:
index_body.tpl
SUCHEN
Code: Alles auswählen
<td class="row1" width="100%" height="50"><span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />
REPLACE WITH
Code: Alles auswählen
<td class="row1" width="100%" height="50" onMouseOver=this.style.backgroundColor="#FFFFFF" onMouseOut=this.style.backgroundColor="" onclick="window.location.href='{catrow.forumrow.U_VIEWFORUM}'" ><span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />
Für die topic Ansicht:
viewforum_body.tpl
SUCHEN
Code: Alles auswählen
<td class="row1" width="100%"><span class="topictitle">{topicrow.NEWEST_POST_IMG}{topicrow.TOPIC_TYPE}<a href="{topicrow.U_VIEW_TOPIC}" class="topictitle">{topicrow.TOPIC_TITLE}</a></span><span class="gensmall"><br />
REPLACE WITH
Code: Alles auswählen
<td class="row1" width="100%"
onMouseOver=this.style.backgroundColor="#FFFFFF" onMouseOut=this.style.backgroundColor="" onclick="window.location.href='{topicrow.U_VIEW_TOPIC}'" ><span class="topictitle" >{topicrow.NEWEST_POST_IMG}{topicrow.TOPIC_TYPE}<a href="{topicrow.U_VIEW_TOPIC}" class="topictitle">{topicrow.TOPIC_TITLE}</a></span><span class="gensmall"><br />
dieser code ist dabei jeweils für die farbe bei mouseover zustädig.
Bei dieser Lösung sieht es dann aus wie hier:
http://evolution-ex.de/phpBB2/index.php (mööööp schleichwerbung ^^ theme is von mir wird demnächst veröffentlicht:D
sry musste jetz sein^^)
also wenn du in die tabelle reinklickst kommst du weiter, da braucht man nicht diesen kleinen link treffen zu müssen
mfg
alex
Verfasst: 16.01.2006 16:43
von miccom
scheint aber nur im ie zu funktionieren...
Verfasst: 16.01.2006 16:47
von Helmut71
@shizo: klasse, genau das hab ich gesucht.
Könnte man statt der dem Hex-Code auch festlegen, dass die Farbe des Tabellenkopfes genommen wird??
Verfasst: 16.01.2006 17:53
von shizo
miccom hat geschrieben:scheint aber nur im ie zu funktionieren...
falsch, im FF genauso.
@shizo: klasse, genau das hab ich gesucht.
Könnte man statt der dem Hex-Code auch festlegen, dass die Farbe des Tabellenkopfes genommen wird??
funktioniert denn alles?
hmm gib doch einfach als hex code die farbe des tabellenkopfs ein , das wäre am einfachsten!
mfg
alex
Verfasst: 17.01.2006 18:20
von Helmut71
@shizo danke! funktioniert sehr gut...
eine Bitte noch: ich bräuchte diesen Effekt auch für meine pseudo-sub Foren:
Code: Alles auswählen
<td class="row1" width="75%"><span class="forumlink"><a class="forumlink" href="{switch_attached_list.switch_attached_present.U_VIEWFORUM}">{switch_attached_list.switch_attached_present.FORUM_NAME}</a></span><br /><span class="genmed">{switch_attached_list.switch_attached_present.FORUM_DESC}</span></td>
Verfasst: 17.01.2006 18:33
von shizo
Code: Alles auswählen
<td class="row1" width="75%" onMouseOver=this.style.backgroundColor="#FFFFFF" onMouseOut=this.style.backgroundColor="" onclick="window.location.href='{switch_attached_list.switch_attached_present.U_VIEWFORUM}'" ><span class="forumlink"><a class="forumlink" href="{switch_attached_list.switch_attached_present.U_VIEWFORUM}">{switch_attached_list.switch_attached_present.FORUM_NAME}</a></span><br /><span class="genmed">{switch_attached_list.switch_attached_present.FORUM_DESC}</span></td>
versuchs mal mit dem , ich bin mir allerdings nicht 100% sicher ob es so funktioniert!
Verfasst: 17.01.2006 18:44
von Helmut71
hat geklappt..klasse! danke!!
Verfasst: 17.01.2006 18:53
von shizo
kein problem
gerne
Verfasst: 19.01.2006 08:35
von Helmut71
@shizo:
jetzt hab ich doch noch ein Anliegen: könnte man den hypercell-effect auch für den Forumimages Mod realisieren?
Code: Alles auswählen
<td class="row1" width="5%" height="50"><span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_ICON}</a></span></td>