Problem mit Grafiken für Titelleisten etc.

[Luke 0]

Hallo,

ich nutzt einen Skin, in dem die Titelleisten durch entsprechende Grafiken eine leichte Schattierung bekommen, welche die Leisten etwas hervorhebt. Das Ganze wird durch einen entsprechenden Farbüberlauf realisiert und sieht natürlich erstmal super schick aus, nur leider hat das ganze einen gravierenden Nachteil:

Sobald in die Titelleiste durch z.B. eine niedrige Auflösung oder ein kleines Browserfenster nicht mehr der gewünschte Text reinpasst, wird diese Leiste automatisch verdoppelt, damit der Text noch lesbar ist. Somit verdoppelt sich aber auch die Grafik.Da die Schattierung sich nicht anpasst, sondern einfach auch nur das GIF nochmal dargestellt wird, sieht dies natürlich nicht besonders toll aus. Am Ende hab ich mal ein Bild angehangen, dass mein Problem nochmal verdeutlicht.

Im Standard-Skin ist es ja so, dass alle Leisten - sollte mal mehr Platz für Text benötigt werden - automatisch dynamisch vergrößert werden. Die Grafiken werden dann auch angepasst und der schöne blaue Frabüberlauf des Standard-Skins bleibt erhalten.

Meine Frage ist nun, wie man selbst die Leisten so konfigurieren kann, dann die Grafiken, welche die Leiste betonen sollen, je nach benötiger Größe gesteckt oder gestaucht werden und nicht wie im Moment einfach nur verdoppelt werden.

Ich hoffe Ihr könnt mir weiterhelfen. Ich nutzte den caliSkinV6-Blue.

[Fabio 0]

naja beim standart skin werden sie nicht direckt automatisch vergrößert sondern die hintergrund grafiken sind einfach n stück größer aber wenn man die leiste zu groß wird wiederholen die sich auch ..

also es gibt zwei möglichkeiten endweder du machst auch dir hintergrund grafik großer oder du unterbiondest per css diese wiederholung

mit

; background-repeat:repeat-x

müsste gehen

[Luke 0]

Danke für die schnelle Antwort, Fabio! Also wenn ich Dich richtig verstanden habe, werden größere Grafiken automatisch verkleinert, aber kleine Grafiken nicht automatisch vergrößert, richtig?

Dann wäre die Variante mit der Vergrößerung der einzelnen Grafiken ja eigentlich kein Problem, denn so rießig groß werden die schon nicht werden... ich möchte eben nur erreichen, dass auch Leute, die noch mit einer 800x600er Auflösung surfen, das Board in voller Pracht zu Gesicht bekommen.

Der Vorschlag die Verdopplung per CSS zu unterbinden würde doch dann aber bedeuten, dass zwar die Grafik normal angezeigt wird, aber die Text dann quasi außerhalb der Leiste auftaucht, oder? Das wäre nämlich dann auch nicht gerade günstig.

[Fabio 0]

ähm nein nicht dirckt die grafiken weden unten nur abgeschnitten und nicht verkleinert

und die lösung per css ist sicher so das dann die schrift teilweise darüber geht

leider ist keine der beiden lösungen das wirklich optimale

es gebe bestimmt noch eine andere lösung aber sich kenne den skin nicht

[Luke 0]

[...] es gebe bestimmt noch eine andere lösung aber sich kenne den skin nicht

Würdest Du Dir denn mal die betreffenden Skin-Dateien anschauen, wenn ich sie dir schicke? *ganz.lieb.frag* *hundeblick.aufsetz*

Du müsstest mir nur noch sagen, welche ich Dir schicken soll bzw. in welchen diese Änderungen am wahrscheinlichsten vorgenommen werden können...

[Fabio 0]

hmm wäre es zu viel einfach den ganzen zu schicken ...

[Luke 0]

Keineswegs...

Hier der Link:

http://skins.ibplanet.com/index.php?act=view&id=386

[Fabio 0]

hmm sags halt gleich .. hehe

aber ich kann des leider irgendwie ned nachvollziehen nur das die memberbar umgebrochen wird,...

naja du könntst ja mal nowrap probiern..

[Luke 0]

nowrap? Sorry, aber könntest du das ein wenig genauer erklären bzw. was sich dahinter verbirgt? ;)

[Fabio 0]

dat bedeutet nur das innerhalb der zelle kein automatischer zeilenumbruch statt findet,

http://selfhtml.teamone.de/html/tabellen/g...m#zeilenumbruch

[Luke 0]

Ok, jetzt weiß ich was Du meinst. Nur weiß ich leider nicht, wo ich diesen Tag einfügen soll. :(

[Fabio 0]

in des td oder th der tabelle das wirst du schon selber in den templates finden können

[Luke 0]

Hm naja danke für Deine Hilfe aba ich bin wahrscheinlich doch zu unerfahren, als das ich das irgendwie finden könnte. Ich weiß ja nicht mal nach welcher Tabelle ich suchen muss... bzw. in welcher Datei die Merkmale für alle (Titel)Leisten stehen.

[Fabio 0]

in den board template und da bei categorie start oder so^^ müsste die tabelle anfangen

[Luke 0]

Du bist mir vielleicht ein Helfer. *Ironie* Ich finde da nix mit "Start" oder so ähnlich... und selbst wenn... müsste nicht die Info an mehrere Stellen?

[Fabio 0]

Forum Index Sections >> Forum Page Header

<script language='javascript' type="text/javascript">

<!--

	function who_posted(tid)

	{

  window.open("{$ibforums->js_base_url}act=Stats&CODE=who&t="+tid, "WhoPosted", "toolbar=no,scrollbars=yes,resizable=yes,width=230,height=300");

	}

//-->

</script>

<div align='left' class="pagelinks"><br />&nbsp;&nbsp;{$data['SHOW_PAGES']}</div>

<div align='right'><a href='{ibf.script_url}act=Post&amp;CODE=00&amp;f={$data['id']}'><{A_POST}></a>{$data[POLL_BUTTON]}</div>

<br />

<!--IBF.SUBFORUMS-->

<!--IBF.MODLINK-->

<form action='{ibf.script_url}act=SF&amp;f={$data['id']}&amp;st={$ibforums->input['st']}' method='post'>

<div align='left' class='maintitle'><{CAT_IMG}>&nbsp;{$data['name']}</div>

  <table width='100%' border='0' cellspacing='0' cellpadding='0'>

    <tr> 

 	 <td align='center' class='titlemedium'><img src='{ibf.vars.img_url}/spacer.gif' alt='' width='35' height='1' /></td>

 	 <td align='center' class='titlemedium'><img src='{ibf.vars.img_url}/spacer.gif' alt='' width='35' height='1' /></td>

 	 <th width='45%' align='left' nowrap="nowrap" class='titlemedium'>{ibf.lang.h_topic_title}</th>

 	 <th width='14%' align='center' nowrap="nowrap" class='titlemedium'>{ibf.lang.h_topic_starter}</th>

 	 <th width='7%' align='center' nowrap="nowrap" class='titlemedium'>{ibf.lang.h_replies}</th>

 	 <th width='7%' align='center' nowrap="nowrap" class='titlemedium'>{ibf.lang.h_hits}</th>

 	 <th width='27%' align='left' nowrap="nowrap" class='titlemedium'>{ibf.lang.h_last_action}</th>

    </tr>

        <!-- Forum page unique top -->

damit das alte ersetzen dan müsste es gehn

Edited April 24, 2004 by Fabio

[Luke 0]

Perfekt! Genauso hab ich mir das vorgestellt! Klappt einwandfrei. Dickes Dankeschön an Dich. ;)