Gegen Bilderklau - Das Original

Registrierung Mitgliederliste Teammitglieder Suche Häufig gestellte Fragen Statistik Chat Karte Zur Startseite

Gegen Bilderklau - Das Original » Archive » Archiv » Alte Tutorials » Auf Hintergrundfarbe achten » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | Thema zu Favoriten hinzufügen
Zum Ende der Seite springen Auf Hintergrundfarbe achten
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Sabi Sabi ist weiblich
Mitglied


Dabei seit: 15.02.2005
Beiträge: 138
Herkunft: Hessen

Achtung Auf Hintergrundfarbe achten Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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

Dieser Beitrag wurde 3 mal editiert, zum letzten Mal von Sabi: 04.04.2005 19:51.

04.04.2005 19:48 Sabi ist offline E-Mail an Sabi senden Beiträge von Sabi suchen Nehmen Sie Sabi in Ihre Freundesliste auf
Bubgirl Bubgirl ist weiblich
Dani


images/avatars/avatar-23074.jpg

Dabei seit: 09.02.2005
Beiträge: 1.146
Herkunft: Hessen

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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.

__________________

05.04.2005 13:12 Bubgirl ist offline E-Mail an Bubgirl senden Homepage von Bubgirl Beiträge von Bubgirl suchen Nehmen Sie Bubgirl in Ihre Freundesliste auf Fügen Sie Bubgirl in Ihre Kontaktliste ein MSN Passport-Profil von Bubgirl anzeigen
Doflo
Mitglied


images/avatars/avatar-3837.gif

Dabei seit: 29.06.2005
Beiträge: 1.074

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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.
05.04.2005 16:17 Doflo ist offline E-Mail an Doflo senden Beiträge von Doflo suchen Nehmen Sie Doflo in Ihre Freundesliste auf
-Katha- -Katha- ist weiblich
.M.e.y.e.r.


images/avatars/avatar-54470.png

Dabei seit: 22.09.2008
Beiträge: 1.952
Herkunft: NRW

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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>

__________________

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von -Katha-: 02.10.2008 08:44.

02.10.2008 08:44 -Katha- ist offline E-Mail an -Katha- senden Homepage von -Katha- Beiträge von -Katha- suchen Nehmen Sie -Katha- in Ihre Freundesliste auf Fügen Sie -Katha- in Ihre Kontaktliste ein
-Katha- -Katha- ist weiblich
.M.e.y.e.r.


images/avatars/avatar-54470.png

Dabei seit: 22.09.2008
Beiträge: 1.952
Herkunft: NRW

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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!

__________________

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von -Katha-: 02.10.2008 09:00.

02.10.2008 08:57 -Katha- ist offline E-Mail an -Katha- senden Homepage von -Katha- Beiträge von -Katha- suchen Nehmen Sie -Katha- in Ihre Freundesliste auf Fügen Sie -Katha- in Ihre Kontaktliste ein
-Katha- -Katha- ist weiblich
.M.e.y.e.r.


images/avatars/avatar-54470.png

Dabei seit: 22.09.2008
Beiträge: 1.952
Herkunft: NRW

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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?

__________________

11.10.2008 18:13 -Katha- ist offline E-Mail an -Katha- senden Homepage von -Katha- Beiträge von -Katha- suchen Nehmen Sie -Katha- in Ihre Freundesliste auf Fügen Sie -Katha- in Ihre Kontaktliste ein
Baumstruktur | Brettstruktur
Gehe zu:
Gegen Bilderklau - Das Original » Archive » Archiv » Alte Tutorials » Auf Hintergrundfarbe achten

Impressum

Forensoftware: Burning Board, entwickelt von WoltLab GmbH