[3.2] Logo ausrichten

[back4ever]

Hi

Habe es geschafft das Standardlogo gegen mein eigenes zu ändern
dank diesen Beitrages viewtopic.php?f=153&t=238945&hilit=logo+%C3%A4ndern

jetzt sieht es bei mir so aus: http://bet-img.de/uploads/2017/06/i105bmys19.png
wie stelle ich es nun aus das der Header kleiner wird
den wenn ich das Logo um die paar Pixel größer mache, wächst der Header mit.

Es handelt sich um das "aero_red" Design

Hier ein Auszug aus der common.cs

Code: Alles auswählen

.logo {
	float: left;
	width: auto;
	padding: 0px 0px 0 0px;
}

.logo:hover {
	text-decoration: none;
}

.site_logo {
	display: inline-block;
	width: 534px;
	height: 107px;
}

/* Site description and logo */
.site-description {
	float: left;
	width: 65%;
}

.site-description h1 {
	margin-right: 0;
}

Pixelwerte habe ich alle auf 0 gestellt
der Header ist in der Tat auch kleiner geworden
aber nicht klein genug.

Also was genau muss ich anstellen damit das Logo passt ?

Hier gehts zum Forum: http://www.loveboard.biz/

Danke

[Lehrling]

Hallo, so ganz verstehe ich deine Frage nicht. Das Logo soll doch in seiner ganzen Größe angezeigt werden, oder nicht?
Das einzige, was du noch reduzieren könntest, wäre der Padding-Wert für die headerbar. Suche im common.css nach

Code: Alles auswählen

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
	background: transparent none no-repeat top right;
	padding: 5px;
	min-height: 75px;
}

Da mal einen Wert von 0px bei padding einstellen.

[back4ever]

Das Logo soll sich an den Header anpassen von der Grösse her
bzw. sollte der Header paar picel kleiner werden
siehe am Rand bzw. oben und unten ist es etwas zu groß

[Lehrling]

es gibt da im common.css (müsste jetzt von prosilver sein) noch diesen Abschnitt, der sich auf deinen Style auswirkt:

Code: Alles auswählen

.custombg {
	background: transparent none repeat-x 0 0;
	margin-bottom: 10px;
	padding: 6px 5px 5px;
	clear: both;
	border-radius: 7px;
	border: 1px solid;
	-moz-box-shadow: 1px 1px 8px #555;
	-webkit-box-shadow: 1px 1px 8px #555;
	box-shadow: 1px 1px 8px #555;
}

Den würde ich kopieren, ins Stylesheet orange_bbes.css übertragen und mal die Werte etwas verändern. Vielleicht erreichst du damit, dass der Header kleiner wird.

[back4ever]

weisst du vieleicht welche Werte genau ich da ändern sollte ?

[vfrblue]

In der "common.css" von deinem Style (aero-red) kannst du unter dem Punkt

Code: Alles auswählen

.headerbar {
    background: transparent none no-repeat top right;
    padding: 5px;
    min-height: 75px;
}

mit dem "padding"-Wert spielen. Mal den Wert auf "0" setzen.

[back4ever]

In der "common.css" von deinem Style (aero-red) kannst du unter dem Punkt

Code: Alles auswählen

.headerbar {
    background: transparent none no-repeat top right;
    padding: 5px;
    min-height: 75px;
}

mit dem "padding"-Wert spielen. Mal den Wert auf "0" setzen.

Das war´s
Tausend Dank !!