Chobits Pink | Diverse Designprobleme

Heyo allerseits !

Hab einige Fehler bei meinem Blog-Design gefunden, wobei ich gern hier um Rat fragen mag.

Nutze für meinen Blog das Chobits Pink Theme von Angelina (siehe Angi’s Blog » Chobits Pink 1.1 Wordpress Theme ), und habe es natürlich bereits einigermaßen für meine Bedürfnisse angepasst.

Die offensichtlichste Abänderung von mir: Kommentare habe ich aus meinem Blog komplett raus genommen.

Für die Anpassungen bzw. woran ich mich orientiere, ist mein Firefox Browser, auf eine Auflösung von 1024x786px oder 1440x900px.

a) Vor kurzem musste ich feststellen, dass sich die Sidebar im Internet Explorer - bei 1024x786px sich nach unten verschiebt. Im Firefox Browser ist es aber ganz normal rechts der Beiträge.
Bei 1440x900px ist das Problem dann nicht mehr da.

b) Bei mehreren Einträgen vom selben Tag innerhalb der Kategorie- / Archivansicht wird der Zeitstempel nicht mehr so schön angezeigt wie ich es mir sonst erhoffe. Es sieht dann ungefähr so aus:

(hier Post)
"Abgelegt unter: Gedanken von Keiran am 1. September 2007"

(der nächste Post)
"Abgelegt unter: Gedanken von Keiran am"

c) Auf meinem Stationären Rechner wird der Titel im Bild in einem schönen Kursiv dargestellt - während es auf meinem Laptop in einem langweiligen Arial(?) erscheint. Ich denke mal es liegt daran, dass mein Laptop nicht alle Fonts hat.

Könnt ihr mir weiterhelfen bei meinen Designproblemen und habt vielleicht paar Tipps parat?

Bei a) bin ich recht ratlos.

Zu b) fällt mir nicht viel ein, außer das "am" weg zu machen. Sieht zwar schöner aus, aber wenn ihr eine bessere Idee habt - bitte verraten!

Für c) überlege ich mir einen noch generelleren Font auszusuchen für die Titelüberschrift. Aber welche?

Vielen Dank im Voraus - und wenn ihr noch mehr Fehler findet, oder konstruktive Kritiken habt: http://forum.wordpress-deutschland.org/blogshow/23904…esgefuehle.html

Immer her damit. Ich suche noch immer nach einem alternativen Titelbild, welches optisch und gefühlstechnisch passen könnte - und demnächst gibt es auch einen neuen Link für meinen Blog. *vorfreu*

Super! Danke! Hat auf Anhieb so funktioniert wie ich es mir erhofft hatte. Ein Problem weniger - da sind es nur noch zwei. :)

Gut das du das mit IE7 angesprochen hast. Hab es mit IE6 versucht - Versionsabhängiger Fehler oder liegt es doch an der Auflösung?

Problem mit Sidebar gelöst - zumindest für IE6 1024x786px.

Sidebar margin von 0 0 0 15 auf 0 0 0 10 (px) umgestellt.

Gewöhnungsbedürftig die Änderung - aber besser als vorhin. :)

Lieben Dank an Olfab für die Hilfe via pm !

Hab mir das auch schon überlegt. Zu meinem Glück sind da aber noch zwei Dinge die ich überdenken müsste:

d) Ich suche ein neues Artwork für meinen Header

e) Würde es den Suchmaschinen nicht negativ auffallen wenn ich über den Titel bzw. diesen durch ein Bild ersetzen würde?

Hab nun in der Header Datei folgenden Code gefunden, der Für die Anzeige des Blognamens "im Bild" verantwortlich ist

<?php bloginfo('name'); ?>

Reicht es wenn ich den entferne, oder muss ich da noch was beachten?

Das Bild selber wird im Stylesheet festgelegt und ich habe leider noch keine Kenntnis darüber, wie ich das "alt" Attribut drauf setze.

Ein weiteres Problem habe ich mir nun auch noch geschaffen... :oops:

f) Ich würde gerne die Menüleiste oben etwas nach links verschieben, so dass es optisch etwas besser passt.

Wenn ich richtig liege dann ist folgender Code im Stylesheet dafür verantwortlich:

#hnav {
 width: 770px;
 margin: 8px auto;
 height: 23px;
 background: #fde9ef;
 border-bottom: 0px solid #ccced2;
 border-left: 0px solid #f5f6f7;
 border-right: 0px solid #ccced2;

Nun habe ich da ein wenig rumprobiert und hoffte ich könne das mit "margin" ähnlich wie bei der Sidebar machen. Aber hier macht sich doch die mangelnde Kenntnis über CSS bei mir bemerkbar, wo das Probieren am Ende nichts half. Entweder war nun die Menüleiste danach plötzlich etwas höher oder kleiner.

Sonst vielleicht irgendjemand noch irgendwelche Fehler bemerkt? Trau mich kaum noch zu fragen, warum die Auszüge in der Kategorieansicht so unterschiedlich ausfällt...

