Logo verschieben und neue Grafik einfügen

[Shenlongt1]

Hey Leute, es hat gestern schon super funktioniert, ich hoffe das ihr mir heute wieder helfen könnt.

Es geht um folgende Seite. http://www.painbooks.de/painbooks/index.php

Ich möchte das zentrale Logo etwas nach links verschieben und daneben noch ein Logo einfügen.
1. Wie verschiebe ich es nach links und wo kann ich veranlassen, das ich noch ein logo einfügen kann, bzw wo?

Ich hatte schon in der common.css geschaut und auch schon etwas ausprobiert, aber leider ohne Erfolg.

Ich hoffe ihr könnt mir wieder helfen.

Vielen Dank schon mal

Tommy

[Talk19zehn]

Hi, um welchen Style handelt es sich genau? Kann es zutreffend sein, dass du die #header neu konzipiert hast? Da stimmt was nicht. Es muss vermutlich Änderungen gegeben haben. Welche Standardgröße wird für das Logo im Original genutzt? Eine Downloadquelle des Styles wäre hilfreich.

Bilder werden im "Normalfall" nebeneinander dargestellt. Eine Grafik welchen Ausmaßes möchtest du nutzen? Eine gleicher Größe wie das Logo selbst? Dann wird der Vorschlag ein schwieriges Unterfangen. Dem QT entnommen: TEST

Code: Alles auswählen

<div id="header">
    <a id="logo" title="Foren-Übersicht" href="./index.php"><img title="" alt="" src="./styles/art_deluxe/imageset/Logo-painbooks.png"></a> <img src="./styles/art_deluxe/imageset/meinbild.png" alt="" />
    <h1>painbooks.de</h1>
    <p>Das Schmerznetz</p>
</div>

Warum: Beachte kleine Bildschirmauflösungen!

Besser ist es ggf. zu floaten und eine wesentlich kleinere Grafik zusätzlich und/oder generell zu nutzen.

[Shenlongt1]

Hallo,

danke für deine Antwort.

Also das ist der Style: http://demo.phpbb3styles.net/Artodia%3A+Deluxe

Ich habe da nur die Farben noch verändert, das dürfte ja aber kein Problem darstellen.

Also die 2. Grafik ist keine richtige. Neben dem Logo soll stufenweise einfach noch 3 Stichpunkte mit hin.
z.B.
-das ist ein Test
-das ist ein Test
-das ist ein fest

Da hatte ich mir nur gedacht, das dies mit einer Grafik einfacher wird.
Ich habe einfach einen Transparenten Hintergrund erstellt und dann einfach mit der Text-Funktion den Text eingefügt. Ich dachte es ist halt einfacher.
Es muss nicht unbedingt eine Grafik sein, ich würde es auch mit Text machen, müsste halt nur wissen wie?

LG

Tommy

[Talk19zehn]

Hi, bist du dir sicher, dass der Dl-Link mit dem installierten Style auf deiner Seite übereinstimmt?

Originale lt DL-Link: Beispiel

Code: Alles auswählen

#header {
    background: url("./styles/art_deluxe/theme/images/header_g2.png") repeat-y scroll center top, url("./styles/art_deluxe/theme/images/header_g1.png") repeat-x scroll left top transparent;
    margin: 0;
    min-height: 98px;
    padding: 0 0 5px;
    text-align: center;
}

Code: Alles auswählen

#header a > img {
    margin: 0;
    opacity: 1 !important;
    padding: 0;
}

Laut deiner Seite:

Code: Alles auswählen

#header {
    background: url("./styles/art_deluxe/theme/images/header_g2.png") repeat-y scroll center top / 100% 1px, url("./styles/art_deluxe/theme/images/header_g1.png") repeat-x scroll left top / 1px 100px transparent;
    margin: 0;
    min-height: 98px;
    padding: 0 0 5px;
    text-align: center;
}

Code: Alles auswählen

#header a img {
    display: inline-block;
    margin: 0;
    max-width: 100%;
    opacity: 1 !important;
    padding: 0;
}

Test
Versuch: common.css

Code: Alles auswählen

.leftimg {
	float: left;
	margin-right: 11px;
}

HTML: Nutze die Klasse im einleitenden img-tag

Code: Alles auswählen

<div id="header">
    <a id="logo" title="Foren-Übersicht" href="./index.php"><img class="leftimg" title="" alt="" src="./styles/art_deluxe/imageset/Logo-painbooks.png"></a> <p>dein inhalt</p>
    <h1>painbooks.de</h1>
    <p>Das Schmerznetz</p>
</div>

....... und verschachtele gar ggf. im Verlauf. Probiere es aus. Du findest hier sicherlich weiterführende Hilfen.

Viel Glück

[Shenlongt1]

ok, danke für die Antwort.

ich werde es mal versuchen.

lg

tommy

[Shenlongt1]

So ich habe es anders gelöst.

Thema kann geschlossen werden.