×
Blue Eagle 5 v1.5.4 has been Released (13 Sep 2020)

The Kunena team has announce the arrival of Kunena template Blue Eagle 5 v1.5.4 which is now available for download. This version addresses most of the issues that were discovered in development.

× Themen, die in diesen Bereich verschoben wurden, gelten allgemein als beendet. Falls es dazu noch zusätzliche Fragen gibt, können diese zwar noch gestellt werden, aber diese alten Themen sollten auf keinen Fall wieder auferstehen, um neue Probleme zu erörtern.
Eröffnet dazu bitte ein eigenes neues Thema.

Question Kleine Vorschaubilder

More
8 years 8 months ago #1 by Rogan
Kleine Vorschaubilder was created by Rogan
Hallo,

ich lade immer gerne Bilder in meinem Forum hoch. Diese sind meisst so 1000x600. Ist es möglich das diese im Beitrag kleiner angezeigt werden? Aktuell werden sie im Beitrag in voller größe angezeigt und das sieht nicht schön aus. Ich hätte es gerne so das die Bilder zb. 150x90 angezeigt werden und erst beim klick auf das Bild in der Lightbox groß.

Please Log in or Create an account to join the conversation.

More
8 years 8 months ago #2 by rich
Replied by rich on topic Aw: Kleine Vorschaubilder
Füge einfach in deine Joomla! template.css z.B. folgenden Code ein:
#Kunena div.kmsgbody div.kmsgtext img {
    max-height: 150px;
    max-width: 150px;
}

Du kannst natürlich auch eine fixe Größe eingeben, aber dann werden quatratische Bilder in der Vorschau mit den selben Maßen wie ein rechteckiges Vorschaubild angezeigt, was dann natürlich nicht so schön ist.

Please Log in or Create an account to join the conversation.

More
8 years 8 months ago #3 by Rogan
Replied by Rogan on topic Aw: Kleine Vorschaubilder
Danke das hat prima geklappt.

Nun hab ich nurnoch das alte Problem. Zb. 2 Bilder kann ich nicht nebeneinander machen. Der Cursor beim einfügen sitzt richtig aber die Bilder werden immernur untereinander angezeigt. Im Standarttemplate und anderen.

Please Log in or Create an account to join the conversation.

More
8 years 8 months ago #4 by rich
Replied by rich on topic Aw: Kleine Vorschaubilder
Du darfst keinen Zeilenumbruch dazwischen haben. Sozusagen den Kursor in er selben Zeile wie das vorhergehende Bild ansetzen.



Wenn es nicht hilft, kannst du versuchen, zu deinem Code noch diese zwei Einträge dazu schreiben.
float: left;
margin-right: 5px;
Attachments:

Please Log in or Create an account to join the conversation.

More
8 years 8 months ago - 8 years 8 months ago #5 by Rogan
Replied by Rogan on topic Aw: Kleine Vorschaubilder
Habe es so stehen.

[attachment:1]Image2.jpg[/attachment][attachment:2]Image2.jpg[/attachment][attachment:3]Image2.jpg[/attachment]

raus kommt dabei

[attachment:1]Image2.jpg[/attachment]
[attachment:2]Image2.jpg[/attachment]
[attachment:3]Image2.jpg[/attachment]

Hier im Forum klappt es aber.
Last edit: 8 years 8 months ago by Rogan.

Please Log in or Create an account to join the conversation.

More
8 years 8 months ago #6 by rich
Replied by rich on topic Aw: Kleine Vorschaubilder

Rogan wrote: Danke das hat prima geklappt.

Nun hab ich nurnoch das alte Problem. Zb. 2 Bilder kann ich nicht nebeneinander machen. Der Cursor beim einfügen sitzt richtig aber die Bilder werden immernur untereinander angezeigt. Im Standarttemplate und anderen.

Meintest du mit Standardtemplate beide Templates (Joomla und Kunena)? Ohne die Seite zu sehen, kann ich leider nicht viel helfen. Hast du es schon mal mit Firebug versucht?

Please Log in or Create an account to join the conversation.

More
8 years 8 months ago #7 by Rogan
Replied by Rogan on topic Aw: Kleine Vorschaubilder
Ich nutze das Kunena Default Template und ein Premiumtemplate von Garvick. Aber auch beim Joomla Standart Template gehts nicht. Wie hilft mir Firebug dabei?

Hier mal ein Test

Attachments:

Please Log in or Create an account to join the conversation.

More
8 years 8 months ago #8 by Rogan
Replied by Rogan on topic Aw: Kleine Vorschaubilder
Jetzt geht es, habe das hier in die CSS eingefügt.

#Kunena .kmsgimage {
display: inline;
padding: 0 5px;
}

Please Log in or Create an account to join the conversation.

More
8 years 8 months ago #9 by rich
Replied by rich on topic Aw: Kleine Vorschaubilder
Prima, dass es nun klappt! :)

Wie hilft mir Firebug dabei?

Naja, Firebug hilft dir dabei, die richtigen css Codes zu finden. Wenn du mit Firebug einen Code bearbeitest, kannst du sofort sehen, wie sich diese Änderung auswirkt.

Please Log in or Create an account to join the conversation.

  • Not Allowed: to create new topic.
  • Not Allowed: to reply.
  • Not Allowed: to edit your message.
Time to create page: 0.704 seconds