2 Probleme: Kategorie mit Grafik belegen + Headerverlinkung

[Iain]

Guten Tag allerseits,

ich bin neu hier und habe mich über das Wochenende schon fleissig der Suche bedient, nur leider haben mich die bereits geposteten Beiträge nicht weitergebracht.

Ich werwende das Style "Soul City", dass wiederrum auf Prosilver basiert. Ich habe den Style entsprechend unseren Forumwünschen angepasst. Das hat auch alles bisher gut geklappt.

Hier ein Link zu meinem Forum:
rpg.webzauber.net/

Nun zu meinem Problemen:

a) Kategorie Höhe bzw. eine Grafik hinterlegen
Ich würde gerne bei den Kategorien (hier im Beispiel "Blah"; "Ich teste doch nur") gerne mit einer Grafik hinterlegen, die eine andere Höhe hat als die momentanen Kategoriebalken.
Ich habe bereits die gewünschte Grafik (http://rpg.webzauber.net/styles/venedig ... banner.jpg) im common.css eingefügt, nur leider füllt das Programm die Grafik nur
innerhalb der bereits vorgegebenden Kategorierahmengröße aus. D.h. statt dem Verlaufhintergrund setzt er das Bild ein und es verschwindet, wegen dem Beschreibungsfenster.
Ich würde aber gerne so ein Ergebnis erziehlen: http://rpg.webzauber.net/test-kategorie.gif

Ich habe keine Möglichkeit gefunden irgendwo die Größe von diesem Kategoriebereich einzustellen einzustellen, damit ich das vielleicht entsprechend dem Bild anpassen könnte.

b) Header Verlinken
Der Style hat leider kein "Home" Button, so das man als User immer wieder auf die Hauptansicht im Forum kommt.
Deswegen wollte ich gerne das Header-Bild verlinken: http://rpg.webzauber.net/styles/venedig ... header.jpg

Was ich bereits gefunden habe ist der Bereich, wo ich das Headerbild definiere im CSS.

Aber in der overall-Header Datei ist der Bereich für mich unverständlich, wo ich vielleicht die Verlinkung einbinden kann. Ich selber bin Anfänger in CSS, ich kann die Grundzüge und die wichtigsten Befehle, aber mehr auch nicht.

Code: Alles auswählen

<a id="top" name="top" accesskey="t"></a>
		<div id="page-header">
		<div class="headerbar">
			<div class="inner">
				
			<div id="site-description">
				<p><a href="#start_here" class="skiplink">{L_SKIP}</a></p>
			</div>
			<div id="site-navigation">
			<ul>
				<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
					<li><a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e">{L_PROFILE}</a></li>
					<!-- IF S_DISPLAY_PM --><li><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></li><!-- ENDIF --> 
					<!-- IF S_DISPLAY_SEARCH --><li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li><!-- ENDIF -->
					<!-- IF U_RESTORE_PERMISSIONS -->
					<li><a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a></li>
					<!-- ENDIF -->
				<!-- ENDIF -->
				<li><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">&nbsp;&nbsp;{L_FAQ}&nbsp;&nbsp;</a></li>
				<!-- IF not S_IS_BOT -->
					<!-- IF S_DISPLAY_MEMBERLIST --><li><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
					<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
					<li><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a></li>
				<!-- ENDIF -->
			</ul>
			</div>
			</div>
		</div>

So, ich hoffe, mein Schreiben war nicht zu sehr verwirrend und ich habe keine nötigen Information vergessen.
Ich bedanke mich schon mal im Voraus für die Bemühungen.

Viele Grüße
Iain

[Crizzo]

Hi,

scheinbar wird bei dem Style das Logo-Bild nicht so klassisch eingebunden. Dort sollte eigentlich sowas ähnliches zu finden sein, wie in prosilver:

Code: Alles auswählen

<div id="site-description">
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>

Bei dir ist das Div allerdings nur so groß:

Code: Alles auswählen

<div id="site-description">
            <p><a href="#start_here" class="skiplink">{L_SKIP}</a></p>
         </div>

Die Beste Variante wäre es nun, diese Zeilen dort wieder einzutragen:

Code: Alles auswählen

<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>

Das aktuelle Logo nicht per CSS einzubinden, sondern wieder über {SITE_LOGO_IMG}, wie hier beschrieben bei Methode 1: https://www.phpbb.de/kb/logo30x und dann kann man einfach diesen Link <a href="{U_INDEX}" title="{L_INDEX}" id="logo"> an der Stelle href="{U_INDEX}" entweder zu lassen, dann verlinkt es immer auf die Foren-Übersicht oder das {U_INDEX} durch etwas anderes austauschen.

[Talk19zehn]

zu A) --> viewtopic.php?f=89&t=216923&hilit=Kateg ... 0#p1239468

[Iain]

@Blackhawk:

Ah die Beschreibung und den Titel habe ich rausgenommen aus dem Code, inklusive dem Logo, da es links vom Header so einsam in der Gegend rumdümpelte.

Ich habe nun versucht dem Header als Logo zu definieren, leider wird dann meine Navigationsleiste von oben nach unten auf die Kategoriebeschreibung gedrückt.

Werde wohl wieder das kleine Logo einfügen und es lieber auf der linken Seite dümpeln lassen. Eine andere Möglichkeit sehe ich momentan nicht.

@Talk19zehn
Danke für den Link. Den Thread hatte ich bei meiner Suche auch schon gefunden. Leider hat es nicht funktioniert. :/ Irgendwie scheint mir ein Teil zu fehlen, wo ich noch was reinschreiben muss, jedenfalls erkennt der Code keine der Änderungen.

Aber ich versuche es heute nochmal. Vielleicht habe ich irgendwas übersehen.

Grüße
Iain