also ich habe ein neues Design für meine Homepage erstellt.
Bislang ist es nur ein Rohling, da ich nicht die Lust und vorallem Zeit habe
mich mit einer CMS zu beschäftigen.
Hier erstmal der Link :
Circ Design
So,
der Aufbau ist schnell,einfach und simple :
Ein Background und 3 Buttons mit Mouseover.
Hier der Code : *ist relativ unrelevant*
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>Circ Design - Designing Emotions</title>
<body oncontextmenu="return false">
<style type="text/css">
body
{
background: #ffffff url(http://lippejump.li.ohost.de/CIRC/BG2.png) no-repeat fixed center center;
margin: 0;
padding: 0;
width: 100%;
}
#buttonDiv
{
width:180px;
height:65px;
position: absolute;
left: 51%;
top: 50%;
text-align:left;
margin-left: -99px;
margin-top: 55px;
}
</style>
<script language="JavaScript">
<!-- Begin
image1 = new Image;
image1.src = "http://lippejump.li.ohost.de/CIRC/LJ.png";
image2 = new Image;
image2.src = "http://lippejump.li.ohost.de/CIRC/LJMO.png";
// End -->
</script>
</head>
<body>
<div id="buttonDiv">
<a href="http://lippejumpforum.de.tf"
onMouseOver="button01.src=image2.src"
onMouseOut="button01.src=image1.src"><img src="http://lippejump.li.ohost.de/CIRC/LJ.png" border="0"name="button01"></a>
</div>
<body oncontextmenu="return false">
<style type="text/css">
#buttonDiv2
{
width:180px;
height:65px;
position: absolute;
left: 51%;
top: 50%;
text-align:left;
margin-left: -99px;
margin-top: 110px;
}
</style>
<script language="JavaScript">
<!-- Begin
image3 = new Image;
image3.src = "http://lippejump.li.ohost.de/CIRC/ML.png";
image4 = new Image;
image4.src = "http://lippejump.li.ohost.de/CIRC/MLMO.png";
// End -->
</script>
</head>
<body>
<div id="buttonDiv2">
<a href="http://lippejump.li.ohost.de/CIRC/Music%20Lippe%20Enterpage%20BG.html"
onMouseOver="button02.src=image4.src"
onMouseOut="button02.src=image3.src"><img src="http://lippejump.li.ohost.de/CIRC/ML.png" border="0"name="button02"></a>
</div>
<body oncontextmenu="return false">
<style type="text/css">
#buttonDiv3
{
width:180px;
height:65px;
position: absolute;
left: 51%;
top: 50%;
text-align:left;
margin-left: -99px;
margin-top: 165px;
}
</style>
<script language="JavaScript">
<!-- Begin
image5 = new Image;
image5.src = "http://lippejump.li.ohost.de/CIRC/S.png";
image6 = new Image;
image6.src = "http://lippejump.li.ohost.de/CIRC/SMO.png";
// End -->
</script>
</head>
<body>
<div id="buttonDiv3">
<a href="http://lippejump.li.ohost.de/CIRC/Sliver.html"
onMouseOver="button03.src=image6.src"
onMouseOut="button03.src=image5.src"><img src="http://lippejump.li.ohost.de/CIRC/S.png" border="0"name="button03"></a>
</div>
<SCRIPT language=JavaScript1.1>
<!-- Begin
function right(e) {
if (navigator.appName == 'Netscape' &&
(e.which == 3 || e.which == 2))
return false;
else if (navigator.appName == 'Microsoft Internet Explorer' &&
(event.button == 2 || event.button == 3)) {
alert("Visit my other pages www.lippejumpforum.de.tf www.musiclippe.de.tf");
return false;
}
return true;
}
document.onmousedown=right;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=right;
// End -->
</SCRIPT>
</body>
</html>das es, jeh nach Auflösung, abgeschnitten ist
und genau das möchte ich durch eine Scrollbar
ODER einen CODE der die Größe/Auflösung dynamisch generiert ändern.
*zumindest sofern dies möglich ist
*Also wie wäre es möglich eine Scrollbar hinzuzufügen ?
Ich habe es mit <table> probiert, hat aber nicht geklappt.
Im Internet habe ich nichts (verständliches) gefunden.
WICHTIG ist halt, das nicht nur der BG sondern auch die Buttons sich mitbewegen.
Wie es mit einem Code funktionieren könnte weiß ich nicht,
aber vll. passt er das Ganze einfach der Auflösung an.
Ich hoffe mir kann wer helfen.
Mfg.
Andre
PS: Wie findet ihr das Design bzw. die Anderen ? ^^