HT_lz_cont_head
 



================

spez. BBCodes: [tab], [nbsp] [shy] [chr?] ....

  • Seite 3 von 3
21.12.2023 10:17
#11 RE: spez. BBCodes: [tab], [nbsp] [shy] [chr?] ....
avatar

die ⚒ Werkzeugkiste der Iconbar ist um eine weitere Option erweitert:

spx= ein neuer Spoiler-Code basierend auf <details> <summary> https://wiki.selfhtml.org/wiki/Infobox/Akkordeon_mit_details

1
2
3
4
5
6
7
 
Aufruf: [spx=die Überschrift] der Inhalt[/spCx] 

ersetze: [spx={{ttl}}]
durch: <details class="spx"><summary>{{ttl}}</summary>
 
ersetze: [/spx]
durch: </details>
 



bzw spCx= mit 2 Parametern: class und Title.

verfügbare classen
bd: Rahmen um den Titel

bcat: ein Hintergrundbild

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
details.spx.bd summary {border: 1px solid gray; padding:2px; } 
 
details.spx.bcat[open] {background: black url('//files.homepagemodules.de/b906023/pictures_u31_trxZdjAu.jpg') no-repeat right bottom;
min-height:450px;
}
 
Aufruf: [spCx=bd bcat|die Überschrift] der Inhalt[/spCx]

ersetze: [spCx={{cl}}|{{ttl}}]
durch: <details class="spx {{cl}}"><summary>{{ttl}}</summary>
 
ersetze: [/spCx]
durch: </details>
 

 




1
2
 
[spCx=bd bcat|ein Titel ] Text... [/spCx]
 
 





oder spSx= mit 2 Parametern: style und Title.

1
2
3
4
5
6
7
8
 
Aufruf: [spSx=background-color:gray; color:black; |die Überschrift] der Inhalt[/spSx] 

 
ersetze: [spSx={{styl}}|{{ttl}}]
durch: <details class="spx" style="{{styl}}"><summary>{{ttl}}</summary>
 
ersetze: [/spSx]
durch: </details>
 




oder spSSx= mit 3 Parametern: style, style und Title.

spSSx mit 3 Parametern

Spoiler spSSx mit 3 Parametern

1. Style für den body
2. Style für die Titelzeile
3. Titel

1
2
3
4
5
6
7
 
[spSSx=background-color:silver; color:black; |background-color:gray; color:yellow; |spSSx mit 3 Parametern]
 
ersetze: [spSSx={{styla}}|{{stylb}}|{{ttl}}]
durch: <details class="spx" style="{{styla}}"><summary style="{{stylb}}">{{ttl}}</summary>
 
ersetze: [/spSSx]
durch: </details>
 





der alte Spoiler-Code wurde ersetzt durch

1
2
3
 

<div class="xob_icon_cont" onclick='xob_insert("[spx=Spoiler]","[/spx]")' title="[Spoiler] einfügen"><img class="xob_icon" src="//img.homepagemodules.de/ds/static/gaia/spoiler_neu.png" alt="Spoiler" ></div>
 
 



[edit_by=admini|02.03.2024]
Erweiterungen
[/edit_by]


 Antworten

 Beitrag melden
25.04.2024 10:05
#12 SCSS-Variablen?
avatar

das mir das noch nicht klar Sm_blauwar ....




mark=var(--gray-dark)
mark=var(--success)
mark=var(--warning)
mark=var(--danger)
mark=var(--info)
color=var(--primary)
color=var(--secondary)





es gibt SCSS Variablen

--gray: #6c757d;
--gray-dark: #343a40;
--primary: #fff;
--secondary: #8c8c8c;
--success: #5cb85c;
--info: #5bc0de;
--warning: #f0ad4e;
--danger: #d9534f;
--light: #f8f9fa;
--dark: #343a40;


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!
Beiträge dieses Themas (vers 8.5.) V4 V6 [ ✖ ]
    Statistik der gezeigten Beiträge
        sessionStorage-Daten verwalten

        zusätzlich Beitragstexte speichern.

        mehr ...(Kontrolle)

        hier können die sessionStorage-Daten einzelner Threads gelöscht werden
        und festgelegt werden, ob die Beitragstexte gecacht/gebuffert werden sollen.

        Den Standardwert legt der Admin fest, hier wird nicht standardmäßig gebuffert. Man muß also jeden einzelnen Wert festlegen.

        mit schließen des BrowserTabs werden diese sessionStorage-Daten komplett gelöscht. Sie enthalten die eingelesenen "Verzeichnisse" und die Textbeiträge. wikipedia.org/wiki/Web_Storage

        • Threadkbsdelbuff Thema

        die Kontrolldaten werden permanent im Browser gespeichert (localStorage)