Content-Erweiterung

icecrush

Hallo,

ich hab ein kleines Problem.
Ich möchte neben meinem Content 2 Grafiken haben. Eine links, eine rechts.
Soll so eine Art Schein sein.

Meine Frage ist jetzt halt nur, wo ich die Div Container erstellen muss und was ich genau da machen muss.
Ich hab mich damit noch nie so wirklich auseinandergesetzt.

Meine Seite findet ihr unter: http://whizzkid-blog.de/

Danke euch vielmals !

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

bgeissler

Beschreib das mal genauer.
In jedem Artikel / jeder Seite oder nur in bestimten.
verschiedene/gleiche Bilder

Gib mal das in eine Seite oder Artikel ein:

HTML

<div style="float:left; background-color:grey;width:100%;
height:400px;">
Ein Inhalt mit Hintergrundfarbe
und Angabe von Breite und Höhe. breit 100% hoch 400
</div>
<div style="float:left; background-color:green;width:33%;
height:400px;">
Ein Inhalt mit Hintergrundfarbe
und Angabe von Breite und Höhe. breit 33% hoch 400
</div>
<div style="float:left; background-color:yellow;width:33%;
height:400px;">
Ein Inhalt mit Hintergrundfarbe
und Angabe von Breite und Höhe. breit 33% hoch 400
</div>
<div style="float:left; background-color:green;width:33%;
height:400px;">
Ein Inhalt mit Hintergrundfarbe
und Angabe von Breite und Höhe. breit 33% hoch 400
</div>
<div style="float:left; background-color:red;width:100%;
height:400px;">
Ein Inhalt mit Hintergrundfarbe
und Angabe von Breite und Höhe. breit 100% hoch 400
</div>

Alles anzeigen

so sieht es aus: http://test1.gsew.de/

icecrush

Also das Endergebnis soll so aussehen:
http://www.imagebanana.com/img/lulbnuu0/EssahBlog.jpg

Dieser Lichtschein an den Seiten.

bgeissler

Das kannst du mit einer entspr. Hintergrundgrafik realisieren, das ist eine Grafik, die dann hinter dem Content liegt:

Code

body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    background: #d5d6d7 url('images/[COLOR=Red]kubrickbgcolor.jpg[/COLOR]');
    color: #ffffff;
    text-align: center;
    }

Für [COLOR=Red]kubrickbgcolor.jpg[/COLOR] eine neue Grafik mit diesem Farbverlauf erzeugen.

[COLOR=Red]
[/COLOR]

icecrush

Aber ich hab schon eine Grafik, die ich als background-Grafik benutze.
Und die halt auch kubrickbgcolor heißt. Wenn ich die jetzt doch ersetzen würde, würde mein gesamter Hintergrund doch als Verlauf sein, oder? :|

bgeissler

Die jetzt eingesetzte Grafik färbt den gesamten HG ein. Du kannst aber auch HG-Farbe und HG-Grafik so kombinieren, dass du einen bestimmten Bereich des HG in deiner gesamten Breite oder zentriert mit einer Grafik ausfüllst und den Rest dann mit einer Farbe. Du kannst die Grafik fix setzen beliebig ausrichten.
Das wird aller hier beschrieben: http://de.selfhtml.org/css/eigenschaften/hintergrund.htm

icecrush

Also wenn ich jetzt deinen Teil in "body" dinfüge, die entsprechende Grafik einfüge wirds laufen ?!

bgeissler

Das steht bereits in deiner style.css. Du musst nur eine andere Grafik verwenden.

icecrush

Sorry für Doppelpost, aber ich erstehe dich nicht so ganz.
Mein body in CSS sieht momentan so aus:

Code

body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    background: #d5d6d7 url('images/kubrickbgcolor.jpg');
    color: #ffffff;
    text-align: center;
    }

Also genauso, wie du es schon erwähnt hast. Die Hintergrundgrafik kann ich doch jetzt nicht einfach so ersetzen. :-o

Bitte um Hilfe

bgeissler

Erzeuge eine Grafik in der Größe z.B. 800pxx600px in der Farbe schwarz und positioniere einen Weißen Kreis in der Mitte. Diesen lässt du bi fast an den Rand des Bildes verlaufen. Das ist die neue Grafik für den Hintergrund, benne sie z.B. kubrickbgcolor_gross.jpg. Diese Grafik lädst du per ftp in den Ordner images/kubrickbgcolor_gross.jpg (dorthin wo jetzt die kubrickbgcolor.jpg. steht. Dann änderst du die Zeilen unten (rot)

Code

body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    [COLOR=Red]background: #000 url('images/kubrickbgcolor_gross.jpg');
    background-repeat: no-repeat; 
   background-position: 100px center;[/COLOR]
    color: #ffffff;
    text-align: center;
    }

Also einfach mal machen und sehen was rauskommt.

icecrush

Okay klasse, der Schein ist drinne. Aber jetzt ist doch beim anderer Hintergrund weg. :?

bgeissler

Zitat von icecrush

Okay klasse, der Schein ist drinne.

Sehe keinen Schein.

Zitat

Aber jetzt ist doch beim anderer Hintergrund weg. :?

Welcher HG ist weg?

icecrush

Also bei mir ist jetzt ein Schein auf der linken Seite.
Ich hatte doch eine Hintergrund-Grafik. Die hatte ganz kleine Kästchen. Erkannte man vielleicht nicht und sah deshalb llt als Hintergrundfarbe nur aus.
Jedenfalls hab die jetzt durch meinen Schein ersetzt :|

bgeissler

Es ist nichts zu sehen. Diese Grafik wird eingebunden:
http://whizzkid-blog.de/wp-content/the…ges/light_l.png
Die scheint aber komplett transparent zu sein.

icecrush

http://www.imagebanana.com/img/i10ja8wt/Unbenannt.JPG

Das blaue ist jetzt der Schein. Weiß nicht, wieso du den nicht sehen kannst :|

Und das rote ist mein alter Hintergrund, den ich als BG-Grafik hatte.

bgeissler

Dann ersetze mal die Farbe #000 gegen die des alten HG: #2d2d2d
Die musst du dann auch als Grundfrbe für die Grafik nehmen.

Ich sehe nach wie vor auf deiner SEite keinen Schein. Drücke mal Strg+F5 wahrscheinlich lädst du deine Grafik aus dem lokalen Cache.

icecrush

Ich hatte nicht nur eine Farbe als Hintergrund, sondern es war eine richtige Grafik !

bgeissler

Jetzt nicht mehr? Du hast wieder den Urzustand.
Hören wir auf?

icecrush

Ja, hab eben wieder alles zurück getan.
Also nochmal von vorne:

Ich hab eine Hintergrund-Grafik. Das sieht aus wie nur eine Farbe, ist es aber nicht. Wenn man genauer hinschaut sind es kleine Kästchen, die sich farblich abwechseln.

Soo... diese Grafik ist meine kubrickbgcolor.jpg
Ich möchte jetzt aber den Hintergrund beibehalten(!) und neben dem Content jeweils einen Schein haben.

icecrush

Kann mir denn keiner helfen ? :?

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Content-Erweiterung

Jetzt mitmachen!