Template für die neue Funktion „Titelbilder“

  • Code
    <div class="info">
    <font style="font-size: 22px; font-weight: 400; letter-spacing:-1px">Bitte beachten!</font>
    <p>Dieser Beitrag ist veraltet und trägt keine Gültigkeit mehr bzw. ist fehlerhaft.</p>
    <p>Lese zur Aufklärung über die neue Formatierung der Titelbilder den unteren Beitrag.</p>
    </div>


    Hallo,

    die wohl erste neue Funktion, die die meisten von euch entdeckt haben, sind die Titelbilder.

    Ich persönlich finde diese deshalb so gut, weil sie euch eine neue Möglichkeit der Personalisierung bietet.


    Dennoch ist mir bewusst, dass nicht jeder das notwendige Know-How besitzt, um das bestmögliche Ergebnis zu erzielen.

    Ich habe mich deshalb dazu entschieden, eine Vorlage für euch zu erstellen, die ihr nutzen könnt, um euer Titelbild anzugleichen.

    Natürlich hätte ich dies auch standardmäßig im Stil des Forums programmieren können, doch damit hätte ich ja neuen Ideen limitiert.


    Im Anhang findet ihr eine .png-Datei, die ihr über ein beliebiges Bild der Größe 1020x200 legen könnt, damit diese, ähnlich wie das Standardbild, „überlaufen“.

    Trotzdem möchte ich hier jeden motivierten Hobby-Designer dazu anregen, eventuell seine eigene Ideen in seinem neuen, persönlichen Titelbild umzusetzen.

    Wohlmöglich wird es dafür bald einen Ansporn in Form eines besonderen Achievements geben, was übrigens ein Teaser auf eine weitere neue Funktion ist.


    MfG,

    syntek

  • Ohne jetzt so zu pushen aber gibt es noch andere Auswahl Möglichkeiten?

  • Ohne jetzt so zu pushen aber gibt es noch andere Auswahl Möglichkeiten?

    Das Titelbild ist deiner eigenen Kreativität offfengestellt, das Overlay hat syntek hier nur erstellt um dem ganzen einen flüssigen Übergang zu geben, wenn also kein anderer Templates angefertigt hat gibts auch keine :)

  • Ich habe soeben eine alternative Darstellung für Titelbilder umgesetzt.

    Die (Standard-)Titelbilder haben aufgrund des Formates (.png) die Ladezeit nach oben katapultiert.

    Die Umsetzung ist nun wesentlich effizienter und ästhetischer; man kann sich das Ganze so vorstellen:

    • Das Titelbild besteht aus 3 Ebenen, wovon der Nutzer lediglich die Mittlere Ebene einstellen kann
    • Die untere Ebene beinhaltet immer das Standardbild, wird jedoch von euren Bildern überdeckt
    • Die obere Ebene formt über CSS (keine Bildatei!) nun immer einen Rahmen und einen Übergang

    Das heißt im Klartext, dass, sofern Ihr ein transparentes Titelbild hochladet, der Standard-Hintergrund erhalten bleibt.

    Außerdem ist nun, unabhängig davon ob Ihr meine Template verwendet habt, immer ein Rahmen und ein Übergang vorhanden.

    Das macht das Ganze nicht nur nutzerfreundlicher sondern auch wesentlich anschaulicher und einheitlicher, wie ich persönlich finde.


    Als nächstes werde ich mich der mobilen Ansicht von Titelbildern widmen, also bitte wundert euch nicht über die aktuell mobile Darstellung.

    Einmal editiert, zuletzt von Jesse Pinkman ()

  • syntek

    Hat das Thema geschlossen.