|
|
| (41 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) |
| Zeile 1: |
Zeile 1: |
| <!-- -->{{#vardefine: src1|{{#titleparts: {{{quelle|}}}////////////////////////// |1|1}}}}<nowiki>
| | ==JQuery Klappdings== |
| </nowiki>{{#vardefine: src2|{{#titleparts: {{{quelle|}}}////////////////////////// |1|2}}}}<nowiki>
| |
| </nowiki>{{#vardefine: src3|{{#titleparts: {{{quelle|}}}////////////////////////// |1|3}}}}<nowiki>
| |
| </nowiki>{{#vardefine: src4|{{#titleparts: {{{quelle|}}}////////////////////////// |1|4}}}}<nowiki>
| |
| </nowiki>{{#vardefine: src5|{{#titleparts: {{{quelle|}}}////////////////////////// |1|5}}}}<nowiki>
| |
| </nowiki>{{#vardefine: src6|{{#titleparts: {{{quelle|}}}////////////////////////// |1|6}}}}<!-- -->
| |
|
| |
|
| | <div class="jq_k fade_slow" style="border: 1px yellow solid;"> |
|
| |
|
| ==Überschrift== | | <div class="jq_kd" style="border: 1px blue solid;"> |
| ===Unterüberschrift===
| | Visible. <span class="jq_tr" style="border: 1px red solid;">TRIG</span> |
| Für [[bösonders]] gute Artikel gibt es mehrere Möglichkeiten, zu einer Auszeichung (auch ''„Bapperl“'' genannt) zu kommen:
| | </div> |
| {| {{prettytable}} style="background-color: rgb(249,249,249); padding: 5px; border: 1px rgb(74,111,171) dashed;"
| | |
| |-
| | <div class="jq_kd" style="display:none; border: 1px green solid;"> |
| |{{Ausklappen3|1={{Ausklappen3/link|Einblenden}} • [[Hilfe:Vorlage Bsp/Hallo|Beispiel]]
| | Hidden. <span class="jq_tr" style="border: 1px red solid;">TRIG</span> |
| |2={{Ausklappen3/link|Ausblenden}} • [[Hilfe:Vorlage Bsp/Hallo|Beispiel]]
| | </div> |
| |3={{Hallo}}|r-style=background-color: transparent;|style-at=background-color: transparent;|style-et=background-color: transparent;|style-ai=background-color: transparent; position: absolute; width: 600px; right: 10px;|style-r=float:right;}}
| | |
| <div style="font-size: 100%; font-weight: bold; margin-bottom: 0px; margin-top: 0px;"><nowiki>{{hw}}</nowiki></div> | | </div> |
| Wenn Du glaubt, ein Artikel sei ganz gut, auch wenn es Dein eigener ist, mit dem Du Dir ''viel Mühe'' gegeben hast, dann schreibe darunter: <nowiki>{{hw}}</nowiki>. Der Artikel wird dann in die [[:Kategorie:hat was]] eingeordnet. Und wenn du schonmal dabei bist, kannst du den Artikel auch auf deiner persönlichen [[Kamelopedia:Lesezirkel|Empfehlungsliste]] verlinken. Diese kann dann vom Hat-was-Baustein jedes empfohlenen Artikels angesprungen werden, indem man auf den Link "igendein Kamel" klickt. Toll, ne?
| | |
| |-
| | ===Inline Test=== |
| |{{Ausklappen3|1={{Ausklappen3/link|Einblenden}} • [[Hilfe:Vorlage Bsp/Hallo|Beispiel]]
| | |
| |2={{Ausklappen3/link|Ausblenden}} • [[Hilfe:Vorlage Bsp/Hallo|Beispiel]]
| | Lorem <span class="jq_k fade_immediate" style="border: 1px yellow solid;"> |
| |3={{Hallo}}|r-style=background-color: transparent;|style-at=background-color: transparent;|style-et=background-color: transparent;|style-ai=background-color: transparent; position: absolute; width: 600px; right: 10px;|style-r=float:right;}}<div style="font-size: 100%; font-weight: bold; margin-bottom: 0px; margin-top: 0px;"><nowiki>{{GanzGut}}</nowiki></div>
| | <span class="jq_kd" style="border: 1px blue solid;"> |
| Wirklich gute Artikel werden nach einer Abstimmung in die [[:Kategorie:GaGA]] befördert. Für näheres zur Nominierung und Wahl siehe [[Kamelopedia:GaGA-Wahl|hier.]] GaGA ist die höchste hier vergebene Auszeichnung! Wer sie erringt, kann sowohl auf die geleistete Arbeit als auch auf seine Beliebtheit in der Herde stolz sein... Einzelne GaGA-Artikel werden übrigens als Werbung für die Kamelopedia direkt von der Hauptseite verlinkt - für Nähres siehe [[Kamelopedia:Artikel der Woche|hier]]. Die GaGA-Vorlgage kommt ganz ans Ende des Artikels; noch hinter die Kategorien
| | Visible. <span class="jq_tr" style="border: 1px red solid;">TRIG</span> |
| |-
| | </span> |
| |<div style="font-size: 100%; font-weight: bold; margin-bottom: -1px; margin-top: 10px;"><nowiki>{{Wahl|</nowiki><span style="color: #555555;">''<nowiki>~~~~~</nowiki>''</span><nowiki>}}</nowiki></div>
| | <span class="jq_kd" style="display:none; border: 1px green solid;"> |
| Ein Artikel wird mit dieser Vorlage auf seiner ''Diskussionsseite'' zur GaGA-Wahl nominiert. Dem Baustein werden als Argument 5 (fünf) Tilden übergeben, daraus macht er meistens einen Datumsstempel, der für das ordnungsgemäße Protokollieren des Wahlbeginns dringend erforderlich ist.
| | Hidden. <span class="jq_tr" style="border: 1px red solid;">TRIG</span> |
| |-
| | </span> |
| |<div style="font-size: 100%; font-weight: bold; margin-bottom: -1px; margin-top: 10px;"><nowiki>{{GanzGut2}}</nowiki></div>
| | </span> ipsum. |
| Das GaGA-Bapperl gibts übrigens auch für Bilder...
| | |
| |-
| | <pre> |
| |<div style="font-size: 100%; font-weight: bold; margin-bottom: -1px; margin-top: 10px;"><nowiki>{{GanzGut3}}</nowiki></div>
| | jQuery(".jq_tr").click( function () { |
| ...und Animationen!! | | var $this = jQuery(this); |
| |}
| | var speed = "fast"; |
| | if ($this.parents(".jq_k").hasClass("fade_slow")) |
| | speed = "slow"; |
| | else if ($this.parents(".jq_k").hasClass("fade_immediate")) |
| | speed = 0; |
| | $this.parents(".jq_k").children(".jq_kd").show(speed); |
| | $this.parents(".jq_kd").hide(speed); |
| | }); |
| | </pre> |
| | |
| | ==Akkordeon== |
| | <div class="jq_z"> |
| | |
| | <div class="jq_h"> |
| | '''Head 1''' |
| | </div> |
| | <div class="jq_a"> |
| | Body 1 |
| | </div> |
| | |
| | <div class="jq_h"> |
| | '''Head 2''' |
| | </div> |
| | <div class="jq_a" style="display:none;"> |
| | Body 2 |
| | </div> |
| | |
| | <div class="jq_h"> |
| | '''Head 3''' |
| | </div> |
| | <div class="jq_a" style="display:none;"> |
| | Body 3 |
| | </div> |
| | |
| | </div> |
| | |
| | ===Inline Test=== |
| | |
| | Test <span class="jq_z fade_immediate"> |
| | <span class="jq_h"> |
| | | '''Head 1''' |
| | </span> |
| | <span class="jq_a"> |
| | Body 1 |
| | </span> |
| | <span class="jq_h"> |
| | | '''Head 2''' |
| | </span> |
| | <span class="jq_a" style="display:none;"> |
| | Body 2 |
| | </span> |
| | </span> | Bla |
| | |
| | <pre> |
| | jQuery('.jq_z .jq_h').click(function() { |
| | var $this = jQuery(this); |
| | var speed = "fast"; |
| | if ($this.parents(".jq_z").hasClass("fade_slow")) |
| | speed = "slow"; |
| | else if ($this.parents(".jq_z").hasClass("fade_immediate")) |
| | speed = 0; |
| | var $this = jQuery(this); |
| | $this.parents(".jq_z").children(".jq_a").hide(speed); |
| | $this.next(".jq_a").show(speed); |
| | }); |
| | </pre> |
JQuery Klappdings
Inline Test
Lorem
Visible. TRIG
Hidden. TRIG
ipsum.
jQuery(".jq_tr").click( function () {
var $this = jQuery(this);
var speed = "fast";
if ($this.parents(".jq_k").hasClass("fade_slow"))
speed = "slow";
else if ($this.parents(".jq_k").hasClass("fade_immediate"))
speed = 0;
$this.parents(".jq_k").children(".jq_kd").show(speed);
$this.parents(".jq_kd").hide(speed);
});
Akkordeon
Inline Test
Test
| Head 1
Body 1
| Head 2
Body 2
| Bla
jQuery('.jq_z .jq_h').click(function() {
var $this = jQuery(this);
var speed = "fast";
if ($this.parents(".jq_z").hasClass("fade_slow"))
speed = "slow";
else if ($this.parents(".jq_z").hasClass("fade_immediate"))
speed = 0;
var $this = jQuery(this);
$this.parents(".jq_z").children(".jq_a").hide(speed);
$this.next(".jq_a").show(speed);
});