Beiträge von Rarehero

Du hast es auch fast richtig gemacht. In deiner CSS-Code-Wüste steht Folgendes:

#page {
background-image: url('images/daemon.jpg') bottom left;
background-color: black;
border: 1px solid #959596;
text-align: left;
}

Dein CSS-Code sagt dem XHTML-Code, dass das Element "page" ein Hintergrundbilder haben soll und eine Zeile später veranlasst dein CSS-Code, dass Element mit Schwarz zu füllen. Also entweder fasst du alle Definitionen für den Hintergrund in eine Zeile zusammen oder du führst alle Definitionen getrennt auf. Ein Mischmasch der Schreibweisen funktioniert nicht, zumindest dann nicht, wenn man es so macht, wie du es hier gemacht hast (als erst ein Bild in den Hintergrund legen und dann den Hintergrund doch wieder mit einer Farbe füllen). Der betreffende Abschnitt im CSS-Code muss wie folgt aussehen:

#page {
background: black url('images/daemon.jpg') no-repeat bottom left;
border: 1px solid #959596;
text-align: left;
}

Oder auch so

#page {
background-color: black;
background-image: url('images/daemon.jpg');
background-repeat: no-repeat;
background-position; bottom left;
border: 1px solid #959596;
text-align: left;
}

Ich bevorzuge die zusammen gefasste Schreibweise und so funktioniert es bei mir auch. Allerdings gibt es da noch ein Problem, denn in der Struktur des XHTML-Codes überlagert der Footer den Hintergrund und auch das Hintergrundbild. Ich würde nun die Struktur der Seite so ändern, dass der Footer nicht mehr in <div id="page">ganz viel content</div> erscheint sondern darunter. Du kannst aber auch den Holzhammer auspacken und an der Unterseite des Bildes eine schwarze Fläche, die der Höhe des Footers entspricht. Dies funktioniert auf jeden Fall und sollte nicht allzu schwierig sein.

<i> und <em> erzeugen kursive Texte wenn nicht anders definiert. Und mit font-style kriegst du den Text auch nicht fett. Die korrekte Defintion lautet:

b, strong { font-weight: bold }

Welche Rahmen stören dich bei den Bildern?
Der hellgraue Rahmen um Bilder in Beiträgen? Der Rahmen um Bilder die mit einem Link verknüpft sind? Oder der gepunktete Rahmen, der erscheint, wenn man ein verlinktes Bild anklickt?

Maßnahme gegen den hellgrauen Rahmen:
Im Header des Themes steckt folgende CSS-Definition:

/* theme page (topic) */
.block-content img.screenshot {
    border: 1px solid #cccccc;
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    padding: 5px;
}

In dieser Definition die Zeile "border: 1px ..." entfernen.

Maßnahme gegen Rahmen bei verlinkten Bildern:
In der CSS-Datei die Definition "img { border: none; } hinterlassen. Wenn ich es richtig sehe, ist dies in dem Theme bereits der Fall.

Maßnahme gegen gepunkteten Rahmen beim Klick auf verlinkte Bilder:
In der CSS-Datei die Definition "a{ outline: none; } hinterlassen.

Zu deinem zweiten Problem:
In dem CSS-Code steckt die Zeile

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

Diese Zeile bewirkt, dass alle aufgeführten Tags zurück gesetzt (wenn nicht anderes definiert wendet der Browser Standard-Definitionen auf Tags an) werden und u.a. die Tags für fett, kursiv und unterstrichen ihrer Funktion beraubt werden. Diese Maßnahme ist nicht dumm, denn erst wenn alle Standard-Definitionen des Browsers ausgehebelt werden, hat man wirklich alle Freiheiten bei der Gestaltung mit CSS. Allerdings sollte nicht vergessen werden, dass die Tags, die später verwendet werden, auch entsprechend definiert/gestaltet werden. Ich nehme an, dass dies bei diesem Theme schlicht nicht getan wurde. Füge daher einfach mal folgenden Code in die CSS-Datei ein und berichte, ob der Schriftstil "kursiv" anschließend funktioniert:

i, em { font-style: italic; }

Mein Problem an der Stelle ist, dass ich selber gerade erst den Einstieg in Wordpress gewagt habe und ich daher nicht weiß, wie Texte, die mit dem Wordpress-Editor geschrieben, ihre Aussehen erhalten. Wenn für kursiven Text bspw. weder der i- noch der em-Tag verwendet, wird die erwähnte Ergänzung im CSS-Code nicht viel bewirken.

Während die Tags Beiträgen und Kommentaren wie gewünscht funktionieren sollen, kann die resultierende Funktionalität in anderen Elementen der Webseite unerwünscht sein. Sollte es zu Problemen und unerwünschten Effekten kommen, muss man genau eingrenzen, wo die Tags wie gewünscht funktionieren sollen und wo sie andere Effekte haben sollen. Aber schauen wir erstmal, ob es wirklich daran liegt, dass die Funktion der entsprechenden Tags im CSS_Code aufgehoben wurden.

Der entsprechend CSS-Befehl lautet wie folgt:

background: #Hintergrundfarbe url(pfad zu dem Bild ausgehen vom Speicherort der CSS-Datei) no-repeat left bottom;

Korrekt angewandt könnte der Befehl so aussehen:

background: #FFFFFF url(images/content_bg.jpg) no-repeat left bottom;

