Vorlage:Sidebox3: Unterschied zwischen den Versionen

Wechseln zu: Navigation, Suche
 
(18 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
{{titel |Sidebox3}}
+
{{titel|{{PAGENAME}}}}
 
 
 
Testbild
 
Testbild
<onlyinclude><!--
+
<div class='testbild' style='background: #eee; padding: 1em'><!--
 +
--><onlyinclude><!--
  
 
VARIABLE
 
VARIABLE
  
-->{{#vardefine: img |{{{1|fushimi_8.jpg}}} }}<!--
+
-->{{#vardefine: img |{{{1|fushimi_8.jpg}}} }}<!--  
  
Standardhöhe
+
Standardweite, rw
 
 
-->{{#vardefine:rh
 
| {{#ifeq: {{{rh|}}} | auto
 
| auto
 
| {{{rh|160}}}px
 
}}
 
}}<!-- 
 
  
Standardweite
+
-->{{#vardefine:rw | {{{rw|220}}} }}<!--
  
-->{{#vardefine:st_w|220}}<!--
+
Standardhöhe, rh
  
width für img
+
-->{{#vardefine:rh | {{{rh|165}}} }}<!--  
 
 
-->{{#vardefine:w
 
|{{#if: {{{w|}}} | {{{w|}}}px
 
|{{#expr: {{#var:st_w}}-{{{left|}}}-{{{right|}}} }}px
 
}}
 
}}<!--
 
  
 
Sidepagelink
 
Sidepagelink
Zeile 43: Zeile 30:
 
| <div class='sbUe2' >[[{{#var:link}}|<span class='sbUeText'><!--
 
| <div class='sbUe2' >[[{{#var:link}}|<span class='sbUeText'><!--
 
-->{{#switch: {{{titel|}}}
 
-->{{#switch: {{{titel|}}}
 +
| essay= essay
 
| bilder= bilder  
 
| bilder= bilder  
 
| zitat = zitat
 
| zitat = zitat
| #default= sidepage
+
| #default= spezialthema
 
}}<!--
 
}}<!--
 
--></span>]]</div>}}
 
--></span>]]</div>}}
 
}}<!--   
 
}}<!--   
  
Bildtext
+
Style
 +
 
 +
-->{{#vardefine:style |{{#if:{{{style|}}}|style='{{{style|}}}' }} }}<!--   
  
-->{{#vardefine:text
 
| {{#if: {{{2|}}}
 
|<div class='bildtext'>{{#if: {{{ref|}}}|{{ref|bild={{{1|}}} }} }}{{{2|}}}</div>
 
}}
 
}}<!-- 
 
  
  HTML  
+
HTML  
  
--><div class='sidebox3'>
+
--><div class='sidebox3 {{{hell|}}}' {{#var:style}}>
 
{{#var:sidepage}}
 
{{#var:sidepage}}
<div class='aussen' style='max-height:{{#var:rh}};'>
+
{{DiaX
<div class='innen' style='
+
| {{#var:img}}
   margin-top: {{{top|0}}}px;
+
| {{{2|}}}
  margin-left: {{{left|0}}}px;
+
| rw=   {{#var:rw}}
  margin-right: {{{right|0}}}px;
+
  | rh=   {{#var:rh}}
  width: {{{w|}}}px;
+
| w=     {{{w|}}}
  '>[[Bild:{{#var:img}}|{{#var:w}}]]</div>
+
| top=  {{{top|0}}}
</div>
+
| left=  {{{lr|{{{left|0}}}}}} 
{{#var:text}}  
+
| right= {{{lr|{{{right|0}}}}}} 
</div><!--
+
| border={{{border|}}}  
 
+
  | ref= {{{ref|}}}
CSS
+
}}</div><!--  
  
-->{{#css:
+
Vorlage Ende
#toc,
 
#nv_content,
 
.sidebox_Wrapper,
 
.sidebox3 {
 
  width: 17%;
 
}
 
#toc,
 
.sidebox3 { 
 
  right: -8.5%;
 
}
 
  
.sidebox_Wrapper .sidebox3 {
+
--></onlyinclude></div>
  position: relative;
 
  width: auto;
 
  right: auto;
 
}
 
.sidebox3 {
 
  position: absolute;
 
  font: normal normal 1rem Calibri;
 
  background-color: #dbd0b5;
 
  border-radius: 8px;
 
  border: 4px solid #dbd0b5;
 
  box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
 
}
 
@media only screen and (max-width: 1082px ) {
 
#toc,
 
#nv_content,
 
.sidebox3 {
 
    width: 184px;
 
}
 
#toc,
 
.sidebox3 { 
 
  right: -92px;
 
}
 
#chapters {
 
}
 
}
 
.sidebox3 .aussen{
 
  position: relative;
 
  border-radius: 4px;
 
  overflow: hidden;
 
}
 
.sidebox3 innen {
 
  background: #fff;
 
}
 
.sidebox3 img {
 
  width: 100%;
 
  height: inherit;
 
}
 
.sidebox3:hover  {
 
border-color: rgb(238,165,0);
 
}
 
.sidebox3:hover .sbUeText {
 
  background: rgb(238,165,0);
 
  color: #fff;
 
}
 
.sidebox3 .bildtext {
 
  margin: -24px 0 0;
 
  padding: 4px .5em;
 
  line-height: 16px;
 
  background-color: rgba(0,0,0,0.5);
 
  position: relative;
 
  color: #E3E3CA;
 
  border-radius: 0 0 4px 4px;
 
}
 
}}</onlyinclude>
 
 
----
 
----
Parameter:  
+
Parameter:
:1, w, rh, top, right, left  
+
: Div:  hell, style
:2, sidepage, titel (bilder, essay, zitat), caption
+
: Bild: 1, w, rw, rh, top, right, left, lr, border
{{Styles}}{{ThisWay||nocite}}
+
: Text: 2, ref, titel
 +
{{Styles}}

Aktuelle Version vom 15. Mai 2019, 17:06 Uhr

Religion in Japan > Vorlage > Sidebox3
Sidebox3

Testbild

Gang aus roten torii // Schreintore, torii (Holz); Fushimi Inari Schrein, Kyoto // // Foto-Motiv Nummer 1 im Fushimi Inari Schrein.

Parameter:

Div: hell, style
Bild: 1, w, rw, rh, top, right, left, lr, border
Text: 2, ref, titel