Business-Template V4: Auswahlmenü "Bild verlinken" optisch anpassen!

17.05.2023 22:44 (zuletzt bearbeitet: 17.05.2023 22:46)
#1 Business-Template V4: Auswahlmenü "Bild verlinken" optisch anpassen!
avatar
Mitglied

Aktuell:


Wie man auf dem Bild sehen kann hat das Dropdown-Menü "Verlinken" zu wenig abbekommen!
Das Menü ist kaum zu erkennen und der Anfang und das Ende der Links ist durch den Umbruch schlecht zu erkennen!
Sehr unschön!

Vorschlag:

  • Wie wäre es, alle Verlinkungen, auch "Dieses Bild einbinden" und "Kommentare" ins Auswahlmenü "Bild-Einstellungen" zu verschieben?
  • Jeder Verlinkung am Anfang eine Grafik spendieren?
  • Das Auswahlmenü "Bild-Einstellungen" verbreitern, damit die Links nicht unnötig umbrechen und zweireihig dargestellt werden?


Könnte so aussehen:



Vorab-Lösung - Nur fürs Business-Template (v4):
Das Skript muss wegen der Variablen als Plugin angelegt werden, in Bildergalerie-Bild anzeigen / Footer !

Unter "Admin > Plugin > Plugin-Entwicklung > Neues Element erstellen > Template Element > Bildergalerie-Bild anzeigen / Footer > gallery_viewpic_footer"

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
<!-- Auswahl-Menü "Bild-Einstellungen" -->
<style>
.page_gallery_viewpic #foptions_bar.foptions {width:250px}
.page_gallery_viewpic #foptions_extend {width:250px}
.page_gallery_viewpic #foptions_extend small img {height: 17px !important;}
.page_gallery_viewpic .embed_picture, .page_gallery_viewpic .picture_integrations {display:none;}
</style>
 
<script>
$('.page_gallery_viewpic #foptions_extend').append(`
<a href="#" onclick="doForumModal('linkpic','');"></a>
{{addintegrations.startlist}}
<a href="{{addintegrations:url}}" onclick="miranus_load_js('{{link_js_integration}}'); hpm_newDialogCentered('{{addintegrations:url}}','800'); return false;">
{{addintegrations:name|gettranslation(integration)}}
</a>
{{addintegrations.end}}
 
{{user_registered==true.start}}
{{subscribed==true.start}}
<a href="#" onclick="doContentUnsubscribe('{{user_id}}','12','{{picture_id}}','{{cat_id}}','{{cat_id}}');"><small><img src="//files.homepagemodules.de/b2001010/a_875_281caa8e.png" />Kommentare nicht mehr abonnieren </small></a>
{{subscribed==true.else}}
<a href="#" onclick="doContentSubscribe('{{user_id}}','12','{{picture_id}}','{{cat_id}}','{{cat_id}}');"><small><img src="//files.homepagemodules.de/b2001010/a_860_857cd946.png" />Kommentare abonnieren </small></a>
{{subscribed==true.end}}
{{user_registered==true.end}}
`)
.find('a:first')
.html('<small><img src="//files.homepagemodules.de/b2001010/a_967_8f122999.png"> Bild bearbeiten</small>').next('a')
.html('<small><img src="//files.homepagemodules.de/b2001010/a_967_8f122999.png"> Bild löschen</small>').next('a')
.html('<small><img src="//files.homepagemodules.de/b2001010/a_967_8f122999.png"> Bild einbinden</small>').next('a')
.html('<small><img src="//img.homepagemodules.de/ds/static/feedicons/link.png"> Bild mit Mitglied verlinken</small>').next('a')
.html('<small><img src="//img.homepagemodules.de/ds/static/feedicons/link.png"> Bild mit Landkarte verlinken</small>').next('a')
.html('<small><img src="//img.homepagemodules.de/ds/static/feedicons/link.png"> Bild mit Bild verlinken</small>').next('a')
.html('<small><img src="//img.homepagemodules.de/ds/static/feedicons/link.png"> Bild mit Kalender verlinken</small>');
</script>
 

