Hilfe:Stylesheets/Generator: Unterschied zwischen den Versionen

Aus Stupidedia, der sinnfreien Enzyklopädie!
Wechseln zu: Navigation, Suche
(Das reicht für heute)
K
Zeile 736: Zeile 736:
 
       "6":"-ms-linear-gradient(top, " + $("input[class='gradient-1']").val() + " 0%," + $("input[class='gradient-2']").val() + " 100%)",
 
       "6":"-ms-linear-gradient(top, " + $("input[class='gradient-1']").val() + " 0%," + $("input[class='gradient-2']").val() + " 100%)",
 
       "7":"linear-gradient(to bottom, " + $("input[class='gradient-1']").val() + " 0%," + $("input[class='gradient-2']").val() + " 100%)",
 
       "7":"linear-gradient(to bottom, " + $("input[class='gradient-1']").val() + " 0%," + $("input[class='gradient-2']").val() + " 100%)",
       "8":"progid:DXImageTransform.Microsoft.gradient( startColorstr='" + $("input[class='gradient-1']").val() + "', endColorstr='" + $("input[class='gradient-2']").val() + "', GradientType=0 );"
+
       //"8":"progid:DXImageTransform.Microsoft.gradient( startColorstr='" + $("input[class='gradient-1']").val() + "', endColorstr='" + $("input[class='gradient-2']").val() + "', GradientType=0 );"
 
       };
 
       };
 
       var gradsetmid = {
 
       var gradsetmid = {
Zeile 746: Zeile 746:
 
       "6":"-ms-linear-gradient(top, " + $("input[class='gradient-1']").val() + " 0%," + $("input[class='gradient-1a']").val() + " "+$("input[class='graper']").val()+"%, " + $("input[class='gradient-2']").val() + " 100%)",
 
       "6":"-ms-linear-gradient(top, " + $("input[class='gradient-1']").val() + " 0%," + $("input[class='gradient-1a']").val() + " "+$("input[class='graper']").val()+"%, " + $("input[class='gradient-2']").val() + " 100%)",
 
       "7":"linear-gradient(to bottom, " + $("input[class='gradient-1']").val() + " 0%," + $("input[class='gradient-1a']").val() + " "+$("input[class='graper']").val()+"%, " + $("input[class='gradient-2']").val() + " 100%)",
 
       "7":"linear-gradient(to bottom, " + $("input[class='gradient-1']").val() + " 0%," + $("input[class='gradient-1a']").val() + " "+$("input[class='graper']").val()+"%, " + $("input[class='gradient-2']").val() + " 100%)",
       "8":"progid:DXImageTransform.Microsoft.gradient( startColorstr='" + $("input[class='gradient-1']").val() + "', endColorstr='" + $("input[class='gradient-2']").val() + "', GradientType=0 );"
+
       //"8":"progid:DXImageTransform.Microsoft.gradient( startColorstr='" + $("input[class='gradient-1']").val() + "', endColorstr='" + $("input[class='gradient-2']").val() + "', GradientType=0 );"
 
       };
 
       };
 
       var gain = "";
 
       var gain = "";
 
       var gainmid = "";
 
       var gainmid = "";
 
       $.each(gradset, function(key, value) {
 
       $.each(gradset, function(key, value) {
       if(key==="8") gain = gain + "\n    filter: " + value;
+
       //if(key==="8") gain = gain + "\n    filter: " + value;
       else gain = gain + "\n    background: " + value + ";";
+
       /*else*/ gain = gain + "\n    background: " + value + ";";
 
       });
 
       });
 
       $.each(gradsetmid, function(key, value) {
 
       $.each(gradsetmid, function(key, value) {
       if(key==="8") gainmid = gainmid + "\n    filter: " + value;
+
       //if(key==="8") gainmid = gainmid + "\n    filter: " + value;
       else gainmid = gainmid + "\n    background: " + value + ";";
+
       /*else*/ gainmid = gainmid + "\n    background: " + value + ";";
 
       });
 
       });
 
       switch(bgset){
 
       switch(bgset){

Version vom 1. September 2014, 17:47 Uhr

Locked.svg Dieser Artikel ist in Arbeit • Letzte Bearbeitung: 01.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.

Tools.svg


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.

Du musst JavaScript in deinem Browser aktivieren bzw. für diese Domain freigeben, damit der Generator funktioniert.

Formular

Inhalt
Schriftfarbe: Kann eine beliebige Farbangabe sein, z. B. red oder #008000. Eine Auswahl von Farben gibt es in der Farbtabelle.
Schriftart:
Schriftgröße:
Ausrichtung:
Diverses:




Hintergrund
Farbe:
Rahmen
Breite: Erweitert
Links:
Rechts:
Oben:
Unten:
Art: Erweitert
Links:
Rechts:
Oben:
Unten:
Farbe: Erweitert
Links:
Rechts:
Oben:
Unten:
Krümmung: Erweitert
Oben links:
Oben rechts:
Unten rechts:
Unten links:
Größe und Abstände
Breite:
Höhe:
Verhalten bei Übergröße:
Innenabstand: Erweitert
Links:
Rechts:
Oben:
Unten:
Außenabstand: Erweitert
Links:
Rechts:
Oben:
Unten:
Position und Elementausrichtung
Textumfluss:
Absatz:
Positionierung:
Links:
Rechts:
Oben:
Unten:
Ebenenposition:
Generatorspezifisches
Ausgabe:


Vorschau:
Generierter Quelltext

Vorschau

Mahlzeit! Dieser Text hier befindet sich über dem Kasten. Genau genommen in einem p-Element (das entspricht einem Absatz).

Dieser Text steht in dem Kasten, den du zu formatieren versuchst. Der kann beliebig lang sein.

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.


Linktipps: Faditiva und 3DPresso