Lieben Dank nochmal für jede Hilfe !!!

Also... ich weiß nicht was ich falsch gemacht haben muss, aber deine Vorschläge musste ich alle bisschen anders adaptieren, weil es sonst zuviel verändert hatte, wo ich allein nicht weiterkomme.

Angefangen habe ich beim <div id="header"> und dein Vorschlag bei #top.

Wenn ich das <div id="header"> rausnehme - ist der Übergang zwischen dem oberen Teil und dem unteren zerstört. Man sieht dann den oberen Teil, also wo der Titel ist, breiter als der Untere und eingerahmt. Ich denke, dass dieser Part daher schon sehr wichtig ist für die Verbindung zwischen den beiden Teilen.

Der Vorschlag das display: block; zu setzen beim #top, brachte ähnlich viele Veränderungen. Hab mein Problem gelöst, nachdem ich durch deinen Rat den richtigen Part gefunden habe, indem ich das Padding von hnav umgestellt habe:

padding: 5px 10px 5px 30px;

Mit dem Tipp für das Titelbild habe ich das Problem, dass das Bild auch beim Stylesheet festgelegt wird (wenn ich das richtig verstanden habe):

#masthead {
 background: url(images/topbar.jpg);
 width: 750px;
 height: 340px;
 margin: 0 auto;
 padding: 0;
 border-top: 1px solid #7f7157;
 border-right: 1px solid #7f7157;
 border-bottom: 1px solid #7f7157;
 border-left: 1px solid #7f7157;
}

Geht da das noch mit der Methode von dir? Danke für deine Hilfe.

Hab das jetzt geändert, indem ich das Bild bearbeitet habe. Mein größtes Problem, war wirklich, dass das Bild im Stylesheet festgesetzt wurde und ich da nicht soviel ändern wollte.

Und mit dem Code von dir, käme im schlimmsten Falle Bild auf Bild, was bestimmt auch nicht schön aussieht. Soviel zur Kompatibilitätsfrage bezüglich des Fonts... aber eigentlich wollte ich schon den alt Attribut von dir einbauen...

Was meint ihr? Ist das ok so, indem ich im Header folgendes belasse?

<div id="blogtitle"> 
    <!--   <?php bloginfo('name'); ?> -->
  </div>

Oder sollte ich noch etwas ändern?

Ah - gut. Hab dich auch nicht missverstanden und es so übernommen wie du es mir empfohlen hast. Jetzt ist alles hoffentlich bei dem Punkt einwandfrei. :)

Vielen Dank! *freu*

Ne Menge Arbeit, aber auch eine Menge Kleinigkeiten in CSS gelernt. <3

So. Nach langem würde ich gerne wieder was an meinem genutzten Theme ändern, und mag daher wieder hier um Rat fragen.

Es geht darum, dass ich gerne im Kalender die Tage permanent hervorheben mag, an denen ich was veröffentlicht habe. Nun steht der Kalender schon lange so wie er ist, und hat keinen wirklichen nutzen, da die Hervorhebung nur bei einem Mouseover erscheint.

Leider bin ich im Stylesheet nach vielem rumprobieren auch nicht schlauer geworden. Kann mir da jemand einen Tipp geben, wo ich konkret genauer nachschauen könnte?

Vielen Dank im Voraus. :)

Ergänzung: der Part wo ich gesucht habe:

/*--------------------------------- Kalender ---------------------------------- */
#wp-calendar {
 margin: auto;
 font-size: 1em;
}
#wp-calendar caption {
 font-size: 1.1em;
 font-weight: bold;
}
#wp-calendar th {
 font-weight: bold;
 font-size: 1em;
 background: #c6d6f0;
 text-align: center;
}
#wp-calendar #today {
 border: 1px solid #666;
}
#wp-calendar td {
 color: #666;
 width: 18px;
 text-align: center;
}
#wp-calendar a {
 color: #666;
 width: 18px;
 background-image: none;
 padding-left: 0px;
 border-bottom: none;
 text-align: center;
}
#wp-calendar a:hover {
 color: #666;
 width: 18px;
 background-image: none;
 padding-left: 0px;
 border-bottom: none;
 text-align: center;
}
#wp-calendar #next a, #wp-calendar #next  {
 padding-right: 0;
 text-align: right;
 width: auto;
 font-weight: bold;
}
#wp-calendar #prev a, #wp-calendar #prev {
 padding-left: 0;
 text-align: left;
 width: auto;
 font-weight: bold;
}

Huhu Angi! :)

Lieben Dank für deine Hilfe - hab noch bisschen rumprobieren müssen, aber ich glaube ich habe nun verstanden wie ich es am besten umstellen, kann. Danke dir! ^^

Zufrieden bin ich aber nicht wirklich mit dem was ich da gemacht habe... ob ich den Kalender mangels Funktion lieber doch rausnehmen soll...?

Hmmm...