Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 17
Seite [1]
Rouven89


Going for pro




Beiträge: 539
 # Thema - 15.12.2008 um 12:51 Uhr
hey hab bei mir auf der website bei wars:navnext einen more button eingefügt siehe hier : www.sc-wiesens.de möchte jetzt gern wenn man mit der mouse auf den more butten drüber geht das die farbe sich wechselt - nun habe ich ein zweiites gif erstellt und das bild mit dem code verlinkt...

hier:
 
1.
2.
3.
1. / 2. / ... 
 <a onmouseover="document['fpAnimswapImgFP8'].imgRolln=document['fpAnimswapImgFP8'].src;document['fpAnimswapImgFP8'].src=document['fpAnimswapImgFP8'].lowsrc;" onmouseout="document['fpAnimswapImgFP8'].src=document['fpAnimswapImgFP8'].imgRolln" href=javascript:void(0)">
      </a><a onmouseover="document['fpAnimswapImgFP8'].imgRolln=document['fpAnimswapImgFP8'].src;document['fpAnimswapImgFP8'].src=document['fpAnimswapImgFP8'].lowsrc;" onmouseout="document['fpAnimswapImgFP8'].src=document['fpAnimswapImgFP8'].imgRolln" href="{wars:url}">
<img border="0" src="http://darkthug1.da.funpic.de/more.gif" width="62" height="12" id="fpAnimswapImgFP8" name="fpAnimswapImgFP8" dynamicanimation="fpAnimswapImgFP8" lowsrc="http://darkthug1.da.funpic.de/more.jpg"></a>


dann habe ich die navnext.tpl und die animate.js in verzeichnis hochgeladen - aber funkioniert iwie nicht..jemand ne idee woran es liegt?

mfg


------------------
http://sc-wiesens.de/

Der Sport Club "13 Eichen" Wiesens

Zuletzt editiert von YEAS am 15.12.2008 um 12:58 Uhr (1x Editiert)
Inaktiv
Tom08 ClanSphere Team

Supporter
Supporter



Herkunft: Daheim
Beiträge: 2923
 # Antwort: 1 - 15.12.2008 um 14:15 Uhr
Du lädst aber auch die js auf deiner Seite über das Template???

Tom


------------------
Bei Problemen mit Code von mir bitte eine Private Nachricht an mich


Inaktiv
|
Rouven89
Thread-Ersteller


Going for pro




Beiträge: 539
 # Antwort: 2 - 15.12.2008 um 14:18 Uhr
wie meinste das? das ich in der index.htm im head bereich das hier noch angebe?
<script language="JavaScript" fptype="dynamicanimation">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script language="JavaScript1.2" fptype="dynamicanimation" src="animate.js">
</script>

oder wie jetzt? bzw das die animate.js im template ordner ist?



------------------
http://sc-wiesens.de/

Der Sport Club "13 Eichen" Wiesens

Inaktiv
|
Tom08 ClanSphere Team

Supporter
Supporter



Herkunft: Daheim
Beiträge: 2923
 # Antwort: 3 - 15.12.2008 um 14:22 Uhr
Ja genau das ... ich wollte nur wissen, ob du die in deinem Template einbindest, sodass du die dann nutzen kannst, weil du oben nix davon geschrieben hattest


------------------
Bei Problemen mit Code von mir bitte eine Private Nachricht an mich


Inaktiv
|
Rouven89
Thread-Ersteller


Going for pro




Beiträge: 539
 # Antwort: 4 - 15.12.2008 um 14:48 Uhr
jo steht drin.. hm funktioniert aber iwie noch nicht...


------------------
http://sc-wiesens.de/

Der Sport Club "13 Eichen" Wiesens

Inaktiv
|
Ramires ClanSphere Team

Supporter
Supporter



Herkunft: Waldeck
Beiträge: 1900
 # Antwort: 5 - 15.12.2008 um 15:00 Uhr
hmm,... find es mächtig aufwenig das ganze,..

das bild haste doch in der tpl gesetzt wah,... ich hab hier mal was, dass habe ich bei nem design eingesetzt, umgearbeitet auf deins wäre das ungefähr so,...

<div class="more_button" onmouseover="this.className='more_button_hover'; " onmouseout="this.className='more_button';"> {blahblubb:blahblubb_time} <a href="Blahblubb" title="Blahblubb">{deinplatzhalter}</a></div>

legste dir die zwei classes in deiner css an, fertig,... ^^


------------------

Verschwende keine Energie an Dinge die Du nicht ändern kannst...
Inaktiv
|
Rouven89
Thread-Ersteller


Going for pro




Beiträge: 539
 # Antwort: 6 - 15.12.2008 um 15:15 Uhr
hört sich gut an! versuchs gleich mal

edit - habs so versucht aber iwie ist da was falsch^^ also:

navnext.tpl
<div class="more_button" onmouseover="this.className='more_button_hover'; " onmouseout="this.className='more_button';"> &nbsp; <a href="{wars:url}" title="Details"><img src="http://darkthug1.da.funpic.de/more.gif" border="0" width="62" height="12"></a></div>

