Beiträge von alchymyth

aenderung nur in der style.css.
ohne images verzeichnis das bild in dem selben verzeichnis wie die style.css speichern - der code ist dann:

#header {    background: black [URL="http://forum.wordpress-deutschland.org/lexikon/?do=showentry&item=url"][COLOR=#000000]url[/COLOR][/URL](grafik.jpg) top center no-repeat;    }

der artikel behandelt das.

in der style.css des themes:

#header {    background-color: black;    }

aendern in:

#header {    background: black url(images/grafik.jpg) top center no-repeat;    }

das bild muss in das images/ verzeichnis des themes.

DIE_Jana

schau in den header.php
wenn da noch in der ersten zeile steht:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

dann entfern das. der header muss mit

<!DOCTYP..........

beginnen.

noch eine anregung mit vielen links - natuerlich auf englisch.
der erste schritt ist oft, das photoshop layout in eine statische html seite umzusetzen, und daran alle elemente und css zu testen und optimisieren. dann 'zerschneiden' und in wordpress umwandeln.
hat bei mir so geklappt.:)
noch eine andere anleitung. der link zeigt auf den letzten teil. alles wieder auf englisch.

<?php $counter = 1;
if(have_posts()) : while(have_posts()) : the_post();
  if($counter == '1') { ?>

muss die abfrage nicht

if($counter == 1 )

sein?

Angeblich hat MS beim IE8 eine ganze Menge Fehler entfernt, die den IE7 immer 'anders' machten. D.h. dass der IE8 jetzt mehr konform mit den anderen Browsern ist. Das heisst auch zugleich, dass deine Seite auch vorher bei vielen Besuchern 'falsch' dargestellt wurde. Da hilft nur, die Formattierung zu ueberarbeiten (u.a. HTML und CSS validieren).:-?

style.css:

/*===== o0o: TYPOGRAPHY =====*/
.description {
color:#666;
font-size:0.87em;
font-weight:400;
padding:7px 0 0 [COLOR=red]12[/COLOR]px;
width:300px;
display:block
}

tipp: wenn du dir den html code im browser ansiehst (unter 'anzeigen' -> 'quellcode' oder so - ich hab nen englishen browser daher weiss ich das nicht so genau - ) kannst du diese tag attribute selber finden.
in deinem beispiel:

</head>
<body>
<div id="outerWrapper">
<div id="header">
  <h1><a title="Home" href="http://www.konfliktkosten.eu/">
    KonfliktKostenAnalyse    </a></h1>
  <span class="description">
  Die Seite befindet sich derzeit im Aufbau.  </span> </div><div id="contentWrapper">

'id="xxxxx"' und 'class="yyyyyy"' bezieht sich immer auf die styles.

antwort ist im parallel thread

ich sah das ergebnis, braucht eine kleine anpassung:

in default.css:

/*===== o0o: BASE =====*/
#outerWrapper #header {
background: [COLOR=red]#fff[/COLOR] url(../images/default.jpg) right no-repeat;
}

fuege das '#fff ' ein.

das sollte die weissen streifen entfernen.

wenn ich das richtig verstehe: die eigentliche blog flaeche weiss wie ein blatt papier, dann den hintergrund rechts und links davon blau?

style.css:

body {
font-size:87.5%;
background-color:#[COLOR=red]26a[/COLOR]; [COLOR=darkorange]/*#26a ist der farbcode blau, was vorher #FFF fuer weiss*/[/COLOR]
color:#222;
font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
line-height:1.6em;
text-align:center;
border:0;
outline:0;
margin:0;
padding:0
}
/*===== o0o: STRUCTURE =====*/
#outerWrapper {
text-align:left;
width:760px;
margin:0 auto;
[COLOR=red]background:#fff; [/COLOR][COLOR=darkorange]/*macht das blatt papier wieder weiss*/[/COLOR]
}

das [COLOR=darkorange]orange[/COLOR] zwischen [COLOR=darkorange]/* .... */[/COLOR] sind kommentare in css, die brauchst du nicht mit einfuegen.

in der style.css deines themes:

#header h1 {
font-weight:700;
font-size:2.4em;
padding:60px 0 0 [COLOR=red]10[/COLOR]px
}

die 10px durch was groesseres ersetzen, 200px zB.

<?php the_modified_time('F jS, Y')  ?>

und dann in den klammern angepasst wie im codex beschrieben.

hast du die anweisungen (en) fuer die installation befolgt?

Wenn das mit der Body Box nicht geht, folge einfach Arno's Vorschlag.

arno:
hast absolut recht! ich war noch am suchen und schreiben, als dein beitrag reinkam.
naechstes mal werde ich einen neuen beitrag machen, wenn mir noch was einfaellt.
danke fuer deinen hinweis.

wie vorher gesagt:

Admin -> Design -> Atahualpa [COLOR=#000000]Theme[/COLOR] Options

nach 'post/page styling' gucken; anklicken;
runter scrollen bis 'BODY box':
'padding-left:5px;' einfuegen (oder einen anderen zahelnwert);
dann weiter runter und SAVE CHANGES oder so.
evtl. dasselbe auch fuer die HEADLINE box machen.

meine englische version hat das automatisch.:-?
hast du einen link zu deinem blog?

PS:
die style info dafuer wird dynamisch in der header.php erzeugt.
in
Admin -> Design -> Atahualpa Theme Options
gibts zumindest in der englischen version die moeglichkeit unter 'CENTER' den randabstand einzugeben:

padding: 10px 15px;

in der style.css vom theme:

.Header h1 {text-indent:-10000px; font-size: 28px; line-height: 28px; letter-spacing: -1px; padding: 27px 5px 0px 100px; margin: 0px; font-weight: normal;}
.Header .Desc {text-indent:-10000px; color:#75c0d9; font-size: 14px; line-height: 14px; font-weight: bold; letter-spacing: -1px; font-family: 'Arial'; padding: 0px; margin: 0px 0px 0px 100px;}

dann ist der header aber nicht mehr klickbar als link.

vielleicht noch die width aendern, damit alles auf eine zeile passt?

#logo h1 a {display:block;width:[COLOR=seagreen]300px[/COLOR];height:33px; }

300px oder so?