FANDOM


Adoptionsantrag Offen: Admin-Forum:Schriftarten


Hey Wie kann man für einen Artikel Schriftarten, wie z.B. Times New Roman oder Handwriting einstellen? Hoffe auf eure Hilfe! LG Ryuga.L-Drago99 16:04, 25. Nov. 2012 (UTC)

Du kannst den Inhalt des Artikels in ein div-Element verpacken und diesem über das style-Attribut die gewünschte Schriftart zuweisen. Das könnte dann z.B. so aussehen: <div style="font-family: ...">Artikel</div> Arkondi (Diskussion) 16:38, 25. Nov. 2012 (UTC)

Danke :) So etwa: http://de.lamusica.wikia.com/wiki/Skyfall ? Ryuga.L-Drago99 18:03, 25. Nov. 2012 (UTC)

Ja, so hab' ich das gemeint. ^^ Nun können noch die Stilangaben für die einzelnen Strophen weglassen und zum übergeordneten div-Element hinzugefügt werden (ich war so frei und hab' das schon gemacht). So wird die Seite kleiner und kann schneller geladen werden. Arkondi (Diskussion) 18:38, 25. Nov. 2012 (UTC)
Danke ;) Dir kann man sofort Hilfe erwarten :) Ryuga.L-Drago99 18:54, 25. Nov. 2012 (UTC)
Falls du des Öfteren eine entsprechende Formatierung wünscht, dann empfehle ich dir eine Klasse in deinem MediaWiki:Commons.css oder MediaWiki:Wikia.css hierfür anzulegen. Arkondi´s Code ändert sich dann in: <div class="Lyrics">Artikel</div>. Im CSS legst du dann entsprechend einen Eintrag .Lyrics { font-family: ... ; } an und fertig.
VORTEIL: Du kannst es schnell und zentral ändern. Es ist sehr kurz im Quelltext des Artikels. Man kann es wiederverwenden = Stilsicherheit. Selbst wenn du es später erweitern möchtest (z.B. dem Text eine andere Farbe geben, kursiv stellen etc.) kannst du das alles zentral über das CSS erledigen ohne erneut sämtliche Seiten zu durchstöbern, wann du mal wo den Schriftstil gesetzt hast - SEHR praktisch ab 10 Seiten Verwendung -- 20M61 (Nachricht) 21:52, 25. Nov. 2012 (UTC)
öhm .. .____________________. ich komm gerade voll nicht nach ^^ -- Ryuga.L-Drago99 17:10, 26. Nov. 2012 (UTC)

Das ist schon etwas für Fortgeschrittenere. Bisher musst du alle Seiten individuell bearbeiten und Formatieren. Es gibt nun einen Weg, wie du diese Formatierungen leichter machen kannst.
Nehmen wir als Beispiel die Seite Queen. Hier hast du eine Infobox mit Hilfe einer Vorlage eingefügt. Wenn du möchtest, dass die Hintergrundfarbe der Schrift "Queen" im Titel der Infobox geändert wird, so musst du die Vorlage:Infobox ändern. Dafür wird aber nicht nur die Farbe auf der Seite "Queen" geändert, sondern auch auf allen anderen Seiten, auf der diese Vorlage eingebunden ist (z.B. Freddie Mercury). Du machst dir also nur einmal die Mühe die Vorlage zu ändern und es geschieht überall dort, wo sie eingebaut ist.

Das Selbe kann man auch mit Klassen (bzw. Formatierungen) machen. Hierzu gehst du auf die Seite MediaWiki:Common.css. Dort siehst du bereits einige Klassen angelegt. (Klassen sind im CSS "Pakete", wie sich Objekte verhalten sollen). Dort ergänzt du
.lyrics {
  font-family: Calibri;
}
. Die Seite Common.css regelt alle Klassen auf deinem Wikia, weshalb nur du oder deine Admin hierauf Zugriff haben. Du kannst nun zurück zur Seite Skyfall gehen und dort statt:

<div style="font-family: Calibri"> [[Skyfall]] ist ein Lied von [[Adele]] und ist der Song vom Film James Bond 007: Skyfall. </div>

einfach folgendes schreiben:

<div class="lyrics"> [[Skyfall]] ist ein Lied von [[Adele]] und ist der Song vom Film James Bond 007: Skyfall. </div>

Dies kannst du überall machen, wo du genau diese Schriftart einsetzen willst. Wenn du dann später mal den Wunsch hast die Schriftart kursiv zu machen, dann ergänzt du in der Commons.css einfach:
.lyrics {
  font-family: Calibri;
  font-style:  italic;
}
Überall, wo du dann <div class="lyrics">... gesetzt hast wird dann die Schrift in Kursiv angezeigt ohne, dass du alle Seiten bearbeiten musst.

Ist nur ein Vorschlag. Du kannst selbstverständlich bei deiner Variante bleiben oder etwas völlig anderes machen. Gruß, -- 20M61 (Nachricht) 17:26, 26. Nov. 2012 (UTC)

Danke :) Bin schon besser nachgekommen. Aber da gibt es nur ein Problem:

1. Ich hab bei Common.css das hinzugefügt und bei Locked Out Of Heaven getestet, aber funkt i-wie nicht. LG Ryuga.L-Drago99 18:20, 26. Nov. 2012 (UTC)