css.
}
.more_button {
border: 0;
background-image: url('http://darkthug1.da.funpic.de/more.gif');
}
.more_button_hover {
border: 0;
background-image: url('http://darkthug1.da.funpic.de/more2.gif');

mfg


------------------
http://sc-wiesens.de/

Der Sport Club "13 Eichen" Wiesens

Zuletzt editiert von YEAS am 15.12.2008 um 16:15 Uhr (1x Editiert)
Inaktiv
|
Ramires ClanSphere Team

Supporter
Supporter



Herkunft: Waldeck
Beiträge: 1900
 # Antwort: 7 - 15.12.2008 um 18:28 Uhr
ok,.. machen mer nen anderen ansatz,... einfacher,..

<a class="button_more" href="#" title="Test">DeinPlatzhalter</a>

a.button_more {
border: 0;
width:62px;
height:12px;
background-image: url('http://darkthug1.da.funpic.de/more.gif');
display:block;
overflow:hidden;
}
a.button_more:hover {
background-image: url('http://darkthug1.da.funpic.de/more2.gif');
}


VORSCHAU


------------------

Verschwende keine Energie an Dinge die Du nicht ändern kannst...


Zuletzt editiert von Ramires ClanSphere Team am 15.12.2008 um 18:32 Uhr (2x Editiert)
Inaktiv
|
Rouven89
Thread-Ersteller


Going for pro




Beiträge: 539
 # Antwort: 8 - 15.12.2008 um 23:01 Uhr
ich versteh das nicht ...
hab jetzt in die css genau das eingegebn was da steht dann in die navnext.tpl das
<a class="button_more" href="{wars:url}" title="Klicken Sie auf more - um mehr Details von dieser Begegnung zu sehen"><img src="http://darkthug1.da.funpic.de/more.gif" border="0" width="62" height="12"></a>

was ist da falsch^^

bzw ist das überhaupt mit DeinPlatzhalter gemeint? -> <img src="http://darkthug1.da.funpic.de/more.gif" border="0" width="62" height="12">


------------------
http://sc-wiesens.de/

Der Sport Club "13 Eichen" Wiesens

Zuletzt editiert von YEAS am 15.12.2008 um 23:05 Uhr (2x Editiert)
Inaktiv
|
Ramires ClanSphere Team

Supporter
Supporter



Herkunft: Waldeck
Beiträge: 1900
 # Antwort: 9 - 15.12.2008 um 23:27 Uhr
<a class="button_more" href="#" title="Klicken Sie auf more - um mehr Details von dieser Begegnung zu sehen">{wars:url}</a>

so muss das aussehen, wat willst mit dem <img> nochmal da drinne,... brauchste net,...


------------------

Verschwende keine Energie an Dinge die Du nicht ändern kannst...
Inaktiv
|
Rouven89
Thread-Ersteller


Going for pro




Beiträge: 539
 # Antwort: 10 - 15.12.2008 um 23:36 Uhr
ja hab ich mir auch schon gedacht nur ich dachte das href="{wars... mus dahin...und dann ist nichts mehr übrig geblieben..

funktioniert jetzt mit dem mouseover muss nurnoch das more2.gif bild bearbeiten...

aber jetzt wird vor dem bild der pfad angezeigt sprich /main/index oder so... und es ist nicht richtig verlinkt muss doch so sein href="{wars:url}"
hier auf der rechten seite -> www.sc-wiesens.de

mfg


------------------
http://sc-wiesens.de/

Der Sport Club "13 Eichen" Wiesens

Zuletzt editiert von YEAS am 15.12.2008 um 23:50 Uhr (2x Editiert)
Inaktiv
|
Ramires ClanSphere Team

Supporter
Supporter



Herkunft: Waldeck
Beiträge: 1900
 # Antwort: 11 - 16.12.2008 um 10:56 Uhr
zeig mal deine navnext.tpl


------------------

Verschwende keine Energie an Dinge die Du nicht ändern kannst...
Inaktiv
|
Rouven89
Thread-Ersteller


Going for pro




Beiträge: 539
 # Antwort: 12 - 16.12.2008 um 12:41 Uhr
hier

<head>
</head>

<table border="0" cellpadding="0" cellspacing="0" width="100%" height="1">
<tr>
<td width="100%" height="1">
<p align="left"><font size="1">{loop:wars}</font><img border="0" src="http://darkthug1.da.funpic.de/scw_slice_01.gif" width="230" height="4"></td>
</tr>
<tr>
<td width="100%" background="http://darkthug1.da.funpic.de/scw_slice_02.gif" height="1"> <font color="#C0C0C0" size="1" face="Verdana">
{wars:date}<a class="button_more" href="{wars:url}" title="Klicken Sie auf more - um
mehr Details von dieser Begegnung zu sehen">{wars:url}</a></font></tr>
<tr>
<td width="100%" background="http://darkthug1.da.funpic.de/scw_slice_02.gif" height="1">
<font size="1" face="Verdana"><font color="#FFFFFF">{wars:squads_name}</font> </font><font size="1" face="Verdana"><font color="#FF9900"> -</font><font color="#FFFFFF"> {wars:clans_name}</font></font></td>
</tr>
<tr>
<td width="100%" height="1">
<p align="left"><img border="0" src="http://darkthug1.da.funpic.de/scw_slice_03.gif" align="left" width="230" height="4">
</td>
</tr>
<tr>
<td width="100%" height="1"><font size="1">{stop:wars}</font></td>
</tr>
</table>


------------------
http://sc-wiesens.de/

Der Sport Club "13 Eichen" Wiesens

Inaktiv
|
Ramires ClanSphere Team

Supporter
Supporter



Herkunft: Waldeck
Beiträge: 1900
 # Antwort: 13 - 16.12.2008 um 12:50 Uhr
<a class="button_more" href="{wars:url}" title="Klicken Sie auf more - um
mehr Details von dieser Begegnung zu sehen">{wars:url}</a>

schmeiss dat {wars:url} da raus, das brauchste nicht mehr, da du schon über href den link aufrufst,...

<a class="button_more" href="{wars:url}" title="Klicken Sie auf more - um
mehr Details von dieser Begegnung zu sehen" onfocus="if(this.blur)this.blur()"></a>

so sollte dat funzen


------------------

Verschwende keine Energie an Dinge die Du nicht ändern kannst...


Zuletzt editiert von Ramires ClanSphere Team am 16.12.2008 um 12:50 Uhr (1x Editiert)
Inaktiv
|
Rouven89
Thread-Ersteller


Going for pro




Beiträge: 539
 # Antwort: 14 - 16.12.2008 um 13:04 Uhr
hundert - sauber!! echt vielen dank... kann das nun auch für andere sachen anwenden danke!

evtl noch ne idee wie ic den more button wieder oben neben die uhrzeit etc kriege? schon einiges versucht nurnoch nciht geklappt


------------------
http://sc-wiesens.de/

Der Sport Club "13 Eichen" Wiesens

Zuletzt editiert von YEAS am 16.12.2008 um 13:05 Uhr (1x Editiert)
Inaktiv
|
Ramires ClanSphere Team

Supporter
Supporter



Herkunft: Waldeck
Beiträge: 1900
 # Antwort: 15 - 16.12.2008 um 13:21 Uhr
versuch der klasse für den button noch nen float:left; zu verpassen,...

bzw. so,...

<table border="0" cellpadding="0" cellspacing="0" width="100%" height="1">
<tr>
<td width="100%" height="1">
<p align="left"><font size="1">{loop:wars}</font><img border="0" src="http://darkthug1.da.funpic.de/scw_slice_01.gif" width="230" height="4"></td>
</tr>
<tr>
<td width="100%" background="http://darkthug1.da.funpic.de/scw_slice_02.gif" height="1"><div style="float:left;"><font color="#C0C0C0" size="1" face="Verdana">
{wars:date}</div><a class="button_more" href="{wars:url}" title="Klicken Sie auf more - um
mehr Details von dieser Begegnung zu sehen"></a></font>
</tr>
<tr>
<td width="100%" background="http://darkthug1.da.funpic.de/scw_slice_02.gif" height="1">
<font size="1" face="Verdana"><font color="#FFFFFF">{wars:squads_name}</font> </font><font size="1" face="Verdana"><font color="#FF9900"> -</font><font color="#FFFFFF"> {wars:clans_name}</font></font></td>
</tr>
<tr>
<td width="100%" height="1">
<p align="left"><img border="0" src="http://darkthug1.da.funpic.de/scw_slice_03.gif" align="left" width="230" height="4">
</td>
</tr>
<tr>
<td width="100%" height="1"><font size="1">{stop:wars}</font></td>
</tr>
</table>



------------------

Verschwende keine Energie an Dinge die Du nicht ändern kannst...


Zuletzt editiert von Ramires ClanSphere Team am 16.12.2008 um 13:24 Uhr (1x Editiert)
Inaktiv
|
Rouven89
Thread-Ersteller


Going for pro




Beiträge: 539
 # Antwort: 16 - 16.12.2008 um 13:36 Uhr
es geht nu alles besten dank!- hast einen gut bei mir


------------------
http://sc-wiesens.de/

Der Sport Club "13 Eichen" Wiesens

Zuletzt editiert von YEAS am 16.12.2008 um 13:54 Uhr (2x Editiert)
Inaktiv
|
Ramires ClanSphere Team

Supporter
Supporter



Herkunft: Waldeck
Beiträge: 1900
 # Antwort: 17 - 16.12.2008 um 14:33 Uhr
hehe,.. nix zu danken,...


------------------

Verschwende keine Energie an Dinge die Du nicht ändern kannst...
Inaktiv
|

Dieses Thema wurde von Ramires ClanSphere Team PM geschlossen.
Antworten: 17
Seite [1]