Vorlage:Bilderliste kunst2: Unterschied zwischen den Versionen

Zur Navigation springen Zur Suche springen
(Die Seite wurde neu angelegt: „<!-- Variable -->{{#vardefine: periode |{{{periode|Gegenwart}}} }}<!-- -->{{#vardefine: artists | {{#ask: Konzept:Gemacht_vonKategorie:{{#var: periode}…“)
 
 
(14 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 5: Zeile 5:
 
-->{{#vardefine: periode
 
-->{{#vardefine: periode
 
|{{{periode|Gegenwart}}}
 
|{{{periode|Gegenwart}}}
 +
}}<!--
 +
-->{{#vardefine: q
 +
|[[Konzept:Gemacht_von_{{#var: periode}}]]
 
}}<!--
 
}}<!--
 
-->{{#vardefine: artists
 
-->{{#vardefine: artists
| {{#ask: [[Konzept:Gemacht_von]][[Kategorie:{{#var: periode}}]]
+
| {{#ask: {{#var: q}}  
 
     |?gemacht_von =  
 
     |?gemacht_von =  
 
     |mainlabel=-
 
     |mainlabel=-
Zeile 27: Zeile 30:
 
Schreiben
 
Schreiben
  
--><div class=countBilder>{{#ask:  
+
-->
[[Konzept:Gemacht_von]][[Kategorie:{{#var: periode}}]]
+
<div class=b_h2>
 +
<div style='float:right;' class=b_bild>[[{{#ask: {{#var: q}}
 +
  |link=none
 +
  |limit= 1
 +
  |order=rand
 +
  |searchlabel =
 +
  |format=plainlist
 +
  }}|100x100px|link=]]</div></div>
 +
<h2>{{#var: periode}}</h2>
 +
 
 +
{{#ask: {{#var: q}}
 
|format= count
 
|format= count
}} [[Metalog:Kuenstler| Bilder]] (bitte die Namen der Künstler anklicken)<!--
+
}} [[Metalog:Kuenstler| Bilder]]
--></div><!--
+
<div class=containerArtists><!--
  alle öffnen/schließen
 
--><div id='plusMinusArtistsContainer'><span id='plusMinusArtistsOpen'>alles öffnen</span><span id='plusMinusArtistsClose'>alles schließen</span></div><!--
 
--><div class=containerArtists><!--
 
 
  divs mit regex erzeugen
 
  divs mit regex erzeugen
 
-->{{#regex:{{#var: artists}}
 
-->{{#regex:{{#var: artists}}
Zeile 52: Zeile 62:
 
   |? hat_bildquelle=  
 
   |? hat_bildquelle=  
 
   |link=none
 
   |link=none
   |limit= 100
+
   |limit= 200
 
   |searchlabel =
 
   |searchlabel =
 
   |format=plainlist
 
   |format=plainlist
 
   | template= bild_liste4  
 
   | template= bild_liste4  
 
   }}</div>
 
   }}</div>
}}</div><!--
+
}}</div>
 
 
    CSS
 
 
 
-->{{#css:
 
.b_artists {
 
width: auto;
 
}
 
.plusMinus.artists {
 
display: inline-block; 
 
    padding: 0 0.2rem;
 
border-radius: .5em;
 
}
 
.plusMinus.artists.close {
 
display: block;
 
    background: #f7f6e6;
 
    margin: 0.5em 0;
 
    font-size: 1.2em!important;
 
    width: 100%;
 
    text-align: center;
 
}
 
.plusMinus.artists::after {
 
    content: '';
 
}
 
.plusMinus.artists.close::after {
 
    content: '\f068';  /*minus*/
 
}
 
.plusMinus.artists a {
 
    background: unset;
 
    text-decoration: none;
 
}
 
.containerArtists {
 
    width: 65%;
 
    display: flex;
 
    flex-wrap: wrap;
 
    justify-content: space-evenly;
 
    align-items: center;
 
}
 
.bildliste4 {
 
    margin: 0.5em 0;
 
    width: 100%;
 
}
 
.b_info {
 
    max-width: 25em;
 
}
 
#plusMinusArtistsContainer {
 
    z-index: 1;
 
    text-align: right; 
 
    position: absolute;
 
    left: 0;
 
    right: 0;
 
    max-width: 78rem;
 
    width: calc(100% - 14rem);
 
}
 
#plusMinusArtistsOpen,
 
#plusMinusArtistsClose { 
 
    position: fixed;
 
    display: inline-block;
 
    width: 7rem;
 
    margin-left: -9rem;
 
    font-size: .75em;
 
    line-height: 2em;
 
    text-align: left;
 
    cursor: pointer;
 
    color: transparent;
 
    margin-top: -2.5em;
 
    padding: 0.5em 0.5rem;
 
    border-radius: 0.5em;
 
    opacity: .4;
 
}
 
#plusMinusArtistsOpen:hover,
 
#plusMinusArtistsClose:hover {
 
    color: #555;
 
    background: #f7f6e6;   
 
    opacity: 1;
 
}
 
#plusMinusArtistsOpen {
 
    margin-top: -5.25em;
 
}
 
#plusMinusArtistsOpen::after,
 
#plusMinusArtistsClose::after {
 
    display: inline-block;
 
    position: absolute;
 
    right: 0;
 
    font-size: 2em;
 
    width: 1em;
 
    line-height: 1em;
 
    text-align: center;
 
    color: #555;
 
    font-family: "Font Awesome 5 Free";
 
}
 
#plusMinusArtistsOpen::after {
 
    content: '\f31e'; /*expand*/
 
}
 
#plusMinusArtistsClose::after {
 
    content: '\f78c'; /*compress*/
 
}   
 
}}
 

Aktuelle Version vom 12. Februar 2022, 23:58 Uhr

[[|100x100px|link=]]

Gegenwart

0 Bilder