Bilder und Hintergrundbilder

Thema: Bilder und Hintergrundbilder Mo Apr 27, 2009 4:16 pm

Mit dem Layout, das Migger mir (in aller Eile) gebastelt hat, bin ich erstmal zufrieden. Kann ja einiges hinzufügen oder ändern.

Nur mit den Bildern und Hintergrundbilder haut es nicht hin. Vielleicht könnte ihr mit ja soetwas wie ein "Beispielbild" einsetzen. HIer nocheinmal das Layout. Migger hat dort beschrieben wo ein Bild rein soll. Haut aber nicht hin..

So hab ichs verstanden: <h3>Bild </h3>. Hab auch über TINY PIC ein Bild hochgeladen und versucht es einzukopieren.

<html>
<head>
<title>Name der Seite</title>
<meta name="author" content="Name">
<meta name="editor" content="editor">
<style type="text/css">

html {
height:100%;
}

body {background-image:url("https://2img.net/h/i26.photobucket.com/albums/c115/frontelevation/desi_engeltoll.jpg");
background:#FFFFFF;
color:#1F1F1F;
font-family:Verdana, Arial, sans-serif;
text-align:justify;
font-size:12px;
margin:0;
padding:0;
}

img {
border:0px;
padding:0;
margin:0;
}

/*----------------------------------------------*/

#page {
width:800px;
}

#head {
border:1px solid #923746;
text-align:justify;
}

#navi {
border:1px solid #923746;
float:left;
text-align:justify;
width:130px;
}

#entry {
border:1px solid #923746;
text-align:justify;
width:666px;
}

#werbung {
height:0px;
width:0px;
}

/*----------------------------------------------*/

p {
color:#000000;
text-align:justify;
margin:0;
padding:0;
}

a:link, a:visited {
color:#00007F;
font-style:italic;
text-decoration:none;
}

a:hover, a:visited:hover {
font-style:italic;
color:#5F0000;
text-decoration:underline;
}

</style>
</head>
<body>
<center>
<div id="page">
<div id="head">

<h3>Kopfbereich</h3> <!--Hier kannst du ein Bild einfügen-

</div>
<div id="navi">

{PLACE_NAVI} {PLACE_PAGES} <!--Die Navigation lässt sich noch um seitere Einträge erweitern-

</div>
<div id="entry">

{PLACE_CONTENT} <!--Dies ist der Content-, Entrybereich-

<div id="werbung">
{PLACE_POWEREDBY} <!--Dies ist der Bereich für die Werbung von myBlog mit den Maßen 0x0 Pixel-
</div>
</div>
</div>
</center>
</body>
</html>

Thema: Re: Bilder und Hintergrundbilder Mo Apr 27, 2009 6:00 pm

im Head kannst das Banner (fals du eines hast) einfügen ... das Hintergrundbild definierst du im CSS-Bereich body.

So wie du es gemacht hast kann es auch nicht klappen, da der background den background-image überschreibt.

Dementsprechend:

Code:: ...

body {
background:url("http://i26.photobucket.com/albums/c115/frontelevation/desi_engeltoll.jpg") #FFFFFF;
...

!!! "background-image" wurde entfernd !!!

Thema: HIntergrundbild usw. Mo Apr 27, 2009 6:32 pm

Also, wenn ichs jetzt richtig verstanden habe, dann sehe ich jetzt ein normales Hintergrundbild.

Und wenn sich ein einfaches Bild wiederholen soll, dann geht das mit repeat?

Ach ja, mein "Banner" im Head...Dort, wo Du "Kopfbereich" hingeschrieben hast. Aber das kann ich dann nicht mit {PLACE_IMAGE(Bild.jpg)} machen, oder?

Und kann man auf einem HIntergrundbald, (das sich ja wiederholt..)dann auch noch mal ein Bild als Header plazieren?

Thema: Re: Bilder und Hintergrundbilder Di Apr 28, 2009 3:34 pm

Bilder kannst du auf bzw. in deinem body so viele plazieren, wie du willst. Spätestens mit einem div, einem frame etc.

Das Bild wiederholt sich automatisch, wenn du repeat-x als Zusatzattribut einfügst, das ist richtig.

Thema: Bilder2 Di Apr 28, 2009 3:43 pm

Thema: Re: Bilder und Hintergrundbilder Mi Apr 29, 2009 11:13 am

<h3> = SelfHTML-Überschriften
wenn du ein Bild einfügen willst ist der einfachste Weg SelfHTML-Grafiken_einbinden

Thema: Bilder 2 Mi Apr 29, 2009 1:52 pm

An Nyara:
Also dass heisst dann, ich KANN ein Headerbild auf einem Hintergrundbild plazieren?

An Migger
<h3>Kopfbereich</h3> <!--Hier kannst du ein Bild einfügen-

also SelfHtml..okay. Mit {PLACE_IMAGE} usw. geht's dann wohl nicht..

Thema: Re: Bilder und Hintergrundbilder Do Apr 30, 2009 1:13 pm

Also das weiß ich nicht ... müsstest du ausprobieren

Der Code ist <img src="URL">

das Headbild kannst du auch als Hintergrundbild im Header einbinden, jadoch würde ich dir empfehlen, es langsam anzugehen und erst mal nur das Bild als solches einzufügen.

Thema: Re: Bilder und Hintergrundbilder Do Apr 30, 2009 2:50 pm

Da haben wir uns wohl missverstanden. Ich wollte eigentlich wissen, ob man zusätzlich auf einem Hintergrundbild ein Headerbild plazieren kann

Thema: Re: Bilder und Hintergrundbilder Do Apr 30, 2009 6:57 pm

Klar kann man das, wie Niyara ja schon geschrieben hat.
SeltHTML-Hintergrund_einrichten_via_CSS

Thema: Re: Bilder und Hintergrundbilder Fr Mai 01, 2009 4:16 am

Um es einfacher zu machen, würde ich dir empfehlen, den Hintergrund per CSS einzubauen, wie Migger sagte und dann folgendermaßen ein Logo drüberzubauen:

Code:: <div><img src="....jpg"></div>

Mit den Attributen kannst du das Div ja verschieben, wohin du willst. Und es liegt auf der Hintergrundebene, sodass die sich nicht beißen.

Thema: Re: Bilder und Hintergrundbilder Sa Okt 24, 2009 7:51 pm

geschlossen wegen keiner weiteren Meldung zu diesem Thema Bilder und Hintergrundbilder 82960

» Bilder und Hintergrundbilder
» Bilder auf Zusatzseite
» Bilder hinterneinander
» Bilder konvertieren
» Bilder uploaden auf myblog?