HPM-Spoiler formatierbar machen - Jetzt möglich!

12.05.2011 21:32 (zuletzt bearbeitet: 13.05.2011 11:25)
#1 HPM-Spoiler formatierbar machen - Jetzt möglich!
avatar
Mitglied

Forum: 104774 Standard-Template / Internet Explorer 8

Hallo,
wie auch bei den Bilder in den Threads (siehe hier), lassen sich jetzt auch durch die Vergabe von Variablen und der Forumcodeerstellung, die recht guten HPM-Spoiler formatieren und sogar noch Tooltipps zuweisen.
Nach der Umsetzung mit Name, Tooltipp und Formatierung, sehe der Forum-Code so aus:

[spoiler=Neuer formatierbarer Spoiler mit Tooltipp title=Der neue Spolier style=color:#0000aa;font-size:14px]
Spoilerinformationen sind hier zu finden

[/spoiler]

Für style paßt der BB-Codes, wie sonst auch.
Der Name und der Tooltipp sind frei wählbar. Will man den Spoiler von einfach bis aufwendig nutzen, müssen 3 neue Forumcodeumsetzungen erzeugt werden.

Der neue Forumcode:
1. Spoiler mit Name, Tooltipp und Formatierung (wie oben): [spoiler= name title=Hinweis style=color:#0000aa] Spoilerinfo[/spoiler]
2. Spoiler mit Name und Tooltipp: [spoiler= name title=Hinweis] Spoilerinfo[/spoiler]
3. Spoiler mit Formatierung ohne Tooltipp: [spoiler=name style=color:blue]Spoilerinfo[/spoiler]

Man kann auch noch andere Code erzeugen, die den Name der Titelleiste ausschießen oder die Reihenfolge von title und style außer Acht lassen.
Dann währen es zusammen 8 neue Codeumsetzungen.
Bei der Umsetzung muß auf jeden Fall die erweiterte Option genutzt werden, sonst greifen die Variablen nicht.


Hier ein Beispiel für ein Spoiler mit Erweiterung von style:

1. [spoiler={{sname}} style={{stname}}] -----> <div class="hpm_spoiler"><div class="hpm_spoiler_headdiv"><input type="button" onclick="hpm_spoiler(this.parentNode.parentNode);" class="hpm_spoiler_headinput hpm_spoiler_closed" value="{{sname}}" style="{{stname}}"></div><div><div class="hpm_spoiler_body"><div style="padding: 10px;">

2. [/spoiler] -----> </div></div></div></div>


Es ist noch darauf zu achten, dass die Priorität der vorhanden Spoiler von 100 + 101 auf 102 gesetzt werden (wie unten im Bild), sonst funktioniert der 1. Spoiler nicht!


So sollte es nach dem Abspeichern des Forumcodes aussehen:


Der HTML-Code ist hier nicht vollständig zu einzusehen


Hier mehr:
Spoiler mit Formatierung ausstatten
Größe von Bilder einstellen


Mein Vorschlag:
Kann man die Forumcodeumsetzungen nicht gleich in die Grundausstattung mit übernehmen
und einen Hinweis in die FAQ-Seite eintragen


Bis dann
Wolfgang

13.05.2011 11:33 (zuletzt bearbeitet: 13.05.2011 11:34)
avatar  Ingmar
#2 RE: HPM-Spoiler formatierbar machen - Jetzt möglich!
avatar
Technik

Hallo Wolfgang - das ist eine schöne Erweiterung die du hier gebastelt hast:

Dazu noch 2 Sachen:

Aus irgendeinem Grund klappen Spoiler innerhalb eines farb-tags nicht auf (in deinem Fall das [blau]) - ich hatte das schonmal bei einem Beitrag von dir gemerkt. Wenn man das [blau] vor dem spoiler schließt und danach wieder öffnet klappt alles.

Dann ist es so, dass deine Lösung zwar richtig ist, aber noch mit der "alten" Iconbar arbeitet - für neu erstellte Foren ist die alte "Forencodes"-Seite nicht mehr verfügbar - dort klappt die Änderung der Codes nur noch unter "Layout→Iconbar".

Letztendlich sind die benötigten Codes aber natürlich die gleichen - nur sieht das Ganze etwas anders aus.


Ob wir das so übernehmen kann ich dir trotzdem nicht versprechen - wir versuchen, die Zahl der Standard-Codes auf einem Minimum zu halten - und für die Spoiler gibt es ja jetzt schon 2 Codes (mit/ohne Namen).

Eventuell wäre es aber eine schöne Idee für ein neues Tutorial...

Viele Grüße,
Ingmar


 Technik · Homepagemodules.de · Miranus GmbH

 Antworten

 Beitrag melden
13.05.2011 22:06
#3 RE: HPM-Spoiler formatierbar machen - Jetzt möglich!
avatar
Mitglied

Forum: 104774 Standard-Template / Internet Explorer 8

Hallo und danke für die schnelle Antwort.


Da die Codeumsetzungen der neuen Iconbar etwas anders gelagert sind, folgt hier nochmal ein Beschreibung:

Die Codeumsetzung in der neuen Iconbar für den Spoiler



Bis dann
Wolfgang

18.05.2011 04:37 (zuletzt bearbeitet: 18.05.2011 04:39)
#4 RE: HPM-Spoiler formatierbar machen - Jetzt möglich!
avatar
Mitglied

Forum: 104774 Standard-Template / Internet Explorer 8


Nachtrag! CSS-Datei muß noch geändert werden!

Damit die Titelfarbe und der Titelhintergrund des Spoiler geändert werden kann, muss in der CSS-Datei noch folgender Eintrag gelöscht oder auskommentiert (/*...*/) werden.

INPUT,SELECT,TEXTAREA, .hpm_pagebody_inp INPUT, .hpm_pagebody_inp SELECT, .hpm_pagebody_inp TEXTAREA {
/* border-width:1px; */
color: #000000 !important;
background-color: transparent !important;
}



Siehe auch: Änderung der CSS-Datei


Bis dann
Wolfgang

18.05.2011 15:34
avatar  Ingmar
#5 RE: HPM-Spoiler formatierbar machen - Jetzt möglich!
avatar
Technik

Super!

Danke auch nochmal für die Variante mit der "neuen Iconbar"...

Viele Grüße,
Ingmar


 Technik · Homepagemodules.de · Miranus GmbH

 Antworten

 Beitrag melden
01.06.2011 19:30 (zuletzt bearbeitet: 01.06.2011 19:31)
#6 RE: HPM-Spoiler formatierbar machen - Jetzt möglich!
avatar
Mitglied

Forum: 104774 Standard-Template / Internet Explorer 8


Hallo,
Florian hat in seinem Forum dem Spoiler sogar noch einen zusätzlichen "Schließen-Butten" spendiert (am Ende des Spoilers), der bei größen Inhalten ein unnötiges scrollen verhindert! Super!


Hier in seinem Forum: http://123484.homepagemodules.de/t421f41...it-Cookies.html

Oder auch hier: Spoiler mit zusätzlichem "Schließen-Button" ausstatten


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