Das ist meine Testseite.
Tests mit Bildern:
- Testgalerie mit kleineren Thumbnails
-
Testgalerie mit Jumbo-Bild
-
Testgalerie im Titel h4
-
Film Gruppe Susi
-
Ein Bild horizontal in die Mitte setzen.
Tests mit Texten:
-
CSS Vorgabemanager testen. Am Beispiel Zitatblock.
-
Texte vom Word einfügen, formatiert und mit entfernter Formatierung
- Non breaking Space
Test mit Text in Tabelle
| 2016 | Wochentag | Titel |
| 8. Juni | Mittwoch | Mittagstisch |
| 16. Juni | Donnerstag | Ausflug Stadt Baden Führung |
| 30. Juni | Donnerstag | Computeria |
|
Sommerpause |
||
|
xxx |
||
| 6. Juli | Mittwoch | Vortrag Hr. Schwemmer-Projekt Nepal |
Text
Bilder (Es gibt Probleme)
Bild links
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.
Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.
Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.
Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy.
Fusce aliquet pede non pede. Suspendisse dapibus lorem pellentesque magna. Integer nulla.
Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum pretium metus, in lacinia nulla nisl eget sapien. Donec ut est in lectus consequat consequat.
Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.
Proin nec augue. Quisque aliquam tempor magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Ein Bild in die Mitte setzen
Das geht ganz einfach:
Das Bild anklicken und im Editor das Bildchen für zentrierten Text anklicken. Und es sitzt.
Galerien
Testgalerie mit kleineren Thumbnails
Neu: Setzt man den Abstand auf manuell, finden auch vier Bilder mit Schatten Platz.
Nur - der horizontale Abstand wird extrem grösser.
Die Pixelbreite bei den Einstellungen für die Galerie hat kaum Einfluss auf die Darstellung der Vorschau.
Habe zwischen 20 und 300 Pixeln variiert.
 |  | |
 |  |
 | | |
| |
 | | |
| |
 | | |
| |
 | | |
| |
 | | |
| |
 | | |
| |
 | | |
| |
 | | |
| |
 | | |
| |
 | | |
| |
 | | |
| |
Inzwischen ist klar: Der Schatten braucht 8 Pixel.
Und dies ist mein Jumbo Thumbnail mit 400 Pixel Breite.
 | | |
| |
| Spalte 1 | Spalte 2 |
|
Test mit nur 1 Bild pro Zeile aber 3 Bilder pro Seite: Und hier in einer Tabelle |
Galerie im Titel h4 eingefügt. 
 | | |
| |
 | | |
| |
 | | |
| |
 | | |
| |
 | | |
| |
 | | |