Bitte anklicken!

Auch hier und näher erklärt:
Business-Template V4: Auswahlmenü "Bild-Einstellungen" in der Bildergalerie optisch anpassen!


VG
Wolfgang

18.05.2023 12:28
#2 RE: Business-Template V4: Auswahlmenü "Bild verlinken" optisch anpassen!
avatar
Mitglied

In einem anderen Thread hat Ingmar zum Thema Bilder verlinken u.a. folgendes geschrieben:

Zitat von Ingmar im Beitrag Bildergalerie - verlinken
Der Grund weshalb es das im V6 nicht gibt ist schlicht und einfach, dass in den 5 Jahren vor der Entwicklung des V6 unter 10 (!) solcher Verlinkungen (also "verlinke Bild mit einem anderen BIld") in allen unseren Foren gesetzt wurden. Man kann also sagen das war mit Abstand eine der am wenigsten genutzten Forenfunktionen. Wir haben das dann für das V6 nicht mehr implementiert und du bist der erste, dem das auffällt.


Das betrifft zwar Template V6, aber generell scheint die Option "verlinken" demnach nicht priorisiert zu sein, was gerade für uns als Fotoforum bedauerlich ist.

Glücklicherweise funktioniert es in V3 reibungslos.

MfG Franz-Jupp

____________________________________________________________
es grüßt Franz-Jupp

https://www.zur-blende.de/ = Board-Nr, 854674
nutzt Template V3

 Antworten

 Beitrag melden
18.05.2023 15:55
#3 RE: Business-Template V4: Auswahlmenü "Bild verlinken" optisch anpassen!
avatar
Mitglied

Hallo Franz-Jupp,
die Optionen sind schon speziell, aber eine super Bereicherung für Foto-Foren, finde ich!
Ich nutze gerne das Verlinken mit "Bilder der Galerie".
Hier kann man ähnliche Bilder direkt unter das Hauptbild platzieren, einfach Klasse!

Vielleicht bekommt man diese Option auch fürs V6 hin....

VG
Wolfgang

19.05.2023 12:28
avatar  River
#4 RE: Business-Template V4: Auswahlmenü "Bild verlinken" optisch anpassen!
avatar
Mitglied

Zitat von Wolfgang im Beitrag #1
Das Auswahlmenü "Bild-Einstellungen"


Dann würde ich aber das Menü umbenennen - statt 'Bild-Einstellungen' wäre dann 'Aktionen' oder 'Optionen' allgemeiner.

Viele Grüße
River

-------------------------------------------------------------

+++Ich will Computercrack werden! XD+++

Business Template (v4)

 Antworten

 Beitrag melden
19.05.2023 22:35
#5 RE: Business-Template V4: Auswahlmenü "Bild verlinken" optisch anpassen!
avatar
Mitglied

Update:
Was wäre man ohne Feedback und das Testen?
Besten Dank an @River ,@Franz-Jupp ,@844er und @Gabriella





Habe den Vorschlag von River ins Skript eingebracht:
Man kann jetzt zusätzlich den Titel des Menüs anpassen.
Ich habe mich für "Bild-Optionen" entschieden (siehe Zeile 35)!


Vorab-Lösung - Nur fürs Business-Template (v4):

Nach "Admin > Plugin > Plugin-Entwicklung > Neues Element erstellen > Template Element > Bildergalerie-Bild anzeigen / Footer > gallery_viewpic_footer" kopieren

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 
<!-- Auswahl-Menü "Bild-Einstellungen" -->
<style>
.page_gallery_viewpic #foptions_bar.foptions {width:250px}
.page_gallery_viewpic #foptions_extend {width:250px}
.page_gallery_viewpic #foptions_extend small img {height: 17px !important;}
.page_gallery_viewpic .embed_picture, .page_gallery_viewpic .picture_integrations {display:none;}
</style>

