phpBB.de

Verfasst: **09.10.2008 21:36**

Hey Leute,

suche schon ein bisschen aber habe nix dazu gefunden.
Ich würden diesen Bereich gerne etwas vergrößern, weiß aber nicht wo ich die Angaben dazu finde.

Hoffe ihr könnt mir helfen,
Luuq

Verfasst: **09.10.2008 22:18**

Hallo,
wenn ich das richtig verstehe willst du das ganze in der Höhe größer machen.

Dazu öffne deine common.css im theme Ordner von prosilver.
Finde:

Code: Alles auswählen

.headerbar {
	background: #ebebeb none repeat-x 0 0;
	color: #FFFFFF;
	margin-bottom: 4px;
	padding: 0 5px;
}

Und ersetze durch:

Code: Alles auswählen

.headerbar {
	background: #ebebeb none repeat-x 0 0;
	color: #FFFFFF;
	margin-bottom: 4px;
	padding: 0 5px;
        height: 100px;
}

Wobei die Pixelangabe bei "height" durch die gewünschte Höhe zu ersetzen ist.

Danach werden wahrscheinlich die runden Ecken verschoben sein.
Dazu einfach die overall_header.html im template Ordner öffnen.
Finde:

Code: Alles auswählen

<div id="site-description">

Davor einfügen:

Code: Alles auswählen

<div style="height: 90px;" />

Hierbei sollte man die oben gewählte Höhe minus 10 Pixel eingeben.

Gruß, Marc.

Verfasst: **10.10.2008 08:58**

Hey,

habe das jetzt gemacht.
Der Header ist zwar größer, aber die runden Ecken sind immer noch verschoben.

Luuq

Verfasst: **10.10.2008 12:35**

Link zu deinem Board?
Das würde einiges erleichtern.

Kannst du mir auch per PN schicken.

Verfasst: **28.11.2008 19:05**

Hallo, was muß ich machen, damit ich den Header im Template BlackPerl größer bekomme. Wir möchten da Bilder rein haben, die in der Höhe 240 px sind.

Siehe mal unter: http://bosshoss.olafweber.de

Ich meine die Bilder in der Mitte des Headers, die bei jedem Klick sich ändern.

Habe schon mal versucht in der overall_header.html die Höhe der Tabelle auf 240px zu setzen, aber da gehen die Bilder hinter der Leiste drunter, wo die Punkte Forum, persönlicher Bereich usw. angezeigt werden.

Verfasst: **28.12.2010 21:15**

Selbes Problem. Nachdem ich es nun geschafft habe, eine Headergrafik einzubauen: http://lpi-clan.de/viewtopic.php?f=26&t=3139

Sind die runden Ecken nach Vergrößerns wie hier erklärt noch am alten Platz.
Wie kriege ich die weiter nach unten?

EDIT: Ich habe es durch Ausprobieren hingekriegt! Die Lösung:
In der common.css unter #logo beim padding-Wert 0 einen Pixel-Wert (z. B. 40px) eingeben! Etwas rumprobieren, bis die Ecken unten sind ...
Das wars schon

.

Verfasst: **28.12.2010 22:44**

Hello,

die vorgenannten CSS-Notationen würde ich persönlich nicht unbedingt ändern und eher wie folgt vorgehen wollen: Nur als weitere Idee gedacht.

..(..).. auszugsweise Overall_header.html

Beispiel: Platz schaffen --> style="height: variabel ....px"

Code: Alles auswählen


<div class="headerbar">
<div class="inner"><span class="corners-top"><span></span></span>

<p style="height: 65px">
&nbsp; 
</p>

<span class="corners-bottom"><span></span></span></div>
</div>

Inhalte einfügen: Absatzelement ggf. formatieren

Code: Alles auswählen


<div class="headerbar">
<div class="inner"><span class="corners-top"><span></span></span>

<p>
Inhalt: Text, Bild, Vorgaben 
</p>

<span class="corners-bottom"><span></span></span></div>
</div>

Oder als "Zierlinie" an geeigneter Stelle verwenden - auch optisch ansprechend, meine ich.

Code: Alles auswählen


<div class="headerbar">
<div class="inner"><span class="corners-top"><span></span></span>

<p>
&nbsp; 
</p>

<span class="corners-bottom"><span></span></span></div>
</div>

Mit diesen erweiterten Konstrukten hatte ich bisher keinerlei Probleme mit den Ecken. Kombinationen sind denkbar.

Grüße

Verfasst: **28.12.2010 22:49**

Um bei einer weiteren Änderung wieder so viel zu ändern.
So hat man nur einen Wert.

Verfasst: **28.12.2010 23:03**

Hallo dagobert50gold, es sind drei Beispiele oder nennen wir es, Möglichkeiten. Bei einer Änderung, ändere ich gewöhnlich eine Zeile. Wo die Änderung stattfindet, ist relativ.
Verändere ich die Klassen, kann ich den vorgegebenen Standard, ggf. nicht noch einmal nutzen. Mein Erfahrungswert ist, dass sich die Klasse Headerbar mit den Elementen in der Höhe anpasst und sich diese für eine Designänderung "zweckentfremden" ließe.

Grüße

phpBB.de

Header vergrößern

Header vergrößern

Re: Header vergrößern

Re: class headebar vergrößern, Höhe ändern

Re: Header vergrößern

Re: class headerbar vergrößern, Höhe ändern