Instruktionen diverser Art

Laufschrift

Genau so kann die Laufschrift als Widget/Html-Modul eingegeben werden.
Am 12. Juni 2010 ist Frühlingsmarkt in Berikon. Ich bin mit meinen Produkten auch dort und freue mich über jeden Besuch.

Fotoanleitung

Anleitung für Fotos:

In GIMP quadratisch zuschneiden.

(Blauer Hintergrund: HTML Notifikation 6ba5e4

gelber Hintergrund: HTML Notifikation ffdd41)

 

Für grosse Bilder 920 x 920 und speichern (damit sie beim Anklicken gross erscheinen).

 

Danach skalieren auf 170x170.

Danach "Filter > Dekoration > Rand ausblenden":

Randgrösse auf 5, Körnigkeit auf 1

Abspeichern als .xcf und als .png

 

Für kleine Bilder (für Bestellformular): Die 170x170 mit ausgeblendetem Rand auf 80x80 skalieren.

Stoffmuster

  1. Bild in GIMP ev. mit zweiter Ebene im Modus 'überlagern' und mit 'Kurven' farblich bearbeiten.
  2. Ein Bild 600x600 zuschneiden, skalieren auf 115. Danach "Filter > Dekoration > Rand ausblenden": Randgrösse auf 5, Köringkeit auf 1: abspeichern unter '115 Stoffname.png'
  3. 250x250 zuschneiden und skalieren, dass Höhe ca. 5 cm in echt entspricht. Danach "Filter > Dekoration > Rand ausblenden": Randgrösse auf 5, Köringkeit auf 1 --> abspeichern unter '250 Stoffname.png'
  4. '115 Stoffname.png' in bereits geöffnetes Bild '250 Stoffname.png' ziehen und in die untere rechte Ecke verschieben.
  5. 'Massband5.jpg' in das geöffnete Bild ziehen und Massband an den linken Rand verschieben.
  6. Bild unter '250 Stoffname fertig.png' speichern.
  7. Bild mit Bildmodul in der Unterseite "Bilder Bänder und Stoffe" speichern.
  8. In den Ansicht-Modus wechseln
  9. Zweites Fenster öffnen, auf Unterseite "Bänder und Stoffe" wechseln.
  10. Bild '250 Stoffnname fertig.png' von "Bilder Bänder und Stoffe" in Tabelle rüberziehen.

Objekte freistellen (GIMP)

Anleitung für die Einbindung des Shop-Formulars

  1. Unbedingt den Code von dw-formmailer.de unter dem versteckten Menuepunkt "Bestellen 2" austesten!!

  2. Dazu unter dw-formmailer.de im Tab "gespeicherte Formulare" beim Bestellformular auf HTML-Code klicken.

  3. Unter der Sektion "Switch" "Form" auswählen.

  4. HTML-Code in Worddokument "Makro-Dokument zur Anpassung des HTML-Codes des Shopformulars" unter "Dokumente > Wickelfachfrau > Webpage www.wickelmarion.ch > Html-editor Bestellformular" kopieren

  5. Ganzer Text mit ctrl+a markieren. Dann Makro "ShopFormularHTMLCodeAnpassung" laufen lassen.

  6. Dadurch wird der Code abgeändert:
    1. Bei jedem Artikel "Artikel auswählen!" gelöscht (<b>Artikel ausw&auml;hlen!</b><br />)
    2. Alle 'center' durch 'left' ersetzt
    3. Bei AGB's das 's gelöscht
    4. Die folgenden Codezeilen gelöscht und ersetzt:

                   **********************************

                   Löschen

                  </td>
                  </tr>
                  <tr>
                  <td class="main" width="30%"><div class="align">Stoff:

                  </div></td>
                  <td class="main">

 

                 Ersetzen mit

                 <br/>
                 Stoff:

 

                 **********************************

                  Löschen

                  </td>
                  </tr>
                  <tr>
                  <td class="main" width="30%">

                  <div class="align">Band:</div></td>
                  <td class="main">

 

                  Ersetzen mit

                  <br/>
                  Band:

 

                  **********************************

  • Danach Code aus Word kopieren und Formular auf "Bestellen 2" austesten.
  • Unter Produkte / Shop das alte Formular löschen und das neue mittels HTML/Widget-Modul einfügen.

Anleitung Einfügen neues Produkts

  1. Word downloaden
  2. Code farbige Textstellen ersetzen
  3. Überprüfen auf falsche Leerschläge (kann beim Reinkopieren passieren)
  4. Angepasster Code kopieren
  5. Mit Widget/HTML-Modul einfügen
  6. Bei der Detailseite zum Artikel beim "zurück zum Shop"-Link den entsprechenden Textanker (#Textanker) setzen
HTML-Code für Produkte-Seite
Die Produkte-Übersicht teilt sich auf in mehrere Tabellen. Jede Tabelle enthält zwei Produkte.
Wickel_Code Produkte.doc
Microsoft Word Dokument [43.5 KB]
Download

Anleitung Einfügen neuer Link in Empfehlungsliste

Für neuen Link:

  1. fetter Bereich kopieren und an gewünschter Stelle einfügen.
  2. Grüne Variablen ersetzen
  3. Falls Link an letzter Stelle steht: roter Teil rausschneiden und im zweitletzten Link an entsprechender Stelle einfügen (bewirkt grau Linie unter dem Text)
  4. Gesamter Code kopieren und mit Widget/HTML-Modul einfügen (NICHT mit Textmodul, das kommt nicht gut)
HTML-Code für Empfehlungs-Seite
Die Empfehlungen sind in einer Tabelle untergebracht.
Empfehlungsliste wickelmarion.doc
Microsoft Word Dokument [36.5 KB]
Download

Anleitung Einfügen neuer Stichworte in Stichwortliste

Stichworte einfügen:

  1. Je nach Wichtigkeit des Stichwortes einen der roten Tags kopieren (11, 12, 13 oder 14 px)
  2. grüne Variablen ersetzen
  3. Tag an alphabetisch richtiger Stelle einfügen
  4. Code kopieren und mit Widget/HTML-Modul einfügen
HTML-Code für Stichwort-Liste
Links sollten alphabetisch geordnet sein. Je nach Wichtigkeit wird die Schriftgrösse gewählt.
Stichworte einfügen.doc
Microsoft Word Dokument [44.0 KB]
Download

Anleitung für Text mit mehr lesen..., ...weniger lesen

  1. Code aus "Marktstände" in der rechten Sidebar kopieren
  2. Bei folgenden Codeteilen den Zähler 1 ersetzen durch einen höheren Zähler gem. Schritt 3:
    1. div id="aufklappen1"
    2. "javascript:showText(1);"
    3. id="text1"
    4. id="zuklappen1"
    5. "javascript:hideText(1);"
  3. Bis jetzt vorhandene mehr lesen / weniger lesen Module:

1. Marktstände (rechte Sidebar)

2. Wickelgeschichte (Menüpunkt Wickel)

nächster zu benutzender Zähler ist: 3

Anleitung Wechselnde Bilder

Script für wechselnde Bilder
Instruktion Wechselnde Bilder.doc
Microsoft Word Dokument [33.5 KB]
Download