<script>
$('.page_gallery_viewpic #foptions_extend').append(`
<a href="#" onclick="doForumModal('linkpic','');"></a>
{{addintegrations.startlist}}
<a href="{{addintegrations:url}}" onclick="miranus_load_js('{{link_js_integration}}'); hpm_newDialogCentered('{{addintegrations:url}}','800'); return false;">
{{addintegrations:name|gettranslation(integration)}}
</a>
{{addintegrations.end}}

{{user_registered==true.start}}
{{subscribed==true.start}}
<a href="#" onclick="doContentUnsubscribe('{{user_id}}','12','{{picture_id}}','{{cat_id}}','{{cat_id}}');"><small><img src="//files.homepagemodules.de/b2001010/a_875_281caa8e.png" />Kommentare nicht mehr abonnieren </small></a>
{{subscribed==true.else}}
<a href="#" onclick="doContentSubscribe('{{user_id}}','12','{{picture_id}}','{{cat_id}}','{{cat_id}}');"><small><img src="//files.homepagemodules.de/b2001010/a_860_857cd946.png" />Kommentare abonnieren </small></a>
{{subscribed==true.end}}
{{user_registered==true.end}}
`)
.find('a:first')
.html('<small><img src="//files.homepagemodules.de/b2001010/a_967_8f122999.png"> Bild bearbeiten</small>').next('a')
.html('<small><img src="//files.homepagemodules.de/b2001010/a_967_8f122999.png"> Bild löschen</small>').next('a')
.html('<small><img src="//files.homepagemodules.de/b2001010/a_967_8f122999.png"> Bild einbinden</small>').next('a')
.html('<small><img src="//img.homepagemodules.de/ds/static/feedicons/link.png"> Bild mit Mitglied verlinken</small>').next('a')
.html('<small><img src="//img.homepagemodules.de/ds/static/feedicons/link.png"> Bild mit Landkarte verlinken</small>').next('a')
.html('<small><img src="//img.homepagemodules.de/ds/static/feedicons/link.png"> Bild mit Bild verlinken</small>').next('a')
.html('<small><img src="//img.homepagemodules.de/ds/static/feedicons/link.png"> Bild mit Kalender verlinken</small>');
 
$('.page_gallery_viewpic #foptions_link small:first').html('Bild-Optionen <img src="https://img.homepagemodules.de/ds/cached/svg-object_navsub-color1_111111-color2_111111-color3_FFF.png">');
</script>
 


Bitte anklicken!


VG
Wolfgang

21.05.2023 05:11
avatar  844er
#6 RE: Business-Template V4: Auswahlmenü "Bild verlinken" optisch anpassen!
avatar
Mitglied

Hallo Wolfgang und River

Auch wenn ich das v1-4 Template nicht mehr nutze muss ich sagen: Tolle Umsetzung von Wolfgang und toller Vorschlag von River.
So wird das Forum eines jeden (der das Script einbaut) noch viel viel besser und intuitiver. Ganz großes Dankeschön !!

LG, Alfred

Fehlende PS werden durch Wahnsinn ersetzt

 Antworten

 Beitrag melden
21.05.2023 19:30
avatar  River
#7 RE: Business-Template V4: Auswahlmenü "Bild verlinken" optisch anpassen!
avatar
Mitglied

Hallo Alfred,

Zitat von 844er im Beitrag #6
toller Vorschlag von River.


Das ist jetzt aber ein büschen viel, ich meine, bei uns im Wilden Süden gibt es den Spruch 'Nichts gesagt ist Lob genug'.

Von mir kam nur der Vorschlag für die Begrifflichkeiten - also - Wolfgang hat wieder richtig gearbeitet. Großes Lob an Wolfgang an dieser Stelle.

Viele Grüße
River

-------------------------------------------------------------

+++Ich will Computercrack werden! XD+++

Business Template (v4)

 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!