Hilfe:Stylesheets/Generator: Unterschied zwischen den Versionen

Aus Stupidedia, der sinnfreien Enzyklopädie!
Wechseln zu: Navigation, Suche
K
K
Zeile 86: Zeile 86:
 
         <td>
 
         <td>
 
           <input type="text" name="border-width" />
 
           <input type="text" name="border-width" />
           <a class="pStyleGenerator-advanceLink">Erweitert</a>
+
           <a href="#" class="pStyleGenerator-advanceLink">Erweitert</a>
 
           <div class="pStyleGenerator-advanced">
 
           <div class="pStyleGenerator-advanced">
 
             <table>
 
             <table>
Zeile 131: Zeile 131:
 
             <option value="ridge">Nach außen gebogen</option>
 
             <option value="ridge">Nach außen gebogen</option>
 
           </select>
 
           </select>
           <a class="pStyleGenerator-advanceLink">Erweitert</a>
+
           <a href="#" class="pStyleGenerator-advanceLink">Erweitert</a>
 
           <div class="pStyleGenerator-advanced">
 
           <div class="pStyleGenerator-advanced">
 
             <table>
 
             <table>
Zeile 206: Zeile 206:
 
         <td>
 
         <td>
 
           <input type="text" name="border-color" />
 
           <input type="text" name="border-color" />
           <a class="pStyleGenerator-advanceLink">Erweitert</a>
+
           <a href="#" class="pStyleGenerator-advanceLink">Erweitert</a>
 
           <div class="pStyleGenerator-advanced">
 
           <div class="pStyleGenerator-advanced">
 
             <table>
 
             <table>
Zeile 241: Zeile 241:
 
         <td>
 
         <td>
 
           <input type="text" name="border-radius" />
 
           <input type="text" name="border-radius" />
           <a class="pStyleGenerator-advanceLink">Erweitert</a>
+
           <a href="#" class="pStyleGenerator-advanceLink">Erweitert</a>
 
           <div class="pStyleGenerator-advanced">
 
           <div class="pStyleGenerator-advanced">
 
             <table>
 
             <table>
Zeile 305: Zeile 305:
 
         <td>
 
         <td>
 
           <input type="text" name="padding" />
 
           <input type="text" name="padding" />
           <a class="pStyleGenerator-advanceLink">Erweitert</a>
+
           <a href="#" class="pStyleGenerator-advanceLink">Erweitert</a>
 
           <div class="pStyleGenerator-advanced">
 
           <div class="pStyleGenerator-advanced">
 
             <table>
 
             <table>
Zeile 340: Zeile 340:
 
         <td>
 
         <td>
 
           <input type="text" name="margin" />
 
           <input type="text" name="margin" />
           <a class="pStyleGenerator-advanceLink">Erweitert</a>
+
           <a href="#" class="pStyleGenerator-advanceLink">Erweitert</a>
 
           <div class="pStyleGenerator-advanced">
 
           <div class="pStyleGenerator-advanced">
 
             <table>
 
             <table>
Zeile 523: Zeile 523:
 
      
 
      
 
     .pStyleGenerator-advanceLink {
 
     .pStyleGenerator-advanceLink {
      display: block;
 
 
       font-weight: bold;
 
       font-weight: bold;
 
     }
 
     }
Zeile 542: Zeile 541:
 
       $('.pStyleGenerator-advanceLink').click(function() {
 
       $('.pStyleGenerator-advanceLink').click(function() {
 
         $(this).next().slideToggle();
 
         $(this).next().slideToggle();
 +
        return false;
 
       });
 
       });
 
       $('#pStyleGenerator-form input, #pStyleGenerator-form select, #pStyleGenerator-form option, #pStyleGenerator-form label').on('click change keyup keydown', pStyleGenerator.refresh);
 
       $('#pStyleGenerator-form input, #pStyleGenerator-form select, #pStyleGenerator-form option, #pStyleGenerator-form label').on('click change keyup keydown', pStyleGenerator.refresh);

Version vom 2. Oktober 2013, 15:45 Uhr

Formular

Inhalt
Schriftfarbe:
Schriftart:
Schriftgröße:
Ausrichtung:
Verschiedene Formatierungen:





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 des Inhalts:
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