Enterpage

Alles Wissenswerte über Skripte, Browser, Makros, PhP, HTML...

Moderatoren: Moderatoren, Redakteure

Benutzeravatar
Sheepfreak
Beiträge: 157
Registriert: 14.10.2008 15:30
Persönliche Nachricht:

Enterpage

Beitrag von Sheepfreak »

Hallo

Ich habe für mein Forum eine Enterpage gebaut,
welche ich mit enem Mouseover versehen habe.

Das ganze System läuft über 3 Grafiken :

Ich kann per CSS/HTML ja die Position des Buttons festlegen,
jedoch kann ich den Hintergrund nicht zentral einstellen.

Ich habe schon sämtliche Codes probiert, sei es mit <center>
oder <bg position>

Hier einmal die Page :

http://lippejump.li.ohost.de/4.html

Die Hintergrundfarbe habe ich bewusst noch nicht übereinstimmend gefärbt, damit man die Maße des BGs besser erkennen kann.

Hier zur übersicht mein Script :

Code: Alles auswählen

<html>
<head>
<title>Lippe Jump - Your Commumity is here !</title>
<script language="JavaScript">
<!-- Begin
    image1 = new Image;
    image1.src = "http://lippejump.li.ohost.de/Enterpage/Enterbutton1.png";

    image2 = new Image;
    image2.src = "http://lippejump.li.ohost.de/Enterpage/Enterbutton2.png";
// End -->
</script>
</head>
<body bgcolor="#e2e2e2" style="background-image:url(http://lippejump.li.ohost.de/Enterpage/Enterpage%20Text.png); background-attachment:fixed; background-repeat:no-repeat;">
    <div style="width:198px; height:69px; padding-top: 538px; padding-left: 338px;"><a href="http://lippejump.li.ohost.de/Forum/index.php?page=Portal"
    onMouseOver="button01.src=image1.src"
    onMouseOut="button01.src=image2.src"><img src="http://lippejump.li.ohost.de/Enterpage/Enterbutton2.png" border="0"name="button01"></a></div>

</body>
</html>
Weiß einer von euch weiter ?
Wie kann ich den Hintergrund so einstellen,
das er...

...sich nicht wiederhohlt ( Hab ich ja schon )
...er zentral auf dem Bildschirm ist ( Auch bei verschieden roßen Displays )
...und fixiert, also nicht beim scrollen verutscht, ist ( Hab ich auch schon )

Ich hoffe jemand kann mir helfen :)

Mfg.
Andre
Benutzeravatar
träxx-
Beiträge: 11806
Registriert: 07.12.2006 12:38
Persönliche Nachricht:

Beitrag von träxx- »

probier mal

Code: Alles auswählen

<body style="background: #e2e2e2 url(http://lippejump.li.ohost.de/Enterpage/Enterpage%20Text.png) no-repeat fixed center center;">
Tuh dir den gefallen und lagere die Definitionen in eine .css-datei aus.
Bei so einer kleinen Enterpage mag das ja noch gehen, aber sobald deine Seiten größer werden, verlierst du den Überblick.
Benutzeravatar
Sheepfreak
Beiträge: 157
Registriert: 14.10.2008 15:30
Persönliche Nachricht:

Beitrag von Sheepfreak »

Sehr gut danke :)

Aber jetzt ist ein Problem da , womit ich net gerechnet habe.

Der Button ist an verschiedenen Positionen, je nach Display.
Kann man den auch fixieren, sodass er mittig unter der Smoothline ist ?

Mfg.
Andre
Benutzeravatar
träxx-
Beiträge: 11806
Registriert: 07.12.2006 12:38
Persönliche Nachricht:

Beitrag von träxx- »

Code: Alles auswählen

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Lippe Jump - Your Commumity is here !</title>

<style type="text/css">
	body
	{
		background: #e2e2e2 url(http://lippejump.li.ohost.de/Enterpage/Enterpage%20Text.png) no-repeat fixed center center;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	
	#buttonDiv
	{
		width:198px; 
		height:69px;
		position: absolute;
		left: 50%;
		top: 50%;
   		text-align:left; 
		margin-left: -99px;
		margin-top: 240px; 	
	}
	
</style>


<script language="JavaScript">
<!-- Begin
    image1 = new Image;
    image1.src = "http://lippejump.li.ohost.de/Enterpage/Enterbutton1.png";

    image2 = new Image;
    image2.src = "http://lippejump.li.ohost.de/Enterpage/Enterbutton2.png";
// End -->
</script>
</head>
<body>
	    <div id="buttonDiv">
			<a href="http://lippejump.li.ohost.de/Forum/index.php?page=Portal"
		    onMouseOver="button01.src=image1.src"
		    onMouseOut="button01.src=image2.src"><img src="http://lippejump.li.ohost.de/Enterpage/Enterbutton2.png" border="0"name="button01"></a>
		</div>

</body>
</html>
So sollte es funktionieren.
Benutzeravatar
Sheepfreak
Beiträge: 157
Registriert: 14.10.2008 15:30
Persönliche Nachricht:

Beitrag von Sheepfreak »

Supi danke :)

