Demo
Probiere ClanSphere aus und teste daran herum.
Demo
Spenden
ClanSphere ist freie OpenSource Software.
Bitte unterstützt uns.
Spenden
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)
|
|
|
|
UnKn0wn
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
|
|
| |
|
|
UnKn0wn
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
|
|
| |
|
Antworten: 4
Seite [1] |
Sie müssen sich registrieren, um zu antworten. |