Hilfe:Stylesheets/Generator: Unterschied zwischen den Versionen
(Markierung: Widget installiert) |
|||
Zeile 118: | Zeile 118: | ||
</tr><tr></table> | </tr><tr></table> | ||
</div> | </div> | ||
+ | </td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Kastenschatten:</td> | ||
+ | <td> | ||
+ | <table><tr> | ||
+ | <td>X-Ausrichtung:</td> | ||
+ | <td><input type="text" class="rish" /></td> | ||
+ | </tr><tr> | ||
+ | <td>Y-Ausrichtung:</td> | ||
+ | <td><input type="text" class="dosh" /></td> | ||
+ | </tr><tr> | ||
+ | <td>Unschärfe:</td> | ||
+ | <td><input type="text" class="blush" /></td> | ||
+ | </tr></table> | ||
</td> | </td> | ||
<td></td> | <td></td> | ||
</tr> | </tr> | ||
<!-- | <!-- | ||
+ | -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); | ||
+ | -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); | ||
+ | box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); | ||
Rahmen | Rahmen | ||
--> | --> | ||
Zeile 822: | Zeile 841: | ||
break; | break; | ||
case 'attribute': | case 'attribute': | ||
+ | if(bgset===3 && $("input[class='backpic']").val()!=="" ){ | ||
+ | if($('#dummy').html() !== "") var output = attri + " " + "background-image: url('http://www.stupidedia.org'" + $('#dummy').html() + "');"; | ||
+ | else var output = attri + ' ' + 'background-image: url("Fehler: Angegebene Dateiseite existiert nicht.");'; | ||
+ | }else{ | ||
var output = attri; | var output = attri; | ||
+ | } | ||
break; | break; | ||
case 'file': | case 'file': | ||
Zeile 841: | Zeile 865: | ||
// Vorschau aktualisieren | // Vorschau aktualisieren | ||
if (inputProps['generator-display'] === 'block') { | if (inputProps['generator-display'] === 'block') { | ||
− | if( $("#betgr").is(':checked') ) | + | if( $("#betgr").is(':checked') ){var prevatt = attr + " " + gainmid.split('\n ').join(' ');} |
− | + | else{var prevatt = attr + " " + gain.split('\n ').join(' ');} | |
+ | if(bgset===3 && $("input[class='backpic']").val()!=="" && $('#dummy').html() !== ""){prevatt = prevatt + ' ' + 'background-image: url("http://www.stupidedia.org' + $('#dummy').html() + '");';} | ||
+ | $('#pStyleGenerator-blockPreview div').attr('style', prevatt); | ||
} | } | ||
− | + | else { | |
− | if( $("#betgr").is(':checked') ) | + | if( $("#betgr").is(':checked') ){var prevatt = attr + " " + gainmid.split('\n ').join(' ');} |
− | + | else{var prevatt = attr + " " + gain.split('\n ').join(' ');} | |
+ | if(bgset===3 && $("input[class='backpic']").val()!=="" && $('#dummy').html() !== ""){prevatt = prevatt + ' ' + 'background-image: url("http://www.stupidedia.org' + $('#dummy').html() + '");';} | ||
+ | $('#pStyleGenerator-inlinePreview span').attr('style', prevatt); | ||
} | } | ||
$('#pStyleGenerator-blockPreview').show(); | $('#pStyleGenerator-blockPreview').show(); |
Version vom 15. September 2014, 22:43 Uhr
Dieser Artikel ist in Arbeit • Letzte Bearbeitung: 15.09.2014
Hier nimmt Martinnitus Änderungen vor. Falls Du etwas dazu beitragen willst, melde Dich bitte in der Autorendiskussion oder in der Seitendiskussion. Nimm keine eigenmächtigen Änderungen vor, bis dieser Baustein vom Autor entfernt wurde. |
Mit diesem Generator kannst du Stylesheets erstellen. Das Ergebnis wird als Quelltext oder Attributinhalt ausgegeben und kann fast überall in der Stupi genutzt werden.
In der rechten Spalte werden die Eingabefelder erklärt. Detailliertere Informationen zu den einzelnen Eigenschaften findest du hier. Die Links mit der Aufschrift Erweitert lassen zusätzliche Felder erscheinen, mit denen du die jeweilige Angabe für einzelne Seiten (links, rechts, oben, unten) abweichend festlegen kannst.
Formular
Vorschau
Mahlzeit! Dieser Text hier befindet sich über dem Kasten. Genau genommen in einem p-Element (das entspricht einem Absatz).
Und dieser Text steht unterhalb des Kastens, wird also unter Umständen von der Textumflussangabe beeinflusst.
Mahlzeit! Dieser Text hier befindet sich vor dem formatierten Text. Dies ist der Teil der Zeile, den du zu formatieren versuchst. Der kann beliebig lang sein. Und dieser Text steht hinter dem formatierten Teil.