Ausrichtung der Thumbnails

[Relax2012]

Hallo zusammen,

nachdem die Installation gut geklappt hat, habe ich nun eine Frage, ob ich das Erscheinungsbild folgendermassen abändern kann.

Im Fenster "Neue Bilder" oder auch bei einer Kategorienauswahl liegen die Thumbnails doch zusammen mit der Bildbeschriftung in einer farblich abgesetzten kleinen Farbfläche (oder auch grauen Fläche).

Je nachdem, ob die Thumbnails im Querformat oder Hochformat vorliegen und je nach Länge des Bilduntertitels verändern diese kleinen Farbflächen entsprechend ihre Größe.

Nun wäre es mir aber lieber, wenn ich diesen unterlegten Farbflächen eine einheitliche Größe geben könnte - also so groß, dass die Thumbnails unabhängig vom Seitenformat und der maximalen Größe da reinpassen.

Außerdem sollte dadurch der Text in einer Reihe liegen - was für mich etwas "aufgeräumter" aussieht...

Ist das irgendwie möglich und machbar?

Schon mal vielen Dank und viele Grüße
Klaus

[KurtW]

Hallo Relax2012,

da du ja nicht das Standard Template verwendest, wäre es sicher besser gewesen, du hättest gleich in dem dazugehörigen Thread für dieses
Template gepostet. Dafür sind diese auch da...


1:
in templates/dein_template_ordner/style.css
- suche:

Code: [Select]

.thumb_table {- danach einfügen:

Code: [Select]

  height: 300px;
- suche:

Code: [Select]

.thumb_table_2 {- danach einfügen:

Code: [Select]

  height: 300px;
300 für deine gewünschte Höhe ändern


2:
in templates/dein_template_ordner/thumbnail_bit.html
- suche:

Code: [Select]

<td width="100%" align="center">{thumbnail}<br />- ersetze mit:

Code: [Select]

<td width="100%">{thumbnail}<br />


Kurt

[Relax2012]

Hallo Kurt,

sorry, dass ich meine Frage im falschen Forum gestellt habe, aber trotzdem herzlichen Dank für Deine schnelle Antwort.

Deine Anleitung habe ich umgesetzt und sie bringt mich auch schon ein gutes Stück weiter - wobei ich mir jedoch noch eine Erweiterung wünschen würde...

... aber jetzt nicht weiß, ob ich Dir diesen Wunsch äussern darf, oder jetzt ins andere Forum wechseln sollte. 

Da Du aber schon den Anfang gemacht hast, probiere ich meine Formulierung nochmal hier:

Jetzt wäre es mir noch lieber, wenn die Thumbnails alle an der Oberkante der unterlegten Farbfläche ausgerichtet wären und die Schrift (mit dem Leuchtkasten-Symbol) an der Unterkante ausgerichtet wären. Eben wegen dem schon erwähnten Thema der Übersichtlichkeit.

Sollten danach noch weitere Probleme auftauchen, werde ich diese dann wirklich im anderen Forum stellen.

Erst mal vielen Dank und viele Grüße
Klaus

[KurtW]

Jetzt wäre es mir noch lieber, wenn die Thumbnails alle an der Oberkante der unterlegten Farbfläche ausgerichtet wären

siehe oben .style.css

und die Schrift (mit dem Leuchtkasten-Symbol) an der Unterkante ausgerichtet wären. Eben wegen dem schon erwähnten Thema der Übersichtlichkeit.

Funktioniert nicht, da es nur eine Tabelle/ Zelle ist Ohne das Mouseover Hintergrundrauschen wäre es machbar..


Kurt

[Relax2012]

Hallo Kurt,

erst mal vielen Dank für Deine erneute schnelle Antwort.

Also, die Sache mit dem Hintergrundrauschen - wenn man mit der Maus über das Bild geht - hat mich sowieso schon bei dem Template gestört und darauf kann ich sehr gerne verzichten.

Was muss ich denn dann zur Ausrichtung von Bild und Schrift machen?

Viele Grüße
Klaus

[KurtW]

neuer code für thumbnail_bit.html

Code: [Select]

<!-- you wish detail page in a small javascript open window, use {thumbnail_openwindow} -->
                        <table border="0" cellspacing="10" cellpadding="0" align="center" class="thumb_table" onmouseover="this.className='thumb_table_2'" onmouseout="this.className='thumb_table'">
                         <tr>
                          <td width="100%" valign="top">{thumbnail}</td>
                         </tr>
                         <tr>
                          <td width="100%" valign="bottom">
                          <b>{image_name}</b><br />
                          Cat: <a href="{cat_url}" border="0">{cat_name}</a><br />
                          {if allow_comments}{lang_comments} {image_comments}<br />{endif allow_comments}<br />
                          {lightbox_button}
                          </td>
                         </tr>
                        </table>
Das ist standard html und sollte jeder Webmaster beherrschen 



Gruß
Kurt

[Relax2012]

Hallo Kurt,

meinen besten Dank.

Nun ist es genauso, wie ich es mir vorgestellt habe. 

Viele Grüße
Klaus