Professioneller Homepagehintergrund?

03/17/2011 22:56 Freddie_Faulisch#1
Hey Elitepvpers, ich hoffe ich bin hier richtig, ansonsten bitte verschieben :3
Alsooo, ich habe vor meiner Homepage [Only registered and activated users can see links. Click Here To Register...] Hintergrund zu geben.
Den "Code" vom Hintergrund habe ich bereits, klappt auch alles wie geschmiert, aber nur leider kann ich nicht auf dem Hintergrund etwas platzieren, sowie Schriften, Buttons oder sonst Was.
Der Code lautet:
HTML Code:
<HEAD>
	<title>Darkness Revival</title><link href="../css/stylef7e6.css?173" media="screen" rel="stylesheet" type="text/css">
		<link href="../css/mscarousel.css" media="screen" rel="stylesheet" type="text/css">
			<script src="../js/swfobject.js" type="text/javascript"></script>
			<script type="text/javascript">
swfobject.embedSWF("http://www.riftgame.com/swf/header-banner-fire6.swf", "header-anim", "1654", "250", "8.0.0", "http://www.riftgame.com/swf/expressInstall.swf",{},{wmode: "transparent"});
</script> <!--header-banner-->
			<link rel="stylesheet" href="style.css" type="text/css">
				<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></HEAD>
<body>
	<div id="header-anim-wrpr">
		<div id="header-banner">
			<div id="header-anim-box-new">
				<div id="header-anim">&nbsp;
				</div>
			</div>
			<div id="top">&nbsp;
			</div>
		</div>
	</div>
</body>
Kann mir evtl einer eine Simple Vorlage zusammen mit diesem Code erstellen?
Währe echt geil.
Naja wie gesagt, der Code Ansich und der Hintergrund funktionieren, halt nur kann ich nichts drauf platzieren, kann auch an meinem normalen Index Script liegen, da ich einfach nur ein Hintergrund ändern möchte in diesem Hintergrund.

- Freddie_Faulisch
03/17/2011 22:58 NotEnoughForYou#2
in deime code sind viel zu viele div´s ... da könnte man sich einige sparen ... und wenn man deine css nicht sieht, kann man auch keien fehleranalyse geben

btw. das kommt in die coder secton
03/18/2011 17:53 Freddie_Faulisch#3
Oops, ich glaube ich habe mich etwas falsch ausgedrückt ^.^
Also ich möchte eigentlich nur wissen, wie man folgenden Code so umschreibt, dass man ihn als Hintergrund nutzen kann.
HTML Code:
<HEAD>
	<title>Darkness Revival</title><link href="../css/stylef7e6.css?173" media="screen" rel="stylesheet" type="text/css">
		<link href="../css/mscarousel.css" media="screen" rel="stylesheet" type="text/css">
			<script src="../js/swfobject.js" type="text/javascript"></script>
			<script type="text/javascript">
swfobject.embedSWF("http://www.riftgame.com/swf/header-banner-fire6.swf", "header-anim", "1654", "250", "8.0.0", "http://www.riftgame.com/swf/expressInstall.swf",{},{wmode: "transparent"});
</script> <!--header-banner-->
			<link rel="stylesheet" href="style.css" type="text/css">
				<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></HEAD>
<body>
	<div id="header-anim-wrpr">
		<div id="header-banner">
			<div id="header-anim-box-new">
				<div id="header-anim">&nbsp;
				</div>
			</div>
			<div id="top">&nbsp;
			</div>
		</div>
	</div>
