Beiträge von alchymyth

das corpblue logo ist ein hintergrundbild.

erste moeglichkeit: erstelle deinen eigenen titel auch als bild (logo.jpg);

zweite moeglichkeit:
aendere die style.css:

#logo {float:left;}
#logo h1 {text-indent:0px;margin:0;padding:0;color:#fff;}
#logo h1 a {display:block;width:152px;height:33px; }

das entfernt das hintergrundbild und bringt den blogtitel wieder auf die seite (der war vorher mit 'text-indent:-10000px' vom bildschirm geschoben.) wahrscheinlich musst du mit den zahlenwerten etwas spielen, damits gut aussieht.

in der style.css

#top {
 height:110px;
 margin:auto;
 background:#393f42 url(images/top.png) top no-repeat;
 width:1000px; 
 }

top.png durch den dateinamen deines eigenen bildes ersetzen. und das bild in den images folder des themes hochladen.

wenn du genug englisch kannst, google mal 'rollover image swap'. da gibts massig information - mit css oder javascript.

in admin unter 'seite bearbeiten' am rechten rand 'attribute' kannst du 'reihenfolge' einstellen. also dem home und impressum eine hohe nummer geben, und dann den neuen seiten beim erstellen laufend kleinere nummern zuordnen.

in der index.php im wordpress loop nach

<?php the_content(); ?>

suchen und [COLOR=green]content[/COLOR] durch [COLOR=green]exerpt[/COLOR] ersetzen

<?php the_exerpt(); ?>

ps: scheint mehr komplex zu sein, da laeuft ein beitrag im paralleforum.

zB etwa wie :

<div class="blog_date"><?php the_time(__('l, j. F Y - G:i', 'kubrick')) ?></div>

die variablen sind hier.

das untermenu scheint nur bei der aktiven seite zu erscheinen.
wenn du dann den style dafuer erweiterst, scheint es zu gehen. frag' nicht warum, zumindest mit firefox:

#menu li.current_page_item [COLOR=green]ul[/COLOR] a { 
 color:#xxxxxx;
 padding: 2px 0px 2px 0px;
}

ps:CMSFan - wie ein fussballfan, gerne zugucken, aber keine ahnung?
als ich im sommer am strand volleyball gespielt habe, hiess es immer; magst du volleyball? - warum lernst du es dann nicht?

style.css

.widget {margin-bottom:20px;}

oder irgendeine andere zahl die dir besser passt.

du brauchst ziemlich gute kenntnisse in html, css, und eine idee von php.
erster schritt: setze deine idee in eine staische webseite um, mit all den elementen die du brauchst: header, navigation, seitenbar, footer - und alles formattiert mit style.css, alle grafiken, bilder, text formattierung, usw.
ueberlege was du von wordpress brauchst: archiv?, kommentare?, kategorien?, usw.
zweiter schritt: 'zerschneide' die html datei in teile und bau die wordpress php befehkle ein (beispiel anleitung in englisch).

ich freue mich mit dir.
ich habe dadurch auch wieder mehr gelernt.
ich hab deinen blog in meine favoritenliste aufgenommen, mal sehen dass ich zeit finde und brotbacken probiere.
danke und tschuess erstmal.

zwischen dem ende von </head> und dem beginn von <body> sind eine ganze menge divs and scripts, die dort sicher nicht hingehoeren.
irgendetwas mit 'target4ad2net' ? koennte im header.php stehen.

ich glaub, das ist jetzt der letzte schritt, war auch ein bischen verwirrend mit all den aenderungen:

#nav ul li a{
padding: 5px 7px 6px 7px;
text-decoration: none;
color: [COLOR=darkorange]#000000[/COLOR]; /*das ist die farbe des links #000000 fuer schwarz*/
display: block;
}

wenn da #000000 drin steht, sollte es eigentlich klappen.
daumen druecken!:?

ps: oder koenntest du #800000 reinschreiben, dann hat es dieselbe farbe wie der andere text.

ich glaub, ich hab's.

#nav ul li a{
 padding: 5px 7px 6px 7px;
 text-decoration: none;
 color: #[COLOR=seagreen]000000[/COLOR]; /*das ist die farbe des links #000000 fuer schwarz*/
 display: block;
}
#nav li a:visited{
 text-decoration: none;
[COLOR=red]/* color: #ffffff; */  /*das hat hier immer dazwischen gefunkt*/[/COLOR]
}
#nav li a:hover, #nav .current_page_item a{
 text-decoration: none;
 background: #800000 /*url(images/nav-item-hover.gif) repeat-x*/;
 color: #F5F5DC; /*das ist dann die farbe im aktiven link #F5F5DC fuer fast weiss*/
}

