Beiträge von perryzelda

  • Kubrick Theme - header-Bild mit hover

    Code
    <div id="header">
    <div id="headerimg"><a href="http://sockenblog.so.funpic.de/jbb" title="The Jazzters - Junior Big Band Nersingen">
     
      </a></div>
  [COLOR=Red]</div>[/COLOR]

    das rote </div> gehört da nicht hin. löscht das einmal weg und häng es als abschließendes </div> ganz unten dazu.

  • Kubrick Theme - header-Bild mit hover

    deswegen hab ich das oben ja auch so hingeschrieben.

    Code
    [COLOR=#000000]<div id="headerimg"><a href=".....">[/COLOR]


    da fehlt der link: [COLOR=#000000][COLOR=#0000CC]<?php bloginfo[/COLOR][COLOR=#006600]([/COLOR][COLOR=#CC0000]'url'[/COLOR][COLOR=#006600]); [/COLOR][COLOR=#0000CC]?>[/COLOR]" title="[COLOR=#0000CC]<?php bloginfo[/COLOR][COLOR=#006600]([/COLOR][COLOR=#CC0000]'name'[/COLOR][COLOR=#006600]); [/COLOR][COLOR=#0000CC]?>[/COLOR][/COLOR]

  • kontakt form 7 css

    kann heissen, dass in der css im plugin border definiert ist oder in deiner style.css. In die Website werden ja alle Styles geladen. Wenn es dann an einer 2. Stelle eine zusätzliche oder überschreibende Defintion gibt, dann gilt die eben auch

  • Header ändern, Logo einfügen?

    wenn du im stylesheet etwas weglässt, heisst das nur, dass dieses element in der datei keine Formatierung mehr hat (und dann eben irgendwie aussieht bzw. irgendwo psoitioniert ist).

    oder du blendest es aus mit display:none

    Rausnehmen kannst du nur in der entsprechenden php-Datei

  • Kubrick Theme - header-Bild mit hover

    innerhalb heisst ja auch nicht mittendrin:

    <div id="headerimg">

    <[COLOR=#000000]a href="[COLOR=#0000CC]....[/COLOR]"> ...[/COLOR][COLOR=#000000][COLOR=#0000CC] bloginfo ... [/COLOR][COLOR=#006600][/COLOR][COLOR=#0000CC]</a>

    </div>

    alle link-definitionen (visited, hover, active) kommen in die style.css.

    heisst dann also in der style.css:
    #headerimg a { ...width, height, background, text-intent ... }
    #headerimg a:visited
    [/COLOR][/COLOR][COLOR=#000000][COLOR=#0000CC]#headerimg a:[FONT=verdana]hover
    [/FONT][/COLOR][/COLOR][COLOR=#000000][COLOR=#0000CC]#headerimg a:[FONT=verdana]active[/FONT][/COLOR][/COLOR]
    [COLOR=#000000][COLOR=#0000CC]
    [/COLOR][/COLOR]

  • Kubrick Theme - header-Bild mit hover

    Ganz generell und theoretisch geht das so:

    du gibst dem Link ein Hintergrundbild.
    a, a:visited {background:...}

    und dazu dem hover-Zustand ein anderes Bild

    a:hover, a:active { background:...}

    dazu musst du dem Link im Header eine feste Breite + Höhe geben.
    im Moment hast du da ein onclick drinnen.
    Besser gegen eine normalen Link austauschen

  • Header ändern, Logo einfügen?

    der Code, den du gepostet hast ist nicht in der Datei zu der der Link oben führt

    du hast da nämlich nur ein Bild drinnen:

    das verweist allerdings auf eine Datei und kann so nix werden. Daher wird nur der alt-Text angezeigt.

    nimm das mal raus und schau, ob in dieser Testseite wirklich das angezeigt wird, was du sehen willst. oder poste einen anderen Link

  • Header ändern, Logo einfügen?

    [quote=zucchini
    [COLOR=Red]background-height: 44px;
    background-width: 1000px;[/color]
    [/quote]

    gibts nicht.

    Code
    [COLOR=Red]height: 44px;
width: 1000px;[/COLOR]

    muss das heissen

    aber pass auf mit den paddings dazu, da wird sich was verschieben, musst du dann anpassen

  • Layout: Seite zentral ausrichten

    1. alles im body zentieren

    Code
    body {text-align:center;}

    2. das element, in dem deine ganze seite liegt mittig ausrichten:

    Code
    #container {position:relative;      width:1024px; text-align:left;     margin-left: -512px;          left: 50%;  }


    damit erkennen alle Browser, auch der alte IE, was zu tun ist

    das ganze kommt in die style.css

  • Feld über Sidebars

    in der style.css machst du nur die Formatierung dazu:
    Farben, Rahmen, Schrift, Größe etc.

    Den div-Container musst du in der .php einfügen, in der die beiden sidebars dargestellt werden..

    wenn du also zB. in der index.php (oder header, footer,single, category) so etwas wie

    PHP
    <?php get_sidebar(); ?>

    findest, dann bist du richtig. Dazu dann eben noch die 2. Sidebar falls die nicht ebenfalls in der sidebar.php drinnen ist

    PS: muss leider weg, falls sich in der zwischenzeit niemand findet, kann ich in 2-3 stunden wieder weiterplaudern

  • list-style-image im Internet Explorer

    du kannst ganz einfach für den IE6 eigene styles vorgeben:

    mit

    * html {.....}
    (die Anstände zwischen *, html und der Deklaration sind Absicht und notwendig)
    Das wird von den anderen Browsern ignoriert

    das schreibst du dann mit den für den IE6 nötigen Werten in die style.ss. keine eigene Weiche o.ä. erforderlich

  • list-style-image im Internet Explorer

    weil es mit Listen in den Browsern immer wieder Probleme mit unterschiedlicher Darstellung gibt, mach ich das generell anders: anstatt list-style-image verwendet ich ein background-image für die Listpunkte. (Es spielen da auch immer noch die Verhältnisse zu den umliegenden Containern, margins und paddings, inside und outside eine Rolle)

    Eine solche Struktur schaut dann so aus:

    Code
    #menu ul li    { list-style:none; list-style-image:none; background: url(......) [COLOR=Red]left 5px[/COLOR] no-repeat; padding:3px 0 3px 13px;}

    [COLOR=Red]left [/COLOR]und [COLOR=Red]5px[/COLOR] (also zuerst Position von links und dann von oben) sind zum genauen Positionieren des Bildes. Das hat auch den Vorteil, dass du mit dieser Lösung die Position gelichmäßig einrichten kannst, auch wenn der Text 2- oder mehrzeilig wird.