Benutzer:Rolf/Experimente: Unterschied zwischen den Versionen
Rolf (Diskussion | Beiträge) |
Rolf (Diskussion | Beiträge) (→Wiki-Formatierung mit automatisch justierter Titel-Grafik) |
||
(22 dazwischenliegende Versionen von einem Benutzer werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
− | |||
− | |||
{| width="100%" style="background-color:#fff;" cellspacing="0" cellpadding="0" valign="top" | {| width="100%" style="background-color:#fff;" cellspacing="0" cellpadding="0" valign="top" | ||
|- | |- | ||
Zeile 21: | Zeile 19: | ||
+ | ==Entwurf Fußnote für Portal-Seiten== | ||
− | = | + | <div align="center">'''Portal-Seiten:''' [[Portal:Die Wartburg-Wissensdatenbank nach Themen|(Themen-Inhaltsverzeichnisse) in diesem Wiki]] | [[Hilfe:Portal-Seiten|Was sind Portal-Seiten]] |
+ | '''Fahrzeug-Typen:''' [[Portal:Vorgänger des Wartburg|Wartburg-Vorgänger]] | [[Portal:W311|W311]] | [[Portal:W312|W312]] | [[Portal:W313|W313]] | [[Portal:W353|W353]] | [[Portal:W353W|W353W]] | [[Portal:W1.3|W1.3]] | ||
− | <center><div style="margin:3px; border:1px solid #999999; padding: 0em; width:100%; height:163px; position: relative; overflow:hidden;"> | + | '''Technik:''' [[Portal:Technik|Technik]] | [[Portal:Getriebe|Getriebe]] | <small>mehr folgt...</small> |
− | <div style="position: absolute;right:0; top:- | + | |
− | [[Datei:W313innenstreifen.jpg|right|frameless|upright= | + | '''Geschichte:''' [[Portal:Historie_Geschichte|Historie Geschichte]]</div> |
+ | |||
+ | |||
+ | |||
+ | {| with="100%" cellspacing="10" cellpadding="10" | ||
+ | |- | ||
+ | | [[Datei:Wiki-Logo transparent 135.png|left|100px|Logo vom Wartburg-Wiki]] | ||
+ | | '''Portal-Seiten:''' [[Portal:Die Wartburg-Wissensdatenbank nach Themen|(Themen-Inhaltsverzeichnisse) in diesem Wiki]] | [[Hilfe:Portal-Seiten|Was sind Portal-Seiten]] | ||
+ | |||
+ | '''Fahrzeug-Typen:''' [[Portal:Vorgänger des Wartburg|Wartburg-Vorgänger]] | [[Portal:W311|W311]] | [[Portal:W312|W312]] | [[Portal:W313|W313]] | [[Portal:W353|W353]] | [[Portal:W353W|W353W]] | [[Portal:W1.3|W1.3]] | ||
+ | |||
+ | '''Technik:''' [[Portal:Technik|Technik]] | [[Portal:Getriebe|Getriebe]] | <small>mehr folgt...</small> | ||
+ | |||
+ | '''Geschichte:''' [[Portal:Historie_Geschichte|Historie Geschichte]] | ||
+ | | style="text-align:right; vertical-align:bottom" |<small>edit</small> | ||
+ | |} | ||
+ | |||
+ | |||
+ | T'ja, hm... | ||
+ | |||
+ | Stellt sich so etwas schmucklos dar. Irgendwas fehlt... | ||
+ | |||
+ | ==Test für Portalseite "Historie Geschichte" mit Gestaltungs-Elementen ehemaliger AWE-Werbungen == | ||
+ | |||
+ | <div style="overflow:hidden; direction:ltr;"> | ||
+ | {| border="0" cellspacing="0" style="padding:0em; width:100%; height:163px; background-color:black;" | ||
+ | |- cellspacing="0" cellpadding="0" | ||
+ | |style="width:30%;"| [[Datei:P5093391-B.jpg|right|x180px]] | ||
+ | |style="width:70%;"| [[Datei:W311-Kontur-2.jpg|right|x180px]] | ||
+ | |} | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div style="overflow:hidden; direction:rtl;"> | ||
+ | {| border="0" cellspacing="0" style="padding:0em; width:100%; height:163px; background-color:black;" | ||
+ | |- cellspacing="0" cellpadding="0" | ||
+ | |style="width:70%;"| [[Datei:W311-Kontur-2.jpg|right|upright=2.3|x180px]] | ||
+ | |style="width:30%;"| [[Datei:P5093391-B.jpg|right|upright=2.3|x180px]] | ||
+ | |} | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div style="overflow:hidden; direction:rtl;"> | ||
+ | {| border="0" cellspacing="0" style="padding:0em; width:100%; height:163px; background-color:black;" | ||
+ | |- cellspacing="0" cellpadding="0" | ||
+ | |style="width:70%;"| [[Datei:W311-Kontur-2.jpg|right|x160px]] | ||
+ | |style="width:30%;"| [[Datei:P5093391-B.jpg|right|x160px]] | ||
+ | |} | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div style="overflow:hidden; direction:rtl;"> | ||
+ | {| style="margin:1px; border:1px solid #999999; padding:0em; width:100%;" | ||
+ | |- | ||
+ | | | ||
+ | {| border="0" cellspacing="0" style="padding:0em; width:100%; height:163px; background-color:black;" | ||
+ | |- cellspacing="0" cellpadding="0" | ||
+ | |style="width:70%;"| [[Datei:W311-Kontur-2-beschnitten.jpg|right|x170px]] | ||
+ | |style="width:30%;"| [[Datei:P5093391-B.jpg|right|x170px]] | ||
+ | |} | ||
+ | |} | ||
+ | </div> | ||
+ | |||
+ | |||
+ | Leider immer noch nicht "sauber"... | ||
+ | |||
+ | Links entfällt der Rand durch die overflow-Eigenschaft. | ||
+ | |||
+ | Außerdem wirkt die overflow-Eigenschaft nur bei einem der Elemente... | ||
+ | |||
+ | Wenn ich die schwarze Grafik beschneide, bin ich fast dort, wo ich hinwollte. Allerdings justiert sich das dann nicht ausreichend bei sehr hoher Auflösung. | ||
+ | |||
+ | Abhilfe könnte eine Formatierung nur über DIV-Elemente, unter Verzicht auf die Tabelle bringen. | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | == Titel-Idee für 1.3er-Bereich == | ||
+ | |||
+ | |||
+ | <center><div style="margin:3px; border:1px solid #999999; padding: 0em; width:100%; height:136px; position: relative; overflow:hidden;"> | ||
+ | <div style="position: absolute;right:0;"> | ||
+ | [[Datei:W13streifen2.jpg|right|frameless|upright=5.5|Das ist nur ein Versuch]] | ||
+ | </div> | ||
+ | </div></center> | ||
+ | |||
+ | |||
+ | |||
+ | ==Kopf-Test == | ||
+ | |||
+ | {| style="margin:1px; border:1px solid #999999; padding:0em; width:100%;" | ||
+ | |- | ||
+ | | | ||
+ | {| border="0" style="padding:0em; width:100%; height:163px; background-color:#B8B6B6;" | ||
+ | |- cellspacing="0" cellpadding="0" | ||
+ | |style="width:10%;"| [[Datei:Wartburg-Technik links-sp.jpg|left|x180px]] | ||
+ | | <span style="color:white"><big><center>'''Willkommen bei irgendwas'''</center></big><br /><center>'''im irgendwo'''</center></span> | ||
+ | |style="width:15%;"| [[Datei:Wartburg-Technik rechts.jpg|right|x180px]] | ||
+ | |} | ||
+ | |} | ||
+ | |||
+ | |||
+ | {| style="margin:1px; border:1px solid #999999; padding:0em; width:100%;" | ||
+ | |- | ||
+ | | | ||
+ | {| border="0" style="padding:0em; width:100%; height:163px; background-color:#B8B6B6;" | ||
+ | |- cellspacing="0" cellpadding="0" | ||
+ | |style="width:10%;"| [[Datei:Wartburg-Technik links-sp.jpg|left|x180px]] | ||
+ | | <span style="text-shadow:black 3px 2px 4px; font-size:2em; color:white;"><center>Portal Technik</center></span> | ||
+ | <span style="color:white"><big><center>'''Willkommen bei irgendwas'''</center></big><br /><center>'''im irgendwo'''</center></span> | ||
+ | |style="width:15%;"| [[Datei:Wartburg-Technik rechts.jpg|right|x180px]] | ||
+ | |} | ||
+ | |} | ||
+ | |||
+ | Abstände zum Rand? - Vor allem an der Unterseite entsteht ein unnötiger Rand, den ich gerne los würde. | ||
+ | |||
+ | Die Variante mit Schatten geht allerdings nicht mit allen Browsern. | ||
+ | Der Befehl (CSS 2.0) wird mittelfristig sogar aus der CSS—Bibliothek entfallen. | ||
+ | Zur Zeit wird er Befehl von Firefox, Opera und Google-Chrome interpretiert, IE ignoriert das! | ||
+ | |||
+ | |||
+ | |||
+ | == Wiki-Formatierung mit automatisch justierter Titel-Grafik - 2. Versuch == | ||
+ | |||
+ | |||
+ | <center><div style="margin:3px; border:1px solid #999999; padding: 0em; width:100%; height:141px; position: relative; overflow:hidden;"> | ||
+ | <div style="position: absolute;right:0; top:-1px;"> | ||
+ | [[Datei:W313innenstreifen.jpg|right|frameless|upright=6.3|Das ist nur ein Versuch]] | ||
</div> | </div> | ||
</div></center> | </div></center> | ||
Zeile 42: | Zeile 169: | ||
− | + | == Wiki-Formatierung mit automatisch justierter Titel-Grafik == | |
− | <center><div style="margin:3px; border:1px solid #999999; padding: 0em; width:100%; height: | + | <center><div style="margin:3px; border:1px solid #999999; padding: 0em; width:100%; height:175px; position: relative; overflow:hidden;"> |
− | <div style="position: absolute;right:0; top:- | + | <div style="position: absolute;right:0; top:-8px;"> |
− | [[Datei:Test-Streifen-1.jpg|right|frameless|upright= | + | [[Datei:Test-Streifen-1.jpg|right|frameless|upright=6.3|Das ist nur ein Versuch]] |
</div> | </div> | ||
</div></center> | </div></center> |
Aktuelle Version vom 15. September 2011, 18:08 Uhr
|
Inhaltsverzeichnis
- 1 Entwurf Fußnote für Portal-Seiten
- 2 Test für Portalseite "Historie Geschichte" mit Gestaltungs-Elementen ehemaliger AWE-Werbungen
- 3 Titel-Idee für 1.3er-Bereich
- 4 Kopf-Test
- 5 Wiki-Formatierung mit automatisch justierter Titel-Grafik - 2. Versuch
- 6 Wiki-Formatierung mit automatisch justierter Titel-Grafik
- 7 und mehr Test's
- 8 Test Input-Box
Entwurf Fußnote für Portal-Seiten
Fahrzeug-Typen: Wartburg-Vorgänger | W311 | W312 | W313 | W353 | W353W | W1.3
Technik: Technik | Getriebe | mehr folgt...
Geschichte: Historie Geschichte
Portal-Seiten: (Themen-Inhaltsverzeichnisse) in diesem Wiki | Was sind Portal-Seiten
Fahrzeug-Typen: Wartburg-Vorgänger | W311 | W312 | W313 | W353 | W353W | W1.3 Technik: Technik | Getriebe | mehr folgt... Geschichte: Historie Geschichte |
edit |
T'ja, hm...
Stellt sich so etwas schmucklos dar. Irgendwas fehlt...
Test für Portalseite "Historie Geschichte" mit Gestaltungs-Elementen ehemaliger AWE-Werbungen
Leider immer noch nicht "sauber"...
Links entfällt der Rand durch die overflow-Eigenschaft.
Außerdem wirkt die overflow-Eigenschaft nur bei einem der Elemente...
Wenn ich die schwarze Grafik beschneide, bin ich fast dort, wo ich hinwollte. Allerdings justiert sich das dann nicht ausreichend bei sehr hoher Auflösung.
Abhilfe könnte eine Formatierung nur über DIV-Elemente, unter Verzicht auf die Tabelle bringen.
Titel-Idee für 1.3er-Bereich
Kopf-Test
|
|
Abstände zum Rand? - Vor allem an der Unterseite entsteht ein unnötiger Rand, den ich gerne los würde.
Die Variante mit Schatten geht allerdings nicht mit allen Browsern. Der Befehl (CSS 2.0) wird mittelfristig sogar aus der CSS—Bibliothek entfallen. Zur Zeit wird er Befehl von Firefox, Opera und Google-Chrome interpretiert, IE ignoriert das!
Wiki-Formatierung mit automatisch justierter Titel-Grafik - 2. Versuch
Willkommen im Portal irgendwo!
Entwurf Seiten-Kopf für Portal-Seite...
Wiki-Formatierung mit automatisch justierter Titel-Grafik
Willkommen im Portal irgendwo!
Entwurf Seiten-Kopf für Portal-Seite...
Auf allen Schnickschnack (Rahmen, Menü-Tabs) habe ich mal erst verzichtet.
Sinnvoll wäre eine Darstellung, die bei unterschiedlichen Bildschirm-Auflösungen halbwegs anspricht. Bitte Test dazu mit kleiner gezogenem Fenster!
Leider habe ich keine geeigneten Grafiken. Die Umsetzung hapert also...
Neben den üblichen Kriterien für einen "Titel" sollten die Motive so beschaffen sein, dass deren Bildmittelpunkt auch bei einer begrenzten Fenster-Darstellung nicht aus dem Rahmen fällt. (Wie hier!)
Alle meine Test-Motive sind außerdem zu hoch. Damit wird der Kopf zu klobig.
Ideen dazu stammen von
http://de.wikipedia.org/wiki/Portal:K%C3%B6ln
und
http://de.wikipedia.org/wiki/Portal:Medienwissenschaft
Naja, wenn die es nicht können...
Dass es auch weniger elegant geht, sieht man (z. B.) am Portal Leipzig. Das fällt total auseinander, wenn man das Fenster verkleinert...
Test-Bild Was macht der Text?
---
Seite oder Link per Atom-Feed beobachten - Wie macht man das?
Ergebnis: Feeds gehen leider nur dort, wo sie von MediaWiki vorgegeben wurden.
http://wiki.w311.info/index.php?title=Spezial:Newpages&feed=atom
http://wiki.w311.info/index.php?title=Benutzer:Rolf/Experimente&action=history&feed=atom
Die Idee zu Artikel-Feeds lässt sich nur mit Extension umsetzen:
http://www.mediawiki.org/wiki/Extension:WikiArticleFeeds
Für den Fall, daß User nach Feeds fragen, könnte man auf den externen Dienstleister Google Feedburner ausweichen. WikiPedia macht das auch so.
http://www.google.com/support/feedburner/bin/answer.py?answer=79408
Mir gefällt das nicht so, weil das Ergebnis nicht werbefrei ist. - Siehe: http://feeds.feedburner.com/wikimedia/wp-adt
Wiki-Variablen zur Feststellung der aktuellen Seite:
SITENAME Wiki.W311.info
PAGENAME Rolf/Experimente
PAGENAMEE Rolf/Experimente
Test Tabelle mit Rich-Editor
Links | Mitte | Rechts |
---|---|---|
Eins | Zwei | Drei |
Vier | Fünf | Sechs |
Eins | Zwei |
Drei | Vier |
Fünf | Sex |
Hm, der Rich-Editor setzt ganz konservativ Anweisungen für die Tabellen-Formatierung.
Eine nicht-definierte Style-Anweisung kann ich nicht nachvollziehen.
Andererseits "riecht" die Anweisung
class="FCK__ShowTableBorders"
schon etwas, immerhin erinnert das Präfig an unseren Editor.
Sehr merkwürdig...
Experimente
Vorsicht!
Die Bild-Anweisung "framed" erzeugt ein nicht-scalierbares Bild in Original-Größe! Das muß in der Vorlage noch ausgeschlossen werden!
Außerdem habe ich den Eindruck, dass die Anweisungen nur interpretiert werden, wenn sie in Klein-Schreinbweise erfolgen. Daher für Vorlage LC-Funktion einbauen.
Einbinden externer Seiten, die sich nicht im Namensraum 'Vorlage' befinden:
Es geht. Der Namensraum muß angegeben sein. Für Seiten aus dem Artikel-Bereich ist ein Doppelpunkt anzugeben!
und mehr Test's
Die nicht vorhandene Vorlage "Username" zieht über den roten Link offensichtlich Spam an. Daher auskommentiert. Sofern man die Funktion einmal anlegen wollte, wüsste man sehr genau über die Namensgebung nachdenken!
Benutzer_Diskussion:Rolf/Experimente
Rolf/Experimente
Rolf/Experimente
$wgUserName
--Rolf 12:10, 22. Apr. 2011 (CEST)
Überschrift | Überschrift | Überschrift |
---|---|---|
Beispiel1 | Beispiel2 | Beispiel3 |
Beispiel4 | Beispiel5 | Beispiel6 |
Beispiel7 | Beispiel8 | Beispiel9 |
Kann man irgendwo ein Verzeichnis der vordefinierten Klassen zur Formatierung sehen? Siehe class="wikitable"
Test Input-Box
Geht! - Wenn der FCK-Editor da nicht drüber mangelt...
Siehe: http://de.wikipedia.org/wiki/Hilfe:Inputbox bzw http://www.mediawiki.org/wiki/Extension:InputBox