alles zwischen [COLOR=sandybrown]/*......*/[/COLOR] einschliesslich ist kommentar und kann geloescht werden.
also das 'color:#ffffff' kannst du entweder auskommentieren oder entfernen.
du taetest mir einen grossen gefallen, wenn du das als letztes noch mal probieren wuerdest, ich kann soinst bestimmt nicht ruhig schlafen.:???:

vielen dank und besten gruss,
michael (in irland, daher keine umlaute:-D)

ja, jetzt ist alle schrift weiss; daher noch mal genau in der style.css nachsehen:

#nav ul li a{
 padding: 5px 7px 6px 7px;
 text-decoration: none;
 color: #000000; [COLOR=darkorange]/*das ist die farbe des links #000000 fuer schwarz*/[/COLOR]
 display: block;
}
#nav li a:visited{
 text-decoration: none;
 color: #ffffff; [COLOR=darkorange]/*das ist dann die farbe im aktiven link #ffffff fuer weiss*/[/COLOR]
}

ps:ich wuenschte, ich koennte brot backen so schnell lernen, wie du hier styling lernst.:mrgreen:
gruss, michael

gern geschehen.
eine kleinigkeit noch:

#nav li a:visited{
 text-decoration: none;
 color: [COLOR=seagreen]#ffffff;[/COLOR]
}

das macht die schrift im aktuellen tab weiss und besser lesbar.

:oops:perfektionismus ist eine schreckliche angewohnheit:oops:

echt gut soweit.

Zitat

Ich hoffe ich bin nicht unverschämt mit der vielen Fragerei.

dafuer ist das forum ja da.:-D

die navigations farbe steht hier drin (style.css):

#nav li a:hover, #nav .current_page_item a{
 text-decoration: none;
 background: [COLOR=seagreen]#800000[/COLOR] [COLOR=red]/*url(images/nav-item-hover.gif) repeat-x*/[/COLOR];
 color: #F5F5DC;
}

nav-item-hover.gif ist ein blaues hintergrundbild, das weg muss.
das rot markierte kannst du entweder so aendern wie es da steht oder ganz entfernen.
das mit dem rotierendem dings ist nicht mein gebiet, da kann vielleicht jemand anders helfen.

floffimedia
da ist ein anderer beitrag von 'flame' mit dem link zur seite ein paar tage vorher.
da ist wirklich kein #wrap drin.

Flame

Zitat von Flame

[COLOR=red]Hier[/COLOR][COLOR=#800080] [/COLOR]ist mal der Link zum Theme.
Die Seite alleine bringt eher wenig, wenn man das Theme nicht kennt, oder?

die seite UND das theme bringt am meisten!
es ist naemlich einfacher mit dem firebug eine bestehende seite zu untersuchen als theoretisch in einem theme 'rumzusuchen.

die weite des themes ist in einigen divs beeinflusst - #page, #header, #headerimg, #main, #footer. und die werden dynamisch von der style.css.php erstellt. ausserdem ist der hintergrund in mehreren grafiken angelegt.
wenn eine zweite sidebar sogar das weite theme sprengt, wuerde ich mal den entwickler kontaktieren.:???:

da gibt es eine menge schwarze schrift auf schwarzem grund (#000000), ebenso weiss auf weiss (#ffffff). uebrigens muss bei der farbangabe entweder 3 oder 6 stellen sein. da hilft nichts als das style.css mal auszudrucken und in ruhe durchzuschauen. der dreamweaver kann evtl mit eine css validierung helfen.

in der style.css:

body {
 background: [COLOR=seagreen]#999900[/COLOR] /*[COLOR=red]url(images/html-bg.gif) repeat-x[/COLOR][COLOR=black]*/[/COLOR];
 font: 75%/170% Arial, Helvetica, sans-serif;
 padding: 0px;
 margin: 0px;
 color: #333333;
}
 
...
 
#page {
 background: [COLOR=seagreen]#999900[/COLOR] /*[COLOR=red]url(images/main-bg.jpg) no-repeat center top[/COLOR][COLOR=black]*/[/COLOR];
}

das gruene aendern, das rote auskommentieren - vielleicht fuer spaeter wenn du ein gesamthintergrundbild einfuegen willst. dann ist das ein flacher einfarbiger hintergrund.
nb: alles zwischen /* .... */ gilt als kommentar in der style.css.