Beiträge von perryzelda

Wenn du die vorhandenen Datenbankeinträge zum Testen nutzen willst,
dann passt ev. dieses Plugin

WordPress › Theme Test Drive WordPress Plugins

Test-Theme nur für admins sichtbar, alle anderen sehen das aktivierte Theme

ich verwende das laufend, es funktioniert

du meinst wahrscheinlich so etwas

WordPress › TinyMCE Advanced WordPress Plugins

suche in der sidebar.php

<?php wp_list_categories('title_li=' . __('Categories:')); ?>

und ersetzte Categories durch die neue Bezeichnung

Wozu eine image-map ?
Du kannst einfach einen Link im Header einfügen und den über CSS positionieren:

<div id="header"<?php modmatHeaderImage(); ?>><a href="..." > </a>
    </div><!--  #header -->

und dann in der style.css

#header a, #header a:visited {position,background,width,height etc..}

nirgends - das geht nicht auf einen background image.

eine imagemap-ähnlichen effekt kannst du mit html/css erreichen:

so zB:
A List Apart: Articles: Night of the Image Map

Ich hab das auf einer Startseite so gemacht:

<?php 
query_posts('');
if (have_posts()) : 
    $i=0;
    while (have_posts()) : the_post();   
    $i++;
   if ($i==2 and is_home()) { ?>
  <div class="einschub" >
  <?php include (TEMPLATEPATH . ' ..... '); ?>
  </div>

du kannst einmal ausprobieren (mangels daten zu deinem stylesheet)

hier findest du eine ganze Menge Infos zu diesem Thema

Falls du auch ein Suchfeld im Blog integriert hast: das spricht auf die selben Formatierungsanweisungen an, wie das Kontaktformular.

Du hast zB. in beiden ein <input> - Feld. Also Achtung, damit du nicht beim einen etwas ändernst und das beim anderen dann wieder falsch ist.

<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.

oh, das mit dem link hab ich vergessen dazu zuschreibeN:

gibt noch display:block in #headerimg a {}

und der restliche hintergrund:
wird bei #page definiert (zumindest in der kubrik-version, die ich bei mir gefunden habe). hast du da vielleicht etwas überschrieben ?

#headerimg a:link,[COLOR=Red] #headerimg[/COLOR] a:visited { 
height: 192px;
width: 740px;
background: #000000 [URL="http://forum.wordpress-deutschland.org/lexikon/?do=showentry&item=url"]url[/URL]('images/kubrickheader.jpg') no-repeat bottom center;
}


#headerimg a:hover, [COLOR=Red]#headerimg[/COLOR] a:active { 
height: 192px;
width: 740px;
background: #000000 [URL="http://forum.wordpress-deutschland.org/lexikon/?do=showentry&item=url"]url[/URL]('images/kubrickheader_h.jpg') no-repeat bottom center;

deswegen hab ich das oben ja auch so hingeschrieben.

[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]

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

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

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]

nein, umgekehrt:

du setzt den Link innerhalb des div id=header, somit passt auch alles mit der Validierung

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

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:

<div id="header_logo">


<!-- logo jpg -->


<img src="dgclick%20photography%20-%20by%20Daniela%20Lettner%20&amp;%20Giambattista%20Pace-Dateien/dgclick.htm" alt="dgclick photography">




<!-- logo jpg -->


    </div>

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

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

gibts nicht.

[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

die positionierung dafür da,damit man direkt innerhalb absolut oder relativ positionieren kann. Der Rest ist für alte Browser. Wenn man auf die verzichtet kann man's weg lassen. und die Breite braucht man ja wohl auch irgendwo

gib dem #header_logo eine Höhe und eine Breite

1. alles im body zentieren

body {text-align:center;}

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

#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