Initials einfügen

  • Ich bin so gut wie sicher, daß es geht, weiß aber nicht wie. Kann mir jemand verraten, wie ich solche Initials anlegen kann? Mit CSS vielleicht?

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Hmmm-ich möchte nicht immer dem ersten Buchstaben eines Abschnittes dieses Dingens da zuweisen, manchmal nur dem 1. Buchstaben auf einer Seite. Wie weise ich da eben diesem Buchstaben jetzt das Merkmal zu?
    Aaalso: welcher Code kommt wohin? CSS in zusätzliches CSS, klar denke ich.

    Sorry for ignorance :oops:

  • p::first-letter

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Das habe ich jetzt in dem Link von sailor56 auch gefunden:

    p::first-letter {
    font-size: 200%;
    color: #8A2BE2;
    }

    Und das weist jedem 1. Buchstaben im Abschnitt der Seite zu. Es soll aber immer nur im Content eine Intitiale erzeugen.

    Vielleicht kann man sich ein besseres Bild machen, wenn man die Site sieht: http://www.thailand-seite.de/Buddhismus/

  • Ja, mit deinem Code weist du jedem <p> auf der Seite diesen großen ersten Buchstaben zu.
    Wenn du nur ausgewählten <p>'s diese Formatierung geben willst, konntest du diesen <p> eine eigene Klasse geben.
    zB <p class="erster_gross">...</p>
    und dann im CSS notieren

    HTML
    p.erster_gross::first-letter {
     font-size: 200%;
     color: #8A2BE2;
    }


    Du könntest auch versuchen mit einem child-selektor jedes erste vorkommen eine <p> in einem <div> anzusprechen.

    HTML
    div p:first-child::first-letter {
     font-size: 200%;
     color: #8A2BE2;
    }


    Aber damit läufst du Gefahr, mehr große Buchstaben zu erzeugen, als du eigentlich haben willst.

  • Es geht hier ja gar nicht um WordPress, demnach fehlen auch content/entry Klassen. Ich verschieb es in die Netzwelten.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Mir fehlt jetzt das Wissen, wo man Scripte wie einfügt. Und schon garnicht, warum das jetzt nichts mit Wordpress zu tun hat. Für mich ist das eine Formatierung in einer Worpress-Site :eek::eek::eek:

    Ich werde auch ohne die Initials auskommen. Danke an alle.

  • schau dir den Quelltext der Site (dein Link von oben) an :mad:

    <meta name="Generator" content="NetObjects Fusion 9 for Windows"/>

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • schau dir den Quelltext der Site (dein Link von oben) an :mad:

    <meta name="Generator" content="NetObjects Fusion 9 for Windows"/>

    Ja, das ist die Site, welche ich jetzt mit Wordpress neu erstelle. Der Link soll das zeigen, was ich machen möchte und nicht kann. Was ist daran schwer zu verstehen ;). Ich kann ja schlecht eine Site verlinken, die noch garnicht funktioniert, so wie hier: http://www.mueangthai.info/buddhismus/

  • hättest du es dabei geschrieben, hätte man es auch verstehen können.
    Und klar hilft der Link zur "unfertigen" Site, so sieht man das HTML/CSS.

    Code
    .entry-content p::first-letter {
    font-size: 200%;
    color: #8A2BE2;
    }

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Den (hier erlernten Code) habe ich erst nach meinem letzten Beitrag eingefügt ;). Aber ich glaube, daß das Post von sailor56 eine Möglichkeit ist. Laienhaft ausgedrückt: wenn ich jedem Absatz oder auch mehreren Absätzen), der mit einem Initial begonnen soll, eine class zuweise und in dieser class diesen p-Code - funktioniert das? (Jetzt muß ich nur noch wissen, wie das geht)

    Edit maxe: Direkt Zitat entfernt

    Einmal editiert, zuletzt von maxe (17. Juni 2018 um 20:47)

  • Wäre das eine Lösung, wenn der Anfangsbuchstabe ein "S" ist, das rot erscheinen soll??

    <span style="font-color:red;">S</span>

  • Ich habe jetzt mal dieses unverändert übernommen und versuche, das jetzt für meine Zwecke umzuformatieren:

    .firstcharacter {
    color: #903;
    float: left;
    font-family: Georgia;
    font-size: 75px;
    line-height: 60px;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 3px;
    }

    <p>
    <span class="firstcharacter">D</span>as soll der Text sein
    </p>
    Im Moment scheint mir das eine machbare Lösung zu sein. http://www.mueangthai.info/buddhismus/

  • Ich frag mich gerade, warum du dich auf den Schlips getreten fühlst. Wenn du direkt auf meinen Post antwortest, brauchst du mich nicht voll zitieren. Solche Zitate löschen wir Mods (nicht nur ich bei dir).

    Die Lösung deines Problems habe ich dir doch schon in #12 gepostet. Wenn dir meine Hilfe nicht passt, sag es. Ich bin hier erstmal raus mit Hilfestellung.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Nö, fühle ich nicht, und ich mag ebenfalls Vollzitate nicht, habe ich sogar schon mal irgendwo geschrieben. Sorry, meine Antwort war nicht gerade feinfühlig :(

    Aber für mich stellt #12 keine Lösung dar, da es eben ausnahmslos alle Absätze beinhaltet. Ich habe inzwischen eine für mich gangbare Lösung gefunden und angewendet (s. #15)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!