</body>
Und die CSS sieht so aus:
PHP Code:
body {
background-color:#5dd1f6;
}
#top {
position:absolute;
top:0;
left:0;
right:0;
background-image:url(images/top.png);
width:100%;
height:55px;
}
#bg {
position:absolute;
top:55;
left:0;
background-image:url(images/bg.png);
}
#serverinfo {
width:100%;
padding25px 5px 5px 5px;
font-family:VerdanaArialHelveticasans-serif;
font-size:11px;
text-align:center;
}
#logoarea {
margin-top:55px;
margin-left:auto;
margin-right:auto;
width:800px;
}
#logo {
position:absolute;
width:800px;
height:125px;
top66px;
}
#body {
margin-top:185px;
margin-left:auto;
margin-right:auto;
width:800px;
}
#navigation {
float:left;
width:800px;
}
#navi {
background-image:url(images/navi.png);
float:left;
width:800px;
}
/* v1.2 changes - The button code was rewritten. ~ Schematic aka Aitsihia */
#buttoncenter {
margin-left:auto;
margin-right:auto;
width:550px;
}
#button {
float:left;
padding:8px 5px 8px 5px;
background-image:url(images/navi.png);
font-family:VerdanaArialHelveticasans-serif;
font-size:11px;
color:#FFFFFF;
}
#button:hover {
float:left;
padding:8px 5px 8px 5px;
background-image:url(images/navihover.png);
font-family:VerdanaArialHelveticasans-serif;
font-size:11px;
color:#FFFFFF;
}
#main {
position:absolute;
width:800px;
border:1px solid #000000;
background-color:#F3F3F3;
}
#side {
float:left;
width:180px;
margin-right:2px;
margin-left:5px;
margin-top:5px;
}
#sidebar {
-moz-border-radius3px 3px 3px 3px;
border:1px solid #000000;
float:left;
width:180px;
border:1px solid #000000;
}
#sidetext {
padding5px 5px 5px 5px;
font-family:VerdanaArialHelveticasans-serif;
font-size:11px;
}
#sidetext span {
font-family:VerdanaArialHelveticasans-serif;
font-size:11px;
text-decoration:underline;
}
#news {
margin-top:5px;
margin-left:5px;
margin-bottom:5px;
width:600px;
float:left;
-
moz-border-radius3px 3px 3px 3px;
border:1px solid #000000;
}
#content {
width:550px;
float:left;
margin-left:5px;
margin-top:5px;
margin-bottom:5px;
font-family:VerdanaArialHelveticasans-serif;
font-size:11px;
}
#footer {
margin-bottom:5px;
width:800px;
float:left;
text-align:center;
font-family:VerdanaArialHelveticasans-serif;
font-size:11px;

03/18/2011 18:59 NotEnoughForYou#4
wieso willst du zb. auch boxen und header als hintergrund haben ?
03/18/2011 21:39 Freddie_Faulisch#5
Ich möchte eigentlich [Only registered and activated users can see links. Click Here To Register...] nur als Hintergrund benutzen.
Praktisch wie ein ganz normales Bild was als Hintergrund auf einer Seite angezeigt wird.
Bei Elitepvpers ist oben zum Beispiel etwas Asphaltartiges und dieses einfach mit [Only registered and activated users can see links. Click Here To Register...] ersetzen.
Verstehst du was ich meine? - Einfach ein normaler Hintergrund :)

PS: Danke für die schnellen Antworten :) Ich kenne mich leider noch nicht so gut aus :l
03/18/2011 21:52 NotEnoughForYou#6
hast du denn die erlaubnis von den erstellern ?
03/18/2011 23:07 Freddie_Faulisch#7
Naja ist sags mal so, die Homepage wird für Private Zwecke genutzt und soll zur verschönerung halt einen Besonderen Hintergrund haben, nachdem der Hintergrund dann funtkioniert(was ich doch hoffe), werde ich ihn eh etwas umdesignen bzw. ein Bekannter wird das für mich tun :3

Weißt du denn wie man das so einrichtet wie ich's in meinem letzen Post beschrieben hab?
03/18/2011 23:19 NotEnoughForYou#8
der bg ist einfach zusammengefügt aus gif bildern ... kannst dir entweder zu einem großen gif machen oder eben so wie die anordnenr und als "bg" nutzen
03/18/2011 23:23 Freddie_Faulisch#9
Naja, es ist ja kein Gif, sondern einfach ein normales Wallpaper, dass mit Java verbunden ist.
Darauf möchte ich etwas platzieren und es als Hintergrund benutzen.