Auf Hintergrundfarbe achten

Sabi

Bin mir nicht sicher, obs hier her gehört, aber wo anders passts irgendwie nicht xD

Wenn ihr ein Design erstellt und den dazugehörigen HTML-Code erstellt, denkt daran, den Hintergrund so zu wählen, dass er euch nachher nichts zerstört. Besonders oft begegnen mir auf VRHs verkorkste Bilder, bei denen ein Teil fehlt, da gerade diese Farbe für den transparenten Hintergrund im I-Frame Design genutzt wird. Meist ist dies weiß...

Damit es auch alle verstehen xD hier mal mein Beispiel:

Ihr habt ein I-Frame design und auch schon alles schön fertig gecodet, als Hintergrundfarbe habt ihr weiß genommen:

<div id="Layer1" style="position: absolute; left: 12px; top: 12px;">
<iframe name="main" width="700" height="390" frameborder="0"
src="home.htm" scrolling="auto" style="position:absolute; margin-top:290px;
margin-left:230px;FILTER:chroma (color=white);"> </iframe>

und natürlich nehmt ihr auch bei allen Seiten weiß als Hintergrundfarbe. Soweit so gut, der Hintergrund ist durchsichtig, leider aber meist auch Fragmente vieler Bilder, das ganze sieht dann so aus:

Das schöne Bild ist ruiniert ( hier übrigens eines von elle, habe die Erlaubnis dafür und es wird auch nicht nochmal missbraucht xD) und sieht nun gar nicht mehr schön aus.

Was also dagegen tun? Am besten eine Hintergrundfarbe wählen, die in so gut wie keinem Bild vorkommt. Grelle Neonfarben sind, zumindest bei Tierbildern, immer sehr geeignet, dazu hier auch mal ein Beispiel, so könnte eure Seite auch aussehen:

an diesem Bild fehlt nichts, die Farbe, die ich verwendet habe?
<div id="Layer1" style="position: absolute; left: 12px; top: 12px;">
<iframe name="main" width="700" height="390" frameborder="0"
src="home.htm" scrolling="auto" style="position:absolute; margin-top:290px;
margin-left:230px;FILTER:chroma (color=#73F969);"> </iframe>

wie gesagt ein grelles Neongrün, das in keinem meiner Bilder vorkommt. So sind am Ende alle Bilder vollkommen erhalten und die Hintergrundfarbe ist ja sowieso irrelevant, man sieht sie am Ende ja nicht!

Hoffentlich war das einigermaßen verständlich, im erklären bin ich leider nicht so gut xD fand das nur ziemlich wichtig

Bubgirl

Jep, das stimmt.
Nur wir armen Mozilla-Benutzer bekommen bei den grellen Farben immer Augenkrebs, wenn nicht ordentlich gecodet wurde.
Also am besten Hintergrund ausschneiden, und dann auf jeder Seite einfügen und fixieren.

Doflo

Andere Möglichkeit: Die Farbe die nachher durchsichtig wird, so festlegen, dass sie der Hintergrundfarbe möglichst nahe ist. (geht natürlich bei einfarbigen Hintergründen besonders gut). Dann fälllt es auch nicht so auf.

-Katha-

Kannst du mir den Code so verändern das der weiße Rand weg ist und dann diese Farbe ffe56d da ist?

Hier mein bisheriger Code
<html> <head> <title>%titel%</title> <img border="0" src="http://www.oyla13.de/userdaten/67688193/bilder/blablab.png" scroll="no" bgproperties="fixed" ALIGN="center" STYLE="position: absolute; top: 0; left: 0" width="1000" height="1000"> <div style="overflow: auto; position: absolute; width: 600; height: 500; left: 275; top: 375"><font face="Trebuchet MS" size="2,5"><font color="#000000">%content%</font></font> </div> <div style="overflow: auto; position: absolute; width: 150; height: 330; left: 75; top: 380"><font face="Trebuchet MS" size="2,5" color="#000000">%navigation_v%</font></div>

-Katha-

Danke du bist ein Schatz!!!

EDIT: Ich hätte noch ein Problem, und ich weiß dass es nicht hier rein gehört! Aber ich habe folgenden HTML Code eingegeben

<html>
<head>
</head>
<body>
<div style=text-align: center;><span style=font-family: Trebuchet MS; font-size: 10pt; font-weight: bold;><span style=font-size: 14pt;>Willkommen...</span><br />
</span>
<div style=text-align: center;>
<div style=text-align: center;><span style=font-size: 8pt;><span style=font-size: 10pt; font-family: Trebuchet MS;><span style=font-size: 10pt;><span style=font-size: 10pt;><span style=font-size: 10pt;>...auf der Seite des Turnierstalls Siegen-Wittgenstein</span></span><span style=font-size: 10pt;>! Hier werden wöchentlich spannende, wichtige und interessante Turniere abgehalten! Für jedermann ist etwas dabei, ob für Einsteiger oder internationale Profis. </span></span><span style=font-size: 10pt; font-weight: bold;></span><br />
<br />
<span style=font-size: 10pt;>Unsere Anlage ist so gestaltet, dass jeder Gast und jedes noch so fremdes Pferd wohl fühlt. Natürlich beherbergin wir auch eigene Pferde, mit dehnen wir auf Turnieren starten!</span><br />
<span style=font-size: 10pt;><br />
Bei weiteren Fragen wenden sie sich einfach per Kontaktformular an uns, oder schreiben sie eine E-Mail!<br />
<span style=font-size: 12pt;><br />
<span style=font-size: 12pt;>Mit freundlichen Grüßen...</span></span><br />
<span style=font-size: 14pt;>Das Hofteam</span></span></span><br style=font-family: Verdana; />
</span></div><span style=font-family: Verdana; font-size: 14pt; font-weight: bold; startcont=this></span></div><span style=font-family: Verdana; font-size: 14pt; font-weight: bold;><br />
<br />
</span></div>
</body>
</html>

Aber trozdem will bei der Haupseite das einfach nicht so sein!
Das Herzlich willkommen... soll dick und fett geschreiben werden und sowieso soll alles zentriert sein! Ich hoffe ich hab kein Fehler im Code drinne! Weil irgendwie geht das nicht!

-Katha-

Danke! Aber jetzt hab ich ein neues Problem! Wie kann ich das Design einstellen, also so einstellen dass ich nicht bei jeder Textseite das ändern muss! Weil IE zeigt hinter meinen Texten IMMER Weiß an! Wie kann ich das transparent machen?

Forensoftware: Burning Board, entwickelt von WoltLab GmbH