| |
Fülltext
D1353 M1TT31LUNG Z31GT D1R, ZU W3LCH3N GRO554RT1G3N L315TUNG3N UN53R G3H1RN F43H1G 15T! 4M 4NF4NG W4R 35 51CH3R NOCH 5CHW3R, D45 ZU L353N, 483R M1TTL3W31L3 K4NN5T DU D45 W4HR5CH31NL1ICH 5CHON G4NZ GUT L353N, OHN3 D455 35 D1CH W1RKL1CH 4N5TR3NGT. D45 L315T3T D31N G3H1RN M1T 531N3R 3NORM3N L3RNF43HIGKEIT. 8331NDRUCK3ND, OD3R? DU D4RF5T D45 G3RN3 KOP13R3N, W3NN DU
4UCH 4ND3R3 D4M1T 83G315T3RN W1LL5T.
Man hält es auf den ersten Blick nicht für möglich , aber es klappt wirklich...
... und ist nur Fülltext zum Testen.
Trennlinien
Normale Trennlinie
Trennlinie mit wünschbarer Breite und Höhe
Breite: 100px, platziert sich automatisch in der Mitte
Breite: 100%
Breite: 200px, Höhe: 5
Alternatives Bild
Bei Mauskontakt ändert das Bild und geht wieder zurück.
Es braucht drei Schritte.
Am Beispiel Zitatblock CSS Vorgabemanager testen.
Geschafft!!!
Man muss mit einer Formatierung, hier in der Configuration des Editors, mit einer CSS Formatierung noch darüber.
So geht es:
1. Zitat markieren mit Hilfe des Icons 
.
Das rückt das Zitat nur ein.
Morgenstund hat Gold im Mund.
So sieht der Code aus:
<blockquote>
<p>Morgenstund hat Gold im Mund.</p>
</blockquote>
2. Dann noch formatieren mit 'Zitat Evi'.
Das macht die Farbe, die Schrägschrift, den Rand und den inneren Abstand zum Rand.
Spinnen am Morgen bringt Kummer und Sorgen,
Spinnen am Abend, erquiqend und labend.
Der Text im Code:
<blockquote class="Zitat Evi blquevi">
<p>Spinnen am Morgen bringt Kummer und Sorgen,<br/ >
Spinnen am Abend, erquiqend und labend..</p>
</blockquote>
'blquevi' im config_editor.css. (border, color und font-style und padding) formatiert.
Vielleicht geht es auch einfacher, aber dann sähe man es nicht im Editor.
Texte vom Word einfügen, formatiert und mit entfernter Formatierung
So kommt es zum Beispiel, wenn man mit der Formatierung (aus Word) einfügt:
Diese Schrift ist im Worddokument als H1 formatiert.
Die neue Homepage informiert Sie über Anlässe, Veranstaltungen, Kurse und sämtliche Aktivitäten, die vom Seniorenrat organisiert werden. Sie lernen auch die verantwortlichen Personen kennen, die die jeweiligen Angebote planen und organisieren.
<h1><strong><em><span style="font-size: 18pt;"><span style="font-family: Arial;">Die neue Homepage informiert Sie über Anlässe, Veranstaltungen, Kurse und sämtliche Aktivitäten, die vom Seniorenrat organisiert werden. Sie lernen auch die verantwortlichen Personen kennen, die die jeweiligen Angebote planen und organisieren.</span></span></em></strong></h1>
So kommt es, wenn man einfach kopiert und einfügt.
Nach dem zweiten Wort ist hier ein Zeilenvorschub drin. Keine Ahnung woher dieser kommt.
Die neue
Homepage informiert Sie über Anlässe, Veranstaltungen, Kurse und sämtliche
Aktivitäten, die vom Seniorenrat organisiert werden. Sie lernen auch die
verantwortlichen Personen kennen, die die jeweiligen Angebote planen und
organisieren.
<p>Die neue<br />Homepage informiert Sie über Anlässe, Veranstaltungen, Kurse und sämtliche<br />Aktivitäten, die vom Seniorenrat organisiert werden. Sie lernen auch die<br />verantwortlichen Personen kennen, die die jeweiligen Angebote planen und<br />organisieren.</p>
Da gibt es im Word ein Ikon:
Hier habe ich die Formatierung über das Ikon im Word entfernt. Unten das Resultat.
Die meisten Zeilenvorschübe bleiben erhalten.
Die neue Homepage informiert Sie über Anlässe,
Veranstaltungen, Kurse und sämtliche Aktivitäten, die vom Seniorenrat
organisiert werden. Sie lernen auch die verantwortlichen Personen kennen, die
die jeweiligen Angebote planen und organisieren.
<p>Die neue Homepage informiert Sie über Anlässe,<br />Veranstaltungen, Kurse und sämtliche Aktivitäten, die vom Seniorenrat<br />organisiert werden. Sie lernen auch die verantwortlichen Personen kennen, die<br />die jeweiligen Angebote planen und organisieren.</p>
Und so kommt es mit dem Umweg über den Editor von Windows:
Schöner Fiesstext, ohne unnötige Zeilenvorschübe. Das gibt sauberen Code.
Die neue Homepage informiert Sie über Anlässe, Veranstaltungen, Kurse und sämtliche Aktivitäten, die vom Seniorenrat organisiert werden. Sie lernen auch die verantwortlichen Personen kennen, die die jeweiligen Angebote planen und organisieren.
<p>Die neue Homepage informiert Sie über Anlässe, Veranstaltungen, Kurse und sämtliche Aktivitäten, die vom Seniorenrat organisiert werden. Sie lernen auch die verantwortlichen Personen kennen, die die jeweiligen Angebote planen und organisieren.</p>
Folgerung:
Der Weg über den Editor macht nach wie vor Sinn.
Vreni's Film vom Montafon
Den Film kann man nun von hier aus anschauen. Beim ersten Versuch hatte ich beim Hochladen wohl noch etwas zu wenig Geduld.Das Hochladen auf den Server brauchte ca. 12 Minuten bei einer Geschwindigkeit von ca. 70 KBs pro Sekunde.
Der ganze File ist 45.5 MB (47'710'208 Bytes) gross.Klickt man nun den Link Film an, so braucht es ca. 2 Minuten, bis er da ist. Er wird automatisch in den File Uploads geladen. Von da kann man starten und den Film in seiner ganzen Länge anschauen. Es geht gut mit dem Windows Mediaplayer. Er lässt sich auch auf den eigenen Computer speichern.
Viel Spass!
Film Gruppe Susi
Test mit Sitemap
Link zur Sitemap
Non breaking Space
Dafür gibt es viele Anwendungen:
Telefonnummern, Hausnummern, Währungsangaben etc.
Eigentlich war ich der Ansicht, man könne in diesem Editor einen nicht umzubrechenden Abstand per Shift und Leerschlag erzeugen.
Das geht aber nicht.
Man muss das mit Hilfe des Icons 
(Sonderzeichen einfügen) bewerkstelligen.
Den zu ersetzenden Leerschlag nicht vergessen zu entfernen.
Unformatiert kopiert von Word
Checkliste Veloreise-Gepäck
Hotelgepäck: Necessaire:
Wenn möglich, nichts Flüssiges! Sonst zusätzlich wasserdicht verpacken!
Zahnbürste und kleine Zahnpasta
Persönliche Medikamente (nur nötige Ration)
Kamm (ev. Besser in Handtasche)
Seife (meine geht auch für die Haare)
Ev. Shampoo (Miniportion)
Oropax
Q-Tips (für Anzahl Tage)
Papiertaschentücher
1 Stofftaschentuch
Nagelfeile
Pincette
(Parfum / Schminkzeug)
2 Hygienesäckli mit WC-Papier und Feuchttüchlein
(1 Portion Augentropfen)
Nähzeug
Kl. Taschenlampe
(Ev. Tampons)
Kleines Säckli mit Waschpulver
Wund-Pflaster
Nagelschere
After-Sun in Kleinportion (Geht auch als Hautpflegemittel)
Kleider:
Pyjama (Ev. Als T-Shirt und Slip)
1 Satz frische Wäsche
Shorts
Lange Hose oder Jupe
Bluse oder T-Shirt
Passendes Jäckli oder Pulli
Leichte Schuhe oder Sandalen
Ev. Strumpfhosen oder Söckli
Ev. Schlärpli
Die Kleider rollt man am Besten:
Zu Innerst die Unterwäsche und die Shorts, darum herum die Bluse oder das T-Shirt und um Alles herum die lange Hose oder den Jupe. Eine flache Rolle machen. So knittern die Kleider kaum.
Wenn kein Regenschutz für die Gepäcktaschen vorhanden ist, alles in Plastiksäcken wasserdicht einpacken.
Hier formatiert mit Titeln und fett.
Checkliste Veloreise-Gepäck
Hotelgepäck:
Necessaire:
Wenn möglich, nichts Flüssiges! Sonst zusätzlich wasserdicht verpacken!
Zahnbürste und kleine Zahnpasta
Persönliche Medikamente (nur nötige Ration)
Kamm (ev. Besser in Handtasche)
Seife (meine geht auch für die Haare)
Ev. Shampoo (Miniportion)
Oropax
Q-Tips (für Anzahl Tage)
Papiertaschentücher
1 Stofftaschentuch
Nagelfeile
Pincette
(Parfum / Schminkzeug)
2 Hygienesäckli mit WC-Papier und Feuchttüchlein
(1 Portion Augentropfen)
Nähzeug
Kl. Taschenlampe
(Ev. Tampons)
Kleines Säckli mit Waschpulver
Wund-Pflaster
Nagelschere
After-Sun in Kleinportion (Geht auch als Hautpflegemittel)
Kleider:
Pyjama (Ev. Als T-Shirt und Slip)
1 Satz frische Wäsche
Shorts
Lange Hose oder Jupe
Bluse oder T-Shirt
Passendes Jäckli oder Pulli
Leichte Schuhe oder Sandalen
Ev. Strumpfhosen oder Söckli
Ev. Schlärpli
Die Kleider rollt man am Besten:
Zu Innerst die Unterwäsche und die Shorts, darum herum die Bluse oder das T-Shirt und um Alles herum die lange Hose oder den Jupe. Eine flache Rolle machen. So knittern die Kleider kaum.
Wenn kein Regenschutz für die Gepäcktaschen vorhanden ist, alles in Plastiksäcken wasserdicht einpacken.
Zuletzt aktualisiert: 08.08.2013