Theme Twenty Ten modifizieren ,ist das möglich? ( siehe Bilder)

  • Hallo!
    Ich habe das Theme Twenty Ten und würde gerne einige Modifikationen vornehmen, wenn es möglich wäre.

    http://www.nicht-elfenwelt.de/

    Die Elfenwelt sieht so aus und ich hätte gerne die beiden Kreise vom Bild dazu....


    Kann man das einigermaßen sehen??
    Kann man sowas machen und wenn ja, wie macht ich das?? Oder ist das überhaupt möglich für jemanden wie mich das hinzubekommen?
    Meine, weil ich ja keine Ahnung von CSS und Html habe....

    • 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

  • Wenn Du keine Ahnung von HTML und wichtiger noch von CSS hast, halte ich Dein Anliegen für zu schwierig. Sicher ist das machbar, aber vielleicht suchst Du Dir jemanden im Bekanntenkreis, der sowas kann.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Das Problem ist, das ich niemanden kenne der sich mit solchen Dingen auskennt. Ich bin der einzige "Freak am Computer" im Umkreis...wenn jemand was mit Treckern oder Autos hat....kenn ich genug.....

    Das ist ja Mist....

  • Hallo Nicht-Elfe Nadine,

    Es ist durchaus möglich das Datum wie auf dem Bild zu positionieren. Allerdings hat SirEctor recht, es ist schwierig ohne HTML und CSS Kenntnisse es so zu gestalten. Aber ich probier es dir zu erklären ;-)

    1. Zuerst musst du die Loop.php ändern

    - Dazu fügst du unter der Zeile :
    <CODE><div id="post-<?php the_ID(); ?>" <?php post_class(); ?></CODE>

    folgenden Code ein:

    <CODE>
    <div class="datum">
    <span class="monat"><?php the_time('F') ?></span>
    <span class="tag"><?php the_time('d') ?></span>
    </div>
    </CODE>

    2. Als nächstes wird die style.css verändert

    - Die Klasse "#datum" wird erstellt:

    <CODE>
    .datum{
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url(Dein Bildpfad);
    background-origin: padding-box;
    background-position:0 0;
    background-repeat: no-repeat;
    color: #FFFFFF;
    background-size: auto auto;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 15px;
    position: absolute;
    width: (deine gewünschte Größe)
    height: (deine gewünschte Größe)
    text-align: center;
    font-size: 100%;
    margin-bottom: 0;
    margin-left: -6em; (Gibt an wie weit dein "BILD" herrausragt)
    margin-right: 0;
    margin-top: 0;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: 0;
    vertical-align: baseline;
    </CODE>

    3. Eine weitere Klasse für die Anzeige des Tages wird erstellt:

    <CODE>
    .datum .tag {
    display: block;
    font-size: (Größe der Schrift)
    font-weight: bold; (Dicke Schrift)
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: center;
    margin-top: -4px; (Position des Tages)
    }

    4. Die Klasse des Monats wird erstellt:
    <CODE>
    .datum .monat {
    display: block;
    font-size: (Größe der Schrift);
    font-weight: bold; (Dicke Schrift);
    padding-top: 1px; (Abstand);
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: center;
    </CODE>

    Mit ein wenig Testen solltest du alles weitere nach deinen Vorstellungen einrichten können.

    MFG

    „Du musst die Veränderung sein die du in der Welt sehen willst.“ (Mahatma Ghandi)

    Einmal editiert, zuletzt von Hannibal35 (12. September 2013 um 11:52)

Jetzt mitmachen!

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