Last edited one month ago
by Margit Link-Rodrigue

Sandbox2 and Template:Bannerbox/styles.css: Difference between pages

(Difference between pages)
VisualWikitext
m ((username removed) (log details removed))
 
(Autogenerated)
 
Line 1: Line 1:
==ASK==
/* styles for banner template */
{{#ask:[[Category:Administration]]
|format=table
|?Category
}}


Eine Auswahl von standardmäßig integrierten Inhaltselementen - so hauchen Sie dem Wiki Leben ein!
.bannerbox {display:flex; background:#f1f3f9;}
Wechseln Sie in den <span class="plainlinks">[{{fullurl:{{FULLPAGENAME}}|action=edit}} Bearbeitungsmodus]</span>, um die Seite selbst zu bearbeiten. .
.bannerbox .floatleft {margin:0;}
 
.banner-image { flex-grow:0; flex-basis:auto;}
<div id="use_cases">
.banner-content {flex-grow:1; flex-shrink:1; flex-basis:60%}
==PDF Handler==
.bannerbox .banner-title .bannerhd {font-size:1.6em; font-weight:bold}
[[File:Manual:Manual Wikitext Wikitext reference.pdf|thumb|alt=|283x283px]]
.bannerbox .banner-text {font-size:1.3em;}
 
.banner-content {padding:10px;}
<span><span /><span /><br /></span>
.bannerbox.bgicon1, .bannerbox.bgicon2, .bannerbox.bgicon3, .bannerbox.swoosh  {position:relative;overflow:hidden}
 
.bannerbox.bgicon1::before {color:white; opacity: 0.5; font-size:15em;font-family: "Font Awesome 6 Free";  font-weight: 900;  content: "\f0ac";
<span><span /><br /></span>
position: absolute; top: -95px;right: 10px;}
 
.bannerbox.bgicon2::before {color:white; opacity: 0.5; font-size:9.5em; font-family: "bootstrap-icons"; font-weight: 400;  content: "\f1dd"; position: absolute; top: -40px; right: 10px;}
<span><span /><br /></span>
.bannerbox.bgicon3::before {color:white; opacity: 0.5; font-size:9.5em; font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\e592"; position: absolute; top: -38px; right: 5px;}
 
.bannerbox.swoosh {border-bottom: 1px solid #a6a6a7;border-radius: 0 0 80% 0%; overflow: hidden;position:relative;}
<span><span /><br /></span>
@media only screen
 
  and (max-width: 600px) {
<span><span /><br /></span>
.bannerbox {flex-wrap:wrap;}
 
.banner-image {flex-basis:100%;}
== Image preview ==
.banner-image img{ width: 100%;}
[[File:Insert files 2.png|none|thumb]]
.banner-content {flex-basis:100%}
 
}
==Tabellen==
 
<span><span /><span /><br /></span>
Tabellen haben praktische Filter- und Sortiermöglichkeiten. Zum Filtern und Sortieren können Benutzer im Ansichtsmodus auf die jeweilige Kopfzeile einer Spalte klicken. Diese Funktion steht im Bearbeitungsmodus nicht zur Verfügung. Beispiel einer filterbaren Tabelle:<span /><span /><span /><br />
{| class="wikitable sortable" style="width:100%;"
!Funktion!!Wert
|-
|Filterbare Tabelle||funktioniert
|-
|Kategoriencheck||nicht vorhanden
|-
|Sortierbare Tabelle
|funktioniert
|}
==<span class="bi bi-diagram-3-fill"></span> Diagramme / Infografiken==
 
<span><span /><span /><br /></span>
Ablaufdiagramme, Organigramme, Prozesslandkarten, BPMN-Diagramme und mehr. Hier als Beispiel eine Infografik, erstellt mit dem eingebunden drawio-Tool:
 
<bs:drawio filename="Sandkasten-11346612" />
==<span class="bi bi-camera-video"></span> Videos==
 
<span><br /></span>
Video geht natürlich auch. Egal, ob es direkt im Wiki gespeichert ist oder ob es auf einem gängigen Video-Service läuft. Hier ein Video, das ins Demowiki hochgeladen wurde:
==<span class="bi bi-list-ul"></span> Seitenlisten==
 
<span><span /><span /><br /></span>
 
Mit der integrierten Erweiterung ''Smartlist'' lassen sich ganz leicht Seitenlisten erstellen. <smartlist new="false" count="7" trim="false" />
 
==<span class="bi bi-input-cursor-text"></span> Inputbox==
 
Inputboxen sind praktische Werkzeuge, um neue Seiten in bestimmte Namensräume (Wikibereiche) zu lenken. Eine Seite, die Sie hier anlegen, wird im Namensraum IMS gespeichert:<inputbox>
type=create
prefix=IMS:
break=no
width=30
buttonlabel=Seite erstellen
</inputbox>
<span /><span /><span /><br />
==<span class="bi bi-code-slash"></span> Codebeispiele dokumentieren==
 
<span><span /><span /><br /></span>
 
Code läßt sich übersichtlich über die enthaltene Erweiterung ''SyntaxHighlight'' darstellen:<syntaxhighlight lang="php" line="1">
<?php
echo "Hallo Welt";
?>
</syntaxhighlight>
 
==<span class="bi bi-rss"></span> RSS-Feed==
 
<span><span /><span /><br /></span>
Hier ein Feed aus Bluespice.com. Mit oder ohne Beschreibung formatierbar.<rss max="4" highlight="MediaWiki BlueSpice">https://blog.bluespice.com/feed/</rss>
 
==<span class="bi bi-emoji-smile"></span> Emoticons==
 
<span><span /><span /><br /></span>
Weil sie immer noch Spaß machen. Smileys sind mit an Bord.
 
Hello :-)
<span /><span /><span /><br />
==<span class="bi bi-calculator"></span> CountThings==
 
<span><span /><span /><br /></span>
<bs:countcharacters mode="words">SmokeTest</bs:countcharacters>
==<span class="bi bi-diagram-2"></span>  Kategorienbaum==
 
<span><span /><span /><br /></span>
Der Kategorienbaum zeigt die Kategorienhierarchie - mal mit, mal ohne die zugehörigen Seiten. Ganz wie Sie wollen...
<categorytree>Produkt</categorytree>
==<span class="bi bi-cloud"></span> Tag Cloud==
 
<span><span /><span /><br /></span>
Welche Kategorie wächst am schnellsten? Mit einer TagCloud sehe ich es auf den ersten Blick.
 
<bs:tagcloud width="98%" float="left" count="10" renderer="text" store="category" showcount="true" minsize="5" maxsize="30" exclude="Pages with syntax highlighting errors, Pages with borken file links, Pages with RSS feeds, Pages with broken file links" />
 
<span /><span /><span /><br />
==<span class="bi bi-calendar-week"></span>  Widgets==
 
<span><span /><span /><br /></span>
Iframes, Google Kalendar, Wetteranzeige und mehr. Oder eigene Widgets entwickeln. test
 
{{#widget:Weather}}
</div>
 
== Math ==
 
<math>\sum_{n=1}^\infty \frac 1{n^3}=\frac{\pi^2}{5}</math>
 
<span><span /><span /><br /></span>
 
[[de:Seitenentwurf:Sandkasten]]
[[en:{{FULLPAGENAME}}]]

Latest revision as of 10:55, 26 June 2023

/* styles for banner template */

.bannerbox {display:flex; background:#f1f3f9;}
.bannerbox .floatleft {margin:0;}
.banner-image { flex-grow:0;  flex-basis:auto;}
.banner-content {flex-grow:1; flex-shrink:1; flex-basis:60%}
.bannerbox .banner-title .bannerhd {font-size:1.6em; font-weight:bold}
.bannerbox .banner-text {font-size:1.3em;}
.banner-content {padding:10px;}
.bannerbox.bgicon1, .bannerbox.bgicon2, .bannerbox.bgicon3, .bannerbox.swoosh  {position:relative;overflow:hidden}
.bannerbox.bgicon1::before {color:white; opacity: 0.5; font-size:15em;font-family: "Font Awesome 6 Free";  font-weight: 900;  content: "\f0ac";
 position: absolute; top: -95px;right: 10px;}
.bannerbox.bgicon2::before {color:white; opacity: 0.5; font-size:9.5em; font-family: "bootstrap-icons"; font-weight: 400;  content: "\f1dd"; position: absolute; top: -40px; right: 10px;}
.bannerbox.bgicon3::before {color:white; opacity: 0.5; font-size:9.5em; font-family: "Font Awesome 6 Free"; font-weight: 900;  content: "\e592"; position: absolute; top: -38px; right: 5px;}
.bannerbox.swoosh {border-bottom: 1px solid #a6a6a7;border-radius: 0 0 80% 0%; overflow: hidden;position:relative;}
@media only screen
  and (max-width: 600px) {
.bannerbox {flex-wrap:wrap;}
.banner-image {flex-basis:100%;}
.banner-image img{ width: 100%;}
.banner-content {flex-basis:100%}
}


To submit feedback about this documentation, visit our community forum.

Retrieved from "https://en.wiki.bluespice.com/w/index.php?title=Sandbox2&oldid=6601"
No categories assignedEdit

Discussions