Ich hab mir das nochmal angeschaut. SORRY. Ich hab leider die "Commons.css" mit der "Wikia.css"-Seite verwechselt. (Die Commons.css war wohl früher einmal die Seite, auf der die ganzen CSS-Dinge eingetragen wurden).
Um es jetzt nicht zu verwirrend zu machen: Du musst das mit .lyrics { font-family: Calibri; } in die MediaWiki:Wikia.css eintragen. Sorry nochmal für die Verwirrung.
Eventuell kann es ein paar Minuten dauern, bis Wikia die Änderung verarbeitet hat. (Am Besten die Wikia.css nach einer Änderung nochmal neu laden. Das hat mir zumindest (moralisch) immer geholfen).-- 20M61 (Nachricht) 18:56, 26. Nov. 2012 (UTC)
Schon gut. Hab es jetzt bei der Wikia.css eingetragen. Mal schauen, ob es funkt :) Ryuga.L-Drago99 19:49, 26. Nov. 2012 (UTC)

Da fehlt eine geschweifte Klammer (vor .lyrics). Die gehört noch zu der Klasse davor. Richtig wäre es so:

.ridgeQ {
  border: 1px solid #D3D3D3;
  -moz-border-radius:5px;
  border-radius:5px;
  background-color: #DCDCDC;
  background-image: -moz-linear-gradient(top, #222222, transparent);
  background-image: -webkit-gradient(linear,left top, left bottom, from(#222222), to(transparent));
  margin: 10px 0px;
}

.lyrics {
  font-family: Calibri;
}
Hoffe, dass es damit klappt. -- 20M61 (Nachricht) 22:59, 26. Nov. 2012 (UTC)
Ok :) Wieder geändert xD Ryuga.L-Drago99 18:20, 26. Nov. 2012 (UTC)

Prima. Für mich sieht es so aus, als ob es diesmal geklappt hat. Wenn du jetzt also einen Lyrics Text einbinden willst, dann einfach nur noch den Text in die DIV-Tags setzen und fertig. (Kleiner Tipp noch: Du scheinst zwei unterschiedliche Bereiche nutzen zu wollen: Einmal die reinen Strophentexte unter "Lyrics" und davor eine Art Beschreibung. Da es nichts kostet, empfehle ich dir für beides separate Klassen anzulegen (z.B. "Lyrics" für den Lyric-Bereich und "Lyrics-Beschreibung" für den Teil davor). Somit kannst du beides unabhängig voneinander formatieren. Zu Anfang kannst du sie ja beide gleich setzen:

.ridgeQ {
  border: 1px solid #D3D3D3;
  -moz-border-radius:5px;
  border-radius:5px;
  background-color: #DCDCDC;
  background-image: -moz-linear-gradient(top, #222222, transparent);
  background-image: -webkit-gradient(linear,left top, left bottom, from(#222222), to(transparent));
  margin: 10px 0px;
}

/* ****** Klasse "lyrics" ******
* Verwendung in Artikel-Seiten um Musikstrophen zu formatieren
* Beispiel:
* <div class="lyrics">[Strophen, Liedtexte]</div>
***************************** /*
.lyrics {
  font-family: Calibri;
}

/* ****** Klasse "lyrics-description" ******
* Verwendung in Artikel-Seiten um den folgenden Liedtext zu beschreiben
* Beispiel:
* <div class="lyrics-description">[Musiktext-Beschreibung]</div>
***************************************** /*
.lyrics-description {
  font-family: Calibri;
}

Naja ... kannst damit bisschen experimentieren. Meistens kann man damit nichts falsch machen. Hier noch ne Übersicht über ein paar Eigenschaften, die man ändern kann im CSS:

-- 20M61 (Nachricht) 17:38, 27. Nov. 2012 (UTC)

Ich danke für deine Hilfe. Alles funkt jetzt ^.^ Ryuga.L-Drago99 18:52, 27. Nov. 2012 (UTC)

Es funktioniert richtig gut :) Es ist tausend Mal einfacher, als die andere Methode, die ich gemacht habe -Ryuga.L-Drago99 17:25, 28. Nov. 2012 (UTC)

Das freut mich/uns sehr! Vor allem, weil es jetzt funktioniert ;D Und nicht vergessen: Immer gut dokumentieren, was du wo und wie verwenden willst. Das hilft anderen Usern sich in deinem Wikia schnell zurecht zu finden und erspart dir lästiges nachformatieren von Artikeln. (Ps.: In CSS und JavaScript-Dateien beginnt ein Kommentar mit "/*" und endet mit "*/" ansonsten beginnt ein Kommentar mit "< !--" und endet mit "-->" --- ich hab dem obigen Beispiel ein paar Kommentare hinzu gefügt, damit du erahnen kannst, was ich meine :D
Pps.: Die vielen Sternchen sind "Design" und sollen das Kommentar hervor heben. Man kann sie auch weg lassen - musst da deinen eigenen Stil finden.) -- 20M61 (Nachricht) 22:03, 28. Nov. 2012 (UTC)
Alter .. xD Wie soll cih den das Design erstellen? Ich hab da keine Ahnung darin x'D LG Ryuga.L-Drago99 14:45, 29. Nov. 2012 (UTC)
Ich hätte da noch eine Frage: Wie kann man die Schriftgrösse ändern? Lg Ryuga.L-Drago99 13:46, 1. Dez. 2012 (UTC)
Mit font-size.--PedroM 15:49, 1. Dez. 2012 (UTC)
So etwa: Wikia.css -Ryuga.L-Drago99 17:08, 1. Dez. 2012 (UTC)
Jau.--PedroM 21:52, 1. Dez. 2012 (UTC)

Störung durch Adblocker erkannt!


Wikia ist eine gebührenfreie Seite, die sich durch Werbung finanziert. Benutzer, die Adblocker einsetzen, haben eine modifizierte Ansicht der Seite.

Wikia ist nicht verfügbar, wenn du weitere Modifikationen in dem Adblocker-Programm gemacht hast. Wenn du sie entfernst, dann wird die Seite ohne Probleme geladen.

Auch bei FANDOM

Zufälliges Wiki