Zur Erläuterung:
Zunächst wird die Hintergrundfarbe des Elements definiert. An der Stelle kann auch die Definition "transparent" oder "inherit" angewandt werden, damit die das Element die Farbe des übergeordneten Elements annimmt. Anschließend der Pfad zu dem Hintergrundbild, das angezeigt werden soll, releativ zum Speicherort der CSS-Datei. "no-repeat" bewirkt, dass das Bild nicht wiederholt wird und die Defintionen "left" und "bottom" richten das Bild unten links im Element aus. Detaillierte Informationen findest du hier.

Wir müssten nun den HTML-Code deines Blogs kennen, um erkennen zu können, welches Element mit dem Hintergrund versehen werden muss und welche Definitionen enthalten sein müssen. Also entweder verrätst du uns die URL zu deinem Blog oder du postest den HTML-Code (am Besten den erzeugten HTML-Code aus dem Browser heraus kopieren).

Hallo,

mein Blog ist zwar noch nicht fertig, aber ich möchte das geplante Design schon einmal vorstellen, einfach damit ich etwaige Kritikpunkte ausbessern kann ehe ich das Design mit viel Schweiß, Blut und Tränen auf auf meinen neuen Blog anwenden (und dann hinterher doppelt soviel Arbeit habe).

Klick mich um das Design zu sehen

Ich will keinen "gewöhnlichen Blog" mit unzähligen Widgets und Spielereien aufbauen sondern eher eine Art Portfolio, in dem ich auch über Themen schreibe, die mich interessieren. Mir ist auch klar, dass in dem "Dummy" noch nicht alle Elemente enthalten sind, die ein Blog braucht, um zu funktionieren. Aber ich denke, es reicht aus, um eventuell vorhandene Problemzonen aufzuspüren und die Frage zu beantworten, ob ihr einen Blog mit einem solchen Design lesen oder schnell das Weite suchen würdet. Außerdem ist es für mich wichtig, wie die Farben bei euch dargestellt werden. An der Stelle liegen zwischen meinem TFT und meinem Netbook Welten (auf dem TFT beinahe Neonfarben, auf dem Netbook gelbgrün aber auch sehr ansehnlich).

Bitte seht darüber hinweg, dass ich noch keine Inhalte präsentieren kann. Ich sichte noch das Material, über das ich schreiben kann und möchte. Daher ist die Navigation noch ein Provisorium, ein "Funktions-Dummy". Die Sidebar wird auch noch ein wenig voller werden und soll auch ein Bild von mir, beizeiten und wenn nötig ein Archiv und einen umfangreicheren Blogroll enthalten.

Vielen Dank für eure Zeit und Mühe.

Du solltest die Zahl der User, die noch oder vielmehr wieder mit 1024 arbeiten nicht unterschätzen. Der Netbook-Boom hat die Zahl der Geräte, die über kein größeres Display verfügen, sicherlich nach oben schnellen lassen. Jedenfalls bin ich davon überzeugt, wenn ich die ganze Leute in meinem Umfeld sehe (mich eingeschlossen), die sich ein Netbook für unterwegs zugelegt haben.

Hallo,

ich möchte den Blog, an dem ich zur Zeit schreibe, gerne auf Deutsch und Englisch anbieten. In beiden Sprachen soll der gleiche Content angeboten werden, nur eben für die jeweilige Sprache angepasst. Später soll vielleicht auch noch Spanisch zu den derzeit angedachten Sprachen Deutsch und Englisch angeboten werden. Als Plugin für diesen Zweck habe ich aufgrund der Empfehlungen "qtranslate" ausgewählt.

Weiterhin möchte ich fünf verschiedene Farbthemen anbieten, aus denen Besucher wählen. Da die Themen für die die jeweilige Sprache angepasst werden müssen, muss ich also mindestens zehn verschiedene Themen anbieten, fünf für jede Sprache. An der Stelle habe ich bisher nur das Plugin "theme switcher 0.5" gefunden.

In der Sidebar möchte ich fünf Buttons einbauen, mit denen die fünf Themes für die aktuell gewählte Sprache ausgewählt werden können. Wechselt der Besucher die Sprache, müssen sich natürlich auch die in der Sidebar angebotenen Themes entsprechend ändern, damit sie zu der gewählten Sprache passen.

Folgende Fragen habe ich dazu:
- Ist es überhaupt möglich, diese Funktionalität mit den erwähnten Plugins (qtranslate und theme switcher) herzustellen?
- Sollte ich andere Plugins wählen?
- Sollte ich das Konzept aus Sicherheitsgründen (man soll ja nach Möglichkeit nicht viele Themes benutzen) und aus Gründen der Einfachheit über den Haufen werden eher mit vier verschiedenen Themes für die Jahreszeiten arbeiten ohne dem Besucher die Möglichkeit zu geben, die Themen zu wechseln.

Vielen Dank im Voraus und sollten Antworten zu diesen Fragen bereits existieren, möchte ich mich schon mal entschuldigen. Ich hab wirklich keine Diskussion finden können, die dieses Problem erschöpfend diskutiert.

P.S.: Ich sollte noch erwähnen, dass meine PHP-Kenntnisse nicht sonderlich gut sind. Für kleinere Probleme reicht es aus, aber ich bin bei Weitem nicht in der Lage, die gewünschte Funkionalität selber zu entwickeln (sonst würde ich es natürlich tun und als Plugin anbieten).

Nachtrag: Ich schraube gerade an meinem Theme und ziehe in Erwägung, anstelle von Bilder mit Texten die Schriften verwenden, die nicht zum Standardrepertoire moderner Betriebssystem gehören, Standardschriften zu verwenden. Damit sollte es möglich sein, nur noch fünf Farbschemen für alle Sprachen verwenden zu müssen. Damit sollte ich dann mit einem einfachen Theme-Switcher bestens bedient sein oder nicht?