diverse Details zu den CSS

  • Hallo in die Runde,

    es geht um http://www.info-management.de
    Ich habe gestern schon den ganzen Tag an der CSS-Datei gearbeitet, einige Details schaffe ich nicht so ohne weiteres.

    - Ich möchte google-Adsense einbauen. Am liebsten in einem eigenen Kasten links neben der jetzigen Page. wie stelle ich das am geschicktesten an?

    - Ich möchte, dass die Bilder (hier insbesondere die iframes in den Texten) einen kleinen Abstand (5 px oder so) zum umfließenden Text bekommen. Viele Versuche haben nicht gefruchtet.

    - Die H1 ganz oben (http://www.info-managemenent.de) soll eine andere Farbe haben. Hover-Effekt wurde angenommen, wie ich mir das gedacht aber die Farbe für den Fall, dass H1 ein Link ist, ... bekomme ich nicht geändert.

    - Die Sidebar soll einen Innenrand bekommen (5 px oder so).

    - Ich möchte in der Sidebar die Titel (Pages, Archives, Categories) nicht nur nur Übersetzen sondern am liebsten frei bestimmen.

    - Wenn h2 in der Sidebar steht (Pages, Links, etc) soll es eine andere Farbe bekommen.

    Ich hoffe das sind nicht zu viele Fragen für den Einstand hier.

    Schöne Grüße aus Berlin
    Brigitte Lüdecke

    • 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

  • Da schlägt aber jemand zu ...

    Zu Google-Ads: Ehrlich geasgt keinen Plan.
    ( ich mags net und wird sowieso ausgeblendet )
    Aber ich würde es mit einer absoluten Positionierung im Stylesheet zum "page" Container probieren. <div id="page">
    In der header.php den googlead-Container einbauen:
    [FONT="Courier New"]<div id="googleads">
    <!-- google-kram -->
    </div>[/FONT]
    Im Stylesheet z.B.:
    [FONT="Courier New"]#googleads {position: absolute; left: 10px; top: 10px; }[/FONT]

    Zu den Iframes:
    Könnte einfach so übers Stylesheet gelöst werden:
    [FONT="Courier New"]iframe { padding:5px 5px 5px 0px;} /* Abstand: oben rechts unten links */[/FONT]

    Zur H1:
    Farbe wird im Stylesheet ab Zeile 99 definiert, dort ändern.

    Zur Sidebar:
    Auch im Stylesheet Zeile 495, paddings ändern siehe oben wie Iframes.
    Eventuell muss die Breite angepasst werden, sonst gibt es Ärger mit 'nem IE.
    [FONT="Courier New"]#sidebar
    {
    padding: 20px 5px 10px 5px;
    margin-left: 545px;
    width: 180px;
    background-color: #e2eeef;
    }[/FONT]

    Zur Sidebar H2:
    Und wieder im Stylesheet:
    [FONT="Courier New"]#sidebar h2 { color: #123456 }[/FONT]

    Zu den Titeln:
    Dazu wirf ein Blick in die sidebar.php.
    Für "Pages" z.B. so:
    [FONT="Courier New"]<?php wp_list_pages('title_li=<h2>Seiten</h2>' ); ?>[/FONT]

    ..uff !

    "Whoever controls the media, controls the mind." J.Morrison

  • [quote='Brigitte']Hallo in die Runde,
    Danke für die ersten Antworten.
    Google-Adsense habe ich mittlerweile bewältigt.
    Oben quer, so wie es jetzt ist (http://www.info-management.de), bin ich ganz zufrieden. Das PlugIn Adsense-Deluxe ist gut.
    Rechts in der Sidebar ... da war schon klar, wie ich das mache, aber da wird vermutlich seltener geklickt.

    Schöne Grüße
    Brigitte

  • Zitat von telekommander

    Da schlägt aber jemand zu ...

    Vielen Dank.

    Bin fertig ;-)
    Firefox, IE, Opera, Netscape ... OK.
    Ich weiß jetzt, warum ich das seit 3,5 Monaten vor mir hergeschoben habe.

    Schöne Grüße aus Berlin
    Brigitte

Jetzt mitmachen!

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