Professioneller Homepagehintergrund?

Freddie_Faulisch · 03/17/2011, 22:56

Hey Elitepvpers, ich hoffe ich bin hier richtig, ansonsten bitte verschieben :3
Alsooo, ich habe vor meiner Homepage 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

NotEnoughForYou · 03/17/2011, 22:58

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

Freddie_Faulisch · 03/18/2011, 17:53

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%;

padding: 25px 5px 5px 5px;

font-family:Verdana, Arial, Helvetica, sans-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;

top: 66px;

}

#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:Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

color:#FFFFFF;

}

#button:hover {

float:left;

padding:8px 5px 8px 5px;

background-image:url(images/navihover.png);

font-family:Verdana, Arial, Helvetica, sans-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-radius: 3px 3px 3px 3px;

border:1px solid #000000;

float:left;

width:180px;

border:1px solid #000000;

}

#sidetext {

padding: 5px 5px 5px 5px;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

}

#sidetext span {

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

text-decoration:underline;

}

#news {

margin-top:5px;

margin-left:5px;

margin-bottom:5px;

width:600px;

float:left;

-moz-border-radius: 3px 3px 3px 3px;

border:1px solid #000000;

}

#content {

width:550px;

float:left;

margin-left:5px;

margin-top:5px;

margin-bottom:5px;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

}

#footer {

margin-bottom:5px;

width:800px;

float:left;

text-align:center;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

}

NotEnoughForYou · 03/18/2011, 18:59

wieso willst du zb. auch boxen und header als hintergrund haben ?

Freddie_Faulisch · 03/18/2011, 21:39

Ich möchte eigentlich 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

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

NotEnoughForYou · 03/18/2011, 21:52

hast du denn die erlaubnis von den erstellern ?

Freddie_Faulisch · 03/18/2011, 23:07

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?

NotEnoughForYou · 03/18/2011, 23:19

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

Freddie_Faulisch · 03/18/2011, 23:23

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.