Suche im Forum:
Suchen


Autor Nachricht
Beitrag08.08.2009 um 15:12 (UTC)    
Titel: Design Iceblue : Hintergrundbild verlängern

hallo,
ich bin neu hier und hab mein eigenes designe von oyla übernommen.
jetz is es nur so, das der untere teil einfach weiß ist, wie krieg ich das hin das die hintergrundfarbe bis unten geht?

hier mal der code:

<title>%titel%</title>
<style type="text/css">
<!--
body {
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ffffff;
}
a:link {
color: #0000ff;
text-decoration:none;
}
a:visited {color: #0000ff;
text-decoration:none;
}
a:active {color: #ffffff;
text-decoration:none;
}
a:hover {color: #000000;
text-decoration:none;
}
-->
</style>
</head>

<body bgcolor="#ffffff" topmargin="0" leftmargin="0">

<!-- Start Design -->
<img border="0" src="http://www.oyla.de/userdaten/24910985/bilder/Unbenannt1.jpg" scroll="no" bgproperties="fixed"
align ="left" style ="position: absolute; top: 0; left: 0">
<!-- End Design -->

<!-- Start Content -->
<div style="overflow: auto; position: absolute; width: 575px; height: 400px; left: 355px; top: 300px">
<span style="font-family:Arial; font-size:16px; color:#000000">%content%</span>
</div>
<!-- End Content -->

<!-- Start Navigation -->
<div style="overflow: auto; position: absolute; width: 185px; height: 600px; left: 80px; top: 435px">
<span style="font-family:Arial; font-size:18px; color:#000011">%navigation_v%</span>
</div>
<!-- End Navigation -->

</body>
</html>
<!-- End Grundcode by www.oylahomepagehilfe.de -->

ich wäre euch sehr dankbar für hilfe.
lg jessy


Zuletzt bearbeitet von friseur-krebs am 09.08.2009, 08:41, insgesamt einmal bearbeitet
Beitrag08.08.2009 um 15:31 (UTC)    
Titel:

ich glaube das musst du erst umschreiebn auf CSS
______________
Premium Partner

www.modellbau-timpen.de.tl
www.wolles-modellbahn.de.tl
Beitrag08.08.2009 um 15:36 (UTC)    
Titel: Hintergrundfarbe

Hallo,

Du benutzt ein einzelnes Bild als Hintergrund. Es gibt zwei Varianten, die weißen Felder unten und rechts wegzubekommen:

1) Du lässt die Grafik über die gesamte Seite reichen, wodurch sie größer würde je nach Auflösung und Bildschirm.
Code:

Zitat:
body { width: 100%; height: 100%;}



2) Du ersetzt den weißen Hintergrund gegen die Rosafarbe. Ich kenne den Code für das Rosa leider nicht, aber der Code dafür sollte folgender sein:

Zitat:
body { background-color: #XXXXXX;}


XXXXXX gegen den Farbcode austauschen.

Bzw.
Ich habe in deinem Code gerade die Stelle für den Hintergrund gesehen:

Zitat:
<body bgcolor="#ffffff" topmargin="0" leftmargin="0">


Einfach ffffff gegen den Code für Rosa tauschen.



Hoffe, das hilft dir weiter.

Gruß

FK




Beitrag08.08.2009 um 15:41 (UTC)    
Titel:

dankeschön

1) Du lässt die Grafik über die gesamte Seite reichen, wodurch sie größer würde je nach Auflösung und Bildschirm.
Code:

Zitat:
body { width: 100%; height: 100%;}

wo schreib ich das body { ... genau hin?

und kann ich nochmal was fraagen?
ähm, jetz im moment steht bei mir auf der hp nicht der normale text z.b. bei home und auch die navi is nicht sichtbar, sondern es steht nur %content% und eben %navi%, wie krieg ich das hin das da der "normale" text und das navi stehen?
Beitrag08.08.2009 um 16:14 (UTC)    
Titel:

Das "body{..." kannst du in das obere Stück des Codes einfügen. In deinem Code steht dort bereits "body". Das musst du nur suchen.
Hier der eingesetzte Code, den du gegen die obere Passage austauschen musst.

Zitat:
<!--
body {
background-image: url(http://www.oyla.de/userdaten/24910985/bilder/Unbenannt1.jpg);
width: 100%; height: 100%;
background-repeat: no-repeat;
background-color: #FAF0E6;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ffffff;
}



Zur Seite:

Zitat:
<!-- Start Content -->
<div style="overflow: auto; position: absolute; width: 575px; height: 400px; left: 355px; top: 300px">
<span style="font-family:Arial; font-size:16px; color:#000000">%content%</span>
</div>
<!-- End Content -->


Das rote ist das, was im Textfeld auf deiner Seite stehen würde. Da dort momentan nur "%content%" steht, wird auch nichts anderes angezeigt.


Navigation:

Ich sehe, dass die Navigation gecoded ist, wenn ich deinen Quelltext auslese, kann auf die Schnelle aber nicht sagen, wie du sie zum Erscheinen bringst, da die Klassen im CSS-Teil nicht auftauchen und dein Code ein wenig "durcheinander" wirkt.






Zuletzt bearbeitet von fkdesign am 08.08.2009, 19:07, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de