Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 4
Seite [1]
FireWolf


Wannabe poster




Beiträge: 21
 # Thema - 14.01.2009 um 21:26 Uhr
Hi Leute,

da ich in html nicht grade der grösste bin bräuchte ich von euch hilfe beim erstellen einer Sponsorenleiste.

Ich habe mir mal ein paar Gedanken dazu gemacht.
- Die Leiste sollte von der einen Seite der HP zur anderen Gehen. (rote linie)
- Die linke und rechte seite werden abgedeckt (blaue kästchen)
- Die Sponsorenlogos sollen auf der roten fläche, (rote linie) lang laufen.
- Wenn man mit der maus über ein logo fährt soll das marquee anhalten.
So wie auf diesen Homepages von EPS Clans:
http://www.myrush.de/
http://www.komacrew.vitivi.tv/

Hier noch das von mir beschriebene Bild:

(keine Sorge so wird die Sponsorenleiste später nicht aussehen)

Wäre nett, wenn jemand den html code dafür posten kann, falls es möglich ist...
Ansonst schreibt mir doch bitte den html code für die Leiste ohne das stoppen.
Wie ich den marquee einstellen muss weiss ich und wie ich Bilder mit Link da rein baue auch.

ich bin über jede Antwort dankbar.

Mit freundlichem Gruss
FireWolf


Zuletzt editiert von FireWolf am 14.01.2009 um 21:29 Uhr (2x Editiert)
Inaktiv
UnKn0wn ClanSphere Team


Geekboy





Beiträge: 1160
 # Antwort: 1 - 15.01.2009 um 06:32 Uhr
Hier mal der myrush Quelltext dazu:

mehr... +-
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
115.
116.
117.
118.
119.
120.
1. / 2. / ... 
 <SCRIPT TYPE="text/javascript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</SCRIPT>
<SCRIPT TYPE="text/javascript">

var sliderwidth="468px"

var sliderheight="60px"

var slidespeed=1

slidebgcolor=""

var leftrightslide=new Array()
var finalslide=''
                                                            
leftrightslide[0]='<a href="http://www.itplanet-web.de" border="0"><img src="files/sponsorrotation/23.png" border="0"></a>'
                                                          
leftrightslide[1]='<a href="http://www.level-sechs.de/" border="0"><img src="files/sponsorrotation/24.png" border="0"></a>'
                                                          
leftrightslide[2]='<a href="http://www.gootec.de" border="0"><img src="files/sponsorrotation/21.png" border="0"></a>'
                                                          
leftrightslide[3]='<a href="http://www.fpsbrain.com/ " border="0"><img src="files/sponsorrotation/18.png" border="0"></a>'
                                                          
leftrightslide[4]='<a href="http://www.core64.de/" border="0"><img src="files/sponsorrotation/19.png" border="0"></a>'
                                                          
leftrightslide[5]='<a href="http://www.wandelware.com" border="0"><img src="files/sponsorrotation/22.png" border="0"></a>'
                                                          
leftrightslide[6]='<a href="http://www.mkm-wear.de/" border="0"><img src="files/sponsorrotation/12.png" border="0"></a>'

var imagegap=" "

var slideshowgap=2



var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-900px;">'+leftrightslide+'</span>')
var actualwidth=''
var cross_slide, ns_slide

function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth+slideshowgap+"px"
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+slideshowgap
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",30)
}
window.onload=fillup

function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"

if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"

}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+slideshowgap

if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
}
}


if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
write('<div id="test3" style="position:absolute;left:-900px;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<layer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('</layer>')
}
document.write('</td></table>')
}
}
</SCRIPT>


------------------
Mit freundlichen Grüßen

SEBEL-DESIGN
http://www.sebel-design.com
Inaktiv
|
FireWolf
Thread-Ersteller


Wannabe poster




Beiträge: 21
 # Antwort: 2 - 15.01.2009 um 20:20 Uhr
okay, danke für den quelltext.
nur wenn ich das unter den header schreibe verzieht sich der header (die rechte seite wird nicht ganz angezeigt)
wie schreibe ich denn, das es etwas kleiner wird?

und ist es möglich das links und rechts bilder über der leiste liegen?


Zuletzt editiert von FireWolf am 15.01.2009 um 20:21 Uhr (1x Editiert)
Inaktiv
|
UnKn0wn ClanSphere Team


Geekboy





Beiträge: 1160
 # Antwort: 3 - 16.01.2009 um 09:09 Uhr
Der Quelltext ist nur ein Beispiel. Die arbeiten darin mit Parametern aus Ihrem Script:

write('<div style="position:relative;width:'+sliderwidth+';height:'+slid erheight+';overflow:hidden">')

müsste dann z.B.

write('<div style="position:relative;width:480px;height:60px;overflow:hidden">' )

lauten.

Da musst Du dich halt durchfuxen



------------------
Mit freundlichen Grüßen

SEBEL-DESIGN
http://www.sebel-design.com
Inaktiv
|
FireWolf
Thread-Ersteller


Wannabe poster




Beiträge: 21
 # Antwort: 4 - 16.01.2009 um 19:41 Uhr
naja gut dann werde ich mich wohl mal damit auseinandersetzen ^^


Inaktiv
|
Antworten: 4
Seite [1]


Sie müssen sich registrieren, um zu antworten.