Gebruiker:IdP
Uit TheaterEncyclopedie
Inhoudsopgave
Ilonka (e-lonka) is zelfstandig MediaWiki specialist, ontwikkelaar e-learning en initiatiefnemer WikiWerkers.nl.
(Aantal:0)
@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 1200px) {}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}
Diversen
Nieuwe manier van werken met css toevoegen. Maak een sjabloon, bijvoorbeeld Sjabloon:In Reprise/styles.css
<templatestyles src="In Reprise/styles.css" />
- Gebruiker:IdP/kladblok33; Oproepen afbeeldingen via querie
- Gebruiker:IdP/kladblok34; Tabellen responsive krijgen
- Gebruiker:IdP/kladblok35; Hergebruiken
- Gebruiker:IdP/kladblok36; Hergebruiken
- Gebruiker:IdP/kladblok37; Hergebruiken
- Gebruiker:IdP/kladblok38; Hergebruiken
- Gebruiker:IdP/kladblok39
Carousel
Tweeki.css opschonen
Verschil in opmaak tussen productie en test:
Elk jaar aanpassen
- Gebruiker: IdP/kladblok01; Jaar en seizoenpagina onderhoud
Kladblok
- Gebruiker:IdP/kladblok11; Kan opnieuw gebruikt worden!
- Gebruiker:IdP/kladblok; voorbeeld inline zoekopdrachten/queries
- Gebruiker: IdP/kladblok02; Hoofdpagina
- Gebruiker:IdP/kladblok03; Layered Images
- Gebruiker:IdP/kladblok04; Nieuwe opzet, testjes
- Gebruiker:IdP/kladblok17; test met z-index en carousel
- Gebruiker:IdP/kladblok06; Aantekeningen & testjes
- Gebruiker:IdP/kladblok15; Stambomen met afbeeldingen
NA Fotogalerij
- Gebruiker:IdP/kladblok07; NA fotogalerij opmaak met smalle afbeeldingen, die niet flikkeren. Afbeeldingen zijn niet op productie aanwezig.
- Gebruiker:IdP/kladblok09; Test NA fotogalerij met grid, afbeeldingen die niet flikkeren
- Gebruiker:IdP/kladblok14; NA fotogalerij popup in popup
- Gebruiker:IdP/kladblok19; Jukebox
- Gebruiker:IdP/kladblok20: Demo uploaden
Theaterkalender
- Gebruiker:IdP/kladblok22: TK-Theaterkalender links data
- Gebruiker:IdP/kladblok25: TK-Theaterkalender midden blok data rechts logo gedraaid
- Gebruiker:IdP/kladblok05; Test Theaterkalender
Responsive tables
- Gebruiker:IdP/kladblok10; Responsive tables - toegepast dec 22
- Gebruiker:IdP/kladblok08; Responsive tables - A. Roland Holst-De Meester - wel responsive
- Gebruiker:IdP/kladblok12; Responsive tables - A. Roland Holst-De Meester - aanpassing
- Gebruiker:IdP/kladblok13; Responsive tables - externe info
Locatie Zalen
- Gebruiker:IdP/kladblok12; Click to Copy
- Gebruiker:IdP/kladblok16; Widget:Lightbox-gallerie
- Gebruiker:IdP/kladblok18; Kan opnieuw gebruikt worden!
- Gebruiker:IdP/kladblok21: Kan opnieuw gebruikt worden!
- Gebruiker:IdP/kladblok23: Kan opnieuw gebruikt worden!
- Gebruiker:IdP/kladblok24: Kan opnieuw gebruikt worden!
- Gebruiker:IdP/kladblok26: Kan opnieuw gebruikt worden!
- Gebruiker:IdP/kladblok27: Kan opnieuw gebruikt worden!
- Gebruiker:IdP/kladblok28: Kan opnieuw gebruikt worden!
- Gebruiker:IdP/kladblok29: Kan opnieuw gebruikt worden!
- Gebruiker:IdP/kladblok30: Kan opnieuw gebruikt worden!
- Gebruiker:IdP/kladblok31: Kan opnieuw gebruikt worden!
- Gebruiker:IdP/kladblok32: Kan opnieuw gebruikt worden!
Sjablonen en Widget Click to Copy NA fotos
- Formulier:Persoon Sjabloon:Lijst van fotos NA aanpassen met Sjabloon:Lijst van fotos NA
Inhoudspagina tonen op pagina
/* CSS pagina */
{{#css:
.toctext #{{FULLPAGENAME}} {display: none;}
.toclevel-1 {background-color: black; color: white; margin-bottom: 10px; padding: 10px;}
#tweekiTOC #toc a.active, #tweekiTOC #toc a:focus, #tweekiTOC #toc a:hover {color: white;}
}}
/* MediaWiki:Tweeki-sidebar-right */
EDIT-EXT, TOC
/* Inhoudsopgave bovenaan pagina */
{{#CSS:
#toc {
display:flex;
}
}}
<div id="tweekiTOC"><div class="toctitle">Inhoudsopgave</div></div>
Inhoudspagina bovenaan tonen op pagina
{{#CSS:
li.toclevel-1,
li.toclevel-2 {color: white; margin-left: 2px; padding: 5px; list-style-type: none; z-index: 100;}
li.toclevel-1 a,
li.toclevel-2 a {color: white;}
li.toclevel-1:first-of-type {display:none;}
.toclevel-1:nth-of-type(2),
li.toclevel-3 {display:none;}
.toclevel-2 a[href*="TheaterKrant"],
.toclevel-2 a[href*="Profielfoto"] {display: none;}
}}<div class="navbar navbar-dark bg-dark d-flex justify-content-between">
<div class="row d-flex justify-content-between">
<div class="col-sm-12 col-md-4 col-lg-4"></div><!-- EOF col 1-->
<div class="col-sm-12 col-md-8 col-lg-8 d-flex justify-content-between">
<div id="tweekiTOC" class="row"><h5 class="toctitle text-white">Inhoudsopgave</h5>
</div></div>
</div></div>
{{#CSS:
#toc {
display:flex;
}
li.toclevel-1,
li.toclevel-2 {background-color: rgb(68, 78, 85); color: white; margin-left: 2px; padding: 5px; list-style-type: none; z-index: 100;}
li.toclevel-1 a,
li.toclevel-2 a {color: white;}
li.toclevel-1:first-of-type {display:none;}
.toclevel-1:nth-of-type(2) {display:none;}
}}<div class="card d-flex justify-content-between">
<div class="row d-flex justify-content-between">
<div class="col-sm-12 col-md-4 col-lg-4"></div><!-- EOF col 1-->
<div class="col-sm-12 col-md-8 col-lg-8 d-flex justify-content-between">
<div id="tweekiTOC" class="row">
<h5 class="toctitle">Inhoudsopgave</h5>
</div></div>
</div></div>
Image link uitzetten
Shariff & aanvullen
- Gebruiker:IdP/kladblok33; Uitlijnen met data-services
raw html
{{#widget:Raw-html
|html=
<li class="shariff-button twitter shariff-nocustomcolor" style="background-color: lightgray">
<a href="#" title="Share on X" aria-label="Share on X" role="button" rel="noopener nofollow" class="shariff-link" style="; background-color:white; color:#fff" target="_blank"><span class="shariff-icon" style="">
<svg width="32px" height="20px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#000" d="M14.258 10.152L23.176 0h-2.113l-7.747 8.813L7.133 0H0l9.352 13.328L0 23.973h2.113l8.176-9.309 6.531 9.309h7.133zm-2.895 3.293l-.949-1.328L2.875 1.56h3.246l6.086 8.523.945 1.328 7.91 11.078h-3.246zm0 0"></path></svg></span><span class="shariff-text">share</span> </a></li>
}}
Simple Batch Upload
Portaal * Portal:Nu_Centraal|Nu Centraal * Portal:Zoeken & vinden|Zoeken & vinden * Portal:Theater_Actueel|Theater Actueel * Portal:Redactie|Redactie * TheaterEncyclopedie:Hoofdpagina|Project TE
Portaal

Testafbeelding 1
Testafbeelding 2
Testafbeelding 3