Liste mit Glyphe "#"

# als Zeichen geht nicht.

Guggsdu da:
http://de.selfhtml.org/css/eigenschaften/listen.htm

 

Geht nicht mit HTML und CSS, mit JS lässt sich aber zumindest die Ausgabe in der Darstellung dahingehend beeinflussen, wobei jedoch eigentlich nur die Listenpunkte unterdrückt und nicht wirklich geändert werden.

HTML:

HTML:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

JS:

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Ausgabe:

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

 

Na ja, Tutorials veröffentliche am liebsten auf meinen eigenen Seiten und gebe in Foren nur Hinweise. Und das wäre ja mit den Kommentaren schon beinahe ausreichend für ein kleines Tutorial, wenn ich da jetzt noch viel erläutern würde.

HTML:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

 

Du meinst, Du kennst/erkennst immer noch nicht das primitivste Grundgerüst einer Webseite?
Oder wie soll man das verstehen?

HTML:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Und Du weist immer noch nicht, wie man in so einem Grundgerüst eine CSS oder JS Datei einfügt?
Von daher solltest Du Dich als erstes ein wenig mit HTML und CSS auseinandersetzen, bevor Du ohne jegliches Grundwissen etwas verändern möchtest.

 

So, noch einmal, damit es leichter verständlich ist. Wie eine JavaScript Datei in WP eingebunden wird, dürfte eigentlich klar sein. Entweder in die header.php oder in die footer.php und dabei möglichst in keiner neuen Datei, sondern in eine bereits vorhandene, die nur um ein neues Script erweitert wird.

Die zweite Möglichkeit besteht darin, JavaScript mit einer Funktion hinzuzufügen, zum Beispiel mit Hilfe eines Plugins.

Die dritte Möglichkeit und diese würde ich nutzen, falls ein JavaScript nur auf vereinzelten Seiten benötigt wird und deshalb nicht in allen Seiten im Footer zur Verfügung stehen muss, JS direkt in den Beiträgen einzubinden, in denen eine Funktion benötigt wird. Wie diese Einbindung erfolgt, wird eigentlich auf dieser Seite beschrieben

http://codex.wordpress.org/Using_Javascript

und unterscheidet sich somit kaum bis nicht von der Einbindung in HTML-Webseiten. Die Einbindung in header.php oder in der footer.php unterscheidet sich ebenfalls nicht von der Einbindung in HTML-Webseiten. Was einige zuweilen vergessen, was beim Browser ankommt, ist keine WP oder PHP Seite, was beim Browser ankommt, dass sollte immer einer validen HTML-Webseite entsprechen, gleich von welchem System die für die Auslieferung aufbereitet wird.

Bei der Einfügung in der Textansicht ist bei WP dennoch auf eine Kleinigkeit zu achten. Eine Zeile wie

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

würde der Editor beim Wechsel zwischen den Ansichten wieder entfernen. WP scheint hier eine zugehörige Funktion zu erwarten, die eigentlich erst im Beitrag aufgerufen wird. Durch einen Kommentar lässt sich eine Funktion jedoch andeuten und WP entfernt die Zeile nicht mehr.

Nun als Beispiel ein Artikel, der drei Listen enthält, die an Stelle der Listenzeichen unterschiedliche Vorzeichen erhalten sollen. Eine Liste einzubinden, sollte dabei keine Probleme bereiten.

HTML:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Direkt unter der Liste kann nun das JavaScript eingebunden werden, welches selbstverständlich erreichbar sein muss und im Beispiel in der Datei listenpunkte.js gespeichert wurde. Wie bereits erwähnt, ein beliebiger Kommentar ist bei der Einbindung erforderlich, der Editor würde ansonsten die Zeile beim Wechsel wieder löschen.

HTML:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Nun noch das eigentliche JavaScript, welches ohne Script-Tags in einer JS Datei (zum Beispiel listenpunkte.js) gespeichert wird.

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Das Script wurde in diesem Fall für drei Listen ausgelegt, die unterschiedliche Vorzeichen als Ersatz für die Listenzeichen erhalten sollen, kann aber beliebig gekürzt oder erweitert werden, um es den jeweiligen Erfordernissen anzupassen.
Wichtig, die Listen müssen sich über eine eindeutige ID ansprechen lassen. Die Verwendung von firstChild.data würde im ersten und dritten Beispiel & in & verwandeln und somit das Entity sichtbar ausgeben, ist aber in anderen Anwendungsfällen innerHTML gegebenenfalls vorzuziehen.


Ausgabe:

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

So Amsterdam, damit dürftest Du nun etwas anfangen können. Und wenn nicht, dann lerne erst einmal HTML.

 

Darfst Du, ich ignoriere ja auch die hörbaren Untertöne.

Doch um bei anderen Tönen zu bleiben, habe nun ein Tutorial fertig. Und ja, ich teste und schreibe daran einen vollen Tag und ab und an auch mehr als einen Tag. Etwas Arbeit ist da schon enthalten und es ist nun einmal etwas anderes, ob man ein Tutorial schreibt, einige Stunden testet und einige Stunden schreibt und ab und an von beiden auch ein paar Stunden mehr, oder ob man nur mal schnell eine Frage im Forum beantwortet:

http://www.coder-welten.com/listen-individuell-mit-javascript-gestalten/

Wobei, ab und an habe ich mich auch schon in einzelne Fragen aus Foren verbissen, doch dann war das in allen Fällen etwas, was ich selbst unbedingt lernen wollte.