Problem mit dem veröffentlichen von Liedern

Hallo,

ich möchte in meinem Blog selbst geschriebene Bilder veröffentlichen. Das Problem ist, dass diese Texte Gitarrenakkorde (=einzelne Buchstaben) haben, die an einer bestimmten stelle über einem Wort stehen müssen. Beispiel:

Zitat

a...................d...a.........E.......a
Leise trommelt der Regen auf das Kothendach.
.a...............d..a..............E.........a
Auf verlassenen Wegen rinnt ein schmaler Bach.
F....................C.......F.........................E
Bäume versinken im Nebel, schwer hängt das Blätterwerk
.a.................d...a.........E.......a
Leise trommelt der Regen auf das Kothendach.

Alles anzeigen

Dabei ist es nur so, dass keine punkte dasein sollen. Sprich die Buchstaben sind mit leerzeichen an die bestimmte stelle gebracht wurden. Kann man das irgendwie realisieren? Wenn ja wie?

Ein wenig macht mein Blog das schon, nur damit das komplett geht, muss ich eine Schriftart haben, bei der alle Zeichen gleichgroß sind - also z.B. Courier New. Stelle ich die in der style.css ein?

Kann ich eine Kategorie mit den Unterkategorien nur für bestimmte User freigeben? Wenn ja wie?

Es sind viele Fragen, ich hoffe ihr könnt mir helfen.

Gruß und Danke,
Muckel

Kann man das als Funktions schreiben, so dass ich bei dem schreiben eines Liedes, einen Schalter, wie z.B. den für Fett, anklicke und ich dann diese Funktion habe?

Danke für euren schnellen Antworten :)

Achja, es geht um diese Seite: http://blog.muckels-leben.de

Gruß Muckel

Wenn ich den <pre> Befehl per Hand schreiben, sieht es in dem Admin Menue gut aus, in der Ausgabe, also im Blog, zerhaut es mir alles.

Habt ihr noch eine Idee?

Gruß und vielen Dank
Muckel

Zitat von mastermind

Wie genau sieht denn so ein Beitrag mit <pre> bei Dir im Quelltext aus? Und was heißt "zerhaut"?

nachdem ich es per Hand geäöndert habe, so:

<pre>
      D                 A            h           G<br>
Nehmt Abschied, Brüder, ungewiss ist alle Wiederkehr,<br>
     D                A              h         G   A       D<br>
die Zukunft liegt in Finsternis und macht das Herz uns schwer.<br>
                            A             h             G<br>
Ref.: Der Himmel wölbt sich übers Land, ade, auf Wiedersehn,<br>
     D            A                 h        G  A  D<br>
wir ruhen all in Gottes Hand, Gut Pfad, auf Wiedersehn.<br>
<br>
Die Sonne sinkt, es steigt die Nacht, vergangen ist der Tag.<br>
Die Welt schläft, und leis erwacht der Nachtigallen Schlag.<br>
<br>
Es ist in jedem Anbeginn das Ende nicht mehr weit,<br>
wir kommen her und gehen hin, und mit uns geht die Zeit.<br>
<br>
Nehmt Abschied, Brüder, schließt den Kreis, das Leben ist ein Spiel,<br>
und wer es recht zu spielen weiß, gelangt ans große Ziel.<br></pre>

Problem war, dass das Wordpress nach dem ich Enter drücke ja ein <p></p> macht. Kann ich das ändern, damit es zum <br /> wird? Wenn ja, wo?

Vielen vielen Dank nochmal :)

Gruß Muckel

Zitat von mastermind

Du wirst ohne gewissen Aufwand nicht WordPress daran hindern können, alle Absätze mit <p></p> zu versehen. Das kann man doof finden wie man will -- es ist eben so.

Aber: Du kannst die Absätze innerhalb des präformatierten Textes unsichtbar machen, indem Du folgende CSS-Definition angibst:

Code

pre p {
   margin: 0;
   padding: 0;
}

Wenn ich das o.g. in die style.css schreibe, gehen dann nicht alle absätze verloren oder ändert er die dann zu <br> um? Ich meine dann würde der code ja, wenn er die nur entfernt so aussehen:

<pre>
      D                 A            h           G
Nehmt Abschied, Brüder, ungewiss ist alle Wiederkehr,
     D                A              h         G   A       D
die Zukunft liegt in Finsternis und macht das Herz uns schwer.
                            A             h             G
Ref.: Der Himmel wölbt sich übers Land, ade, auf Wiedersehn,
     D            A                 h        G  A  D
wir ruhen all in Gottes Hand, Gut Pfad, auf Wiedersehn.


Die Sonne sinkt, es steigt die Nacht, vergangen ist der Tag.
Die Welt schläft, und leis erwacht der Nachtigallen Schlag.


Es ist in jedem Anbeginn das Ende nicht mehr weit,
wir kommen her und gehen hin, und mit uns geht die Zeit.


Nehmt Abschied, Brüder, schließt den Kreis, das Leben ist ein Spiel,
und wer es recht zu spielen weiß, gelangt ans große Ziel.</pre>

Oder verstehe ich das gerade falsch?

Das Problem ist eher, dass ich meine User, nicht sagen kann, du musst erst auf html klicken, <pre> </pre> schreiben, dann deinen Text und anschließend die <p>'s entfernen. Denn ich muss ja davon ausgehen, dass die User keine Ahnung davon haben. Von daher muss es doch, eine möglichkeit geben, dass zu ändern. Ich meine in anderen Skripten schreiben die ja auch <br> oder <br /> anstatt <p></p> . Die Frage ist nur, in welchen Datein das im Wordpress steht.

Gruß Muckel

Guten Abend,

muss ich das direkt in die css schreiben?

Gruß und vielen Dank
Muckel

wie hast du <pre> denn definiert?

Zitat von Monika

Muckel es dauerte ein bisschen, doch ich denke diese Lösung ist auch nutzbar.

Gitarrenakkorde mit CSS und ein bisschen zusätzlichem HTML .

Sollte wer Browserbugs finden bitte mir rückmelden, Danke

lg

Vielen Dank, nur leider kommt auf dem o.g. Link nur das:

Zitat

÷Error 404 - Leider nicht gefunden.÷

Die von Ihnen gesuchte Seite konnte leider nicht gefunden werden.

Dass die Seite nicht gefunden wurde, liegt mit Sicherheit an uns, da sich Seiten und deren Inhalt z.B. durch ein update der Website schon mal verschieben.

Bitte entschuldigen Sie dieses Problem.

Gruß und nochmals Danke,
Muckel