Ohne dich hätte ichs nicht geschafft :D

Hier die fertige Seite :

http://www.lippejumpforum.de.tf

Ich willl ja nicht nerven :D
Aber könntest du dort einen Sound bei Mouseover einbauen ?

Mfg.
Andre
Benutzeravatar
träxx-
Beiträge: 11806
Registriert: 07.12.2006 12:38
Persönliche Nachricht:

Beitrag von träxx- »

Dazu bräuchstes du entweder:
- Flash:
Anschaffung/Aufwand wär zu groß für so einen Button.
Mit Flash hab ich noch net gearbeitet.
- vlt. Javascript:
Schau mal ob du sowas "ergooglen" kannst.
Ich selber kann Javascripts zwar einbinden, aber nicht selber schreiben. Hab ich bislang auch nicht gebraucht.
Benutzeravatar
Sheepfreak
Beiträge: 157
Registriert: 14.10.2008 15:30
Persönliche Nachricht:

Beitrag von Sheepfreak »

Hab hier was gefunden,
hab es auch schon selbst probiert,
aber es scheint nicht zu funktionieren.

http://www.hypergurl.com/mouseoversound.html

Mfg.
Andre
omg-its-style
Beiträge: 918
Registriert: 10.07.2004 18:20
Persönliche Nachricht:

Beitrag von omg-its-style »

bitte vermeide es, besucher auf deiner seite mit irgendwelchen sounds zu stören, denn das ist schlechter stil. viele leute hören musik während sie am rechner sitzen und möchten überhaupt nicht, dass jemand sounds einspielt, während sie eine webseite besuchen.
Benutzeravatar
Sheepfreak
Beiträge: 157
Registriert: 14.10.2008 15:30
Persönliche Nachricht:

Beitrag von Sheepfreak »

Ich rede hier nicht von einem Lied oder ähnlichen :D
Mich nervt sowas selbst.

Ich will nur einen einmaligen Ton wenn man über den Button fährt.
Ein kurzes *Kling* :D
omg-its-style
Beiträge: 918
Registriert: 10.07.2004 18:20
Persönliche Nachricht:

Beitrag von omg-its-style »

selbst das ist in meinen augen schon zuviel. wozu soll das denn gut sein?
Benutzeravatar
Sheepfreak
Beiträge: 157
Registriert: 14.10.2008 15:30
Persönliche Nachricht:

Beitrag von Sheepfreak »

Weil es einfach was hat,
du musst es ja net mögen xD

Sowas bringt auch keinen weiter :roll: :roll:
omg-its-style
Beiträge: 918
Registriert: 10.07.2004 18:20
Persönliche Nachricht:

Beitrag von omg-its-style »

Sheepfreak hat geschrieben:Sowas bringt auch keinen weiter :roll: :roll:
Du solltest dich allerdings fragen, ob es alle cool finden, die deine Seite aufrufen, denn die wirst du dazu zwingen, es zu hören.
Benutzeravatar
Sheepfreak
Beiträge: 157
Registriert: 14.10.2008 15:30
Persönliche Nachricht:

Beitrag von Sheepfreak »

Ich glaube kaum, das soetwas die Leute stört.
Hat vielmehr was sylisches.
Benutzeravatar
LordChambers
Beiträge: 102
Registriert: 23.04.2008 15:49
Persönliche Nachricht:

Beitrag von LordChambers »

genau
Benutzeravatar
dRaMaTiC
Beiträge: 538
Registriert: 25.10.2003 22:18
Persönliche Nachricht:

Beitrag von dRaMaTiC »

Sheepfreak hat geschrieben:Ich glaube kaum, das soetwas die Leute stört.
Hat vielmehr was sylisches.
jetzt stell dir mal vor jemand fährt mit der Maus über den Button und es macht Klick oder was auch immer. Nur das der jenige gerade Musik hört auf Lautstärke 150%. Was wird passieren? :waah: Richtig :wink: