Seite 1 von 1

prosilver header abändern

Verfasst: 04.12.2009 21:57
von pebble
Hallo,

ich möchte jetzt auf den Style prosilver umschwenken damit ich beim updaten keine Probleme bekomme.

Ich möchte ihn aber abändern (also einen eigenen erstellen) :roll:

Oben links befindet sich ja das site-logo.
Das soll weg, denn alles was ich dort plaziere, wird auf eine bestimmte Größe skaliert.
Ich habe noch nicht gefunden wo man das ändern kann.

Ich möchte 1. den blauen Balken von der Höhe größer haben und ein Banner einbauen.
Mein jetziges Banner ist 940x110, aber bei 940 bekomme ich sicherlich Probleme mit dem Feld "Suche", oder?

Wie ändere ich die Höhe des Balkens und wie bekomme ich es hin, das die Maße vom Banner genommen werden, egal wie groß es ist?

Ich kann das doch nicht einfach in der overall-header abändern, oder?

Wie und wo ändere ich es?

Damit ihr wisst was ich meine...
So sieht es in meinem jetzigen Style aus: Klick hier

LG
Petra

Re: prosilver header abändern

Verfasst: 07.12.2009 21:25
von pebble
Hallo,

das muß doch irgendeiner hier wissen... :roll:

Ich komme keinen Meter weiter, kann mir denn nicht mal jemand einen Tipp geben?

LG
Petra

Re: prosilver header abändern

Verfasst: 08.12.2009 16:52
von pebble
Hallo,

das ist jetzt mein letzter Versuch hier, dann gebe ich auf.

Wie füge ich mein Banner ein, ohne das es skaliert wird?

Ich habe Firebug im Firefox...

Wenn ich damit das site_logo untersuche, dann wird mir folgendes angezeigt:

Code: Alles auswählen

<a id="logo" title="Foren-Übersicht" href="./index.php"><img width="139" height="52" title="" alt="" src="./styles/prosilver/imageset/site_logo.gif"/></a>
In welcher Datei ändere ich width und height?

Ich habe schon alle Template-Dateien, das gesamte Theme und auch php Dateien durchforstet, aber ich finde nichts.

LG
Petra

Re: prosilver header abändern

Verfasst: 08.12.2009 16:54
von Toxy
Hallo,

overall_header.html

Sollte die betreffende Datei sein. ;)

lg

Re: prosilver header abändern

Verfasst: 08.12.2009 17:05
von pebble
Hallo,

nein, das ist sie nicht.
Trotzdem danke für deine Antwort.

Ich bin jetzt gerade fündig geworden, die Datei hatte ich mir nicht angesehen.

Ist: styles-->prosilver-->imageset-->imageset.cfg

Re: prosilver header abändern

Verfasst: 08.12.2009 19:53
von Talk19zehn
Hallo pebble, in der Ruhe liegt die Kraft.

Im Prinzip kannst du ein Logo in einen DIV oder sogar in eine *Tabelle ( nicht gerade elegant, jedoch machbar (*Beide Augen zu und durch)) "packen".
Toxy hat geschrieben:Hallo,

overall_header.html

Sollte die betreffende Datei sein. ;)

lg
Das ist insofern korrekt.

Das beispielhafte erwähnte Konstrukt ( DIv oder Tabelle ) kannst du umschliessen.


Beispiel: ohne Gewähr

Code: Alles auswählen

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

Inhalt: ........Div oder *Tabelle......... 

<span class="corners-bottom"><span></span></span></div>
</div>
Du musst natürlich darauf achten, die evtl. verschachtelten Div´s bzw. die *Tabellen korrekt zu schliessen.

Das ist jetzt völlig unabhängig von dem site_logo_gif gemeint. Wenn du diesen Bereich in der overallheader_html = headerbar nicht nutzen möchtest, lösche ihn ggf. oder kommentiere ihn dort gar aus.

Möchtest du ihn nutzen, nutze die Suchfunktion. Es gibt zahlreiche Hinweise, die dich an dein Ziel führen. Dein Logo ist zweifelsfrei für die vorgegebene Headerbar (site_logo_gif) wesentlich zu groß und darum ergeben sich zunächst die Probleme in der Darstellung.



Du schaffst das! Es kommt darauf an, wie du es einbindest!!

Re: prosilver header abändern

Verfasst: 08.12.2009 20:08
von pebble
Hallo,

danke dir.

Du machst mir ja wirklich Mut. :)

Das mit der Tabelle ist ja auch eine Idee.

Ich werde mich da mal durchwurschteln. :o

Falls ich das nicht so wirklich schaffe, darf ich dann ja nochmal fragen, ne? 8)

LG
Petra

Re: prosilver header abändern

Verfasst: 08.12.2009 22:38
von franki
id="logo"
Das sollte dich schon darauf stoßen dass es in einer .css Datei untergebracht ist.

Genau gesagt in der common.css

Code: Alles auswählen

#logo {
	float: left;
	width: auto;
	padding: 10px 13px 0 10px;
}