Zurück   WordPress Deutschland Forum > Support > Design

Antwort
 
Themen-Optionen Ansicht
Alt 08.10.2008, 23:31   #1 (permalink)
PostRank: 0
 
Registriert seit: 08.10.2008
Beiträge: 8
Hintergrund bei einem Post

1. Weiss jemand wie man einen farbigen Hintergrund bei einem Post macht, damit sich der vom nächsten Post ein bisschen abhebt?

2. Oder wie man das Header-Foto mit meiner "Home" Seite verlinkt.? Im Moment ist nur die Standard-Schrift der Link,
möchte diese schrift aber rausnehmen.

Mein Blog:
Chlimberg Weblog
Angehängte Grafiken
Dateityp: jpg Chlimberg Weblog.jpg (70,8 KB, 7x aufgerufen)

Geändert von Alvin (09.10.2008 um 15:52 Uhr).
Alvin ist offline   Mit Zitat antworten
Alt 08.10.2008, 23:49   #2 (permalink)
PostRank: 3
 
Benutzerbild von flobster
 
Registriert seit: 25.08.2008
Beiträge: 122
Das ist stark vom verwendeten Theme abhängig. Schau die doch mal die POst-Div Container genauer an. Manche Themes fügen allen ungeraden Posts neben einer Reihe weiterer Dinge auch z.B. ein "alt" hinzu, fü das du eine eigene CSS Regel erstellen kannst.

Zu 2.:
Solange das header-Bild als background eingebunden ist, wird's leider nichts mit dem verlinken. Du kannst aber z.B. in deiner header.php den Blogtitel und description gegen ein verlinktes Bild austauschen.

Geändert von flobster (08.10.2008 um 23:52 Uhr).
flobster ist offline   Mit Zitat antworten
Alt 09.10.2008, 00:05   #3 (permalink)
PostRank: 0
 
Registriert seit: 08.10.2008
Beiträge: 8
Zitat:
Zitat von flobster Beitrag anzeigen
Zu 2.:
Solange das header-Bild als background eingebunden ist, wird's leider nichts mit dem verlinken. Du kannst aber z.B. in deiner header.php den Blogtitel und description gegen ein verlinktes Bild austauschen.
Danke.
Ok das mit dem Titel als Bild einfügen check ich.
Jetzt muss ich mal den header.php durchsuchen...
Beschäftige mich seit 2 Tagen mit CSS & PHP...
Alvin ist offline   Mit Zitat antworten
Alt 09.10.2008, 09:52   #4 (permalink)
PostRank: 9
 
Benutzerbild von maxe
 
Registriert seit: 01.05.2008
Beiträge: 1.352
Schau doch auch mal in die FAQ: WordPress Deutschland FAQ Wie verlinke ich meinen Header?
maxe ist gerade online   Mit Zitat antworten
Alt 09.10.2008, 15:49   #5 (permalink)
PostRank: 0
 
Registriert seit: 08.10.2008
Beiträge: 8
Vielen Danke maxe!
Das war genau das was ich suchte.

Muss definitv die FAQ mal genauer durchforsten...
Alvin ist offline   Mit Zitat antworten
Alt 09.10.2008, 15:54   #6 (permalink)
PostRank: 0
 
Registriert seit: 08.10.2008
Beiträge: 8
Zitat:
Zitat von flobster Beitrag anzeigen
Das ist stark vom verwendeten Theme abhängig. Schau die doch mal die POst-Div Container genauer an.
Wo find ich den das Teil (POst-Div Container) im style.css?
Alvin ist offline   Mit Zitat antworten
Alt 09.10.2008, 19:04   #7 (permalink)
PostRank: 3
 
Benutzerbild von flobster
 
Registriert seit: 25.08.2008
Beiträge: 122
Zitat:
Wo find ich den das Teil (POst-Div Container) im style.css?
In deinem Stylesheet wahrscheinlich überhaupt nicht. Ich meinte eigentlich die Struktur, die einige Themes erzeugen. Hier mal ein Beispiel des thematic-Themes:

Code:
<div class="hentry p2 post publish author-admin category-news tag-chapter tag-sandbox y2008 m10 d08 h09 alt" id="post-206">
Im CSS kann man dann das letzte "alt" herausfiltern und entsprechend anpassen.
flobster ist offline   Mit Zitat antworten
Alt 09.10.2008, 19:06   #8 (permalink)
PostRank: 9
 
Benutzerbild von maxe
 
Registriert seit: 01.05.2008
Beiträge: 1.352
Den Div-Container mit der ID=post findest du in deinen verschiedenen Templates (index.php, archive.php, category.php etc.). Dort müsstest du, wenn nicht schon vorhanden, dem post div eine css-Klasse mitgeben, die du vorher definiert hast (alles neue steht in rot, der Rest sollte schon irgendwie in deinen Templates drin stehen):
Code:
<!-- setze die css-class des ersten Artikels = ungerade -->
<?php $post_class = 'ungerade'; ?>

<?php while (have_posts()) : the_post(); ?>

<!-- hänge die oben definiere css-class an den div -->
<div class="post <?php echo $post_class; ?>" id="post-<?php the_ID(); ?>">

... hier steht jetzt der normale Loop ...

</div>

<!-- jetzt den Wechsel der css-class anordnen -->
<!-- wenn die css-class des ersten Artikels = ungerade, dann setze die css-class des zweiten Artikels = gerade, wenn nicht setzt wieder ungerade -->
<?php
    if($post_class == 'ungerade') { $post_class = 'gerade'; }
    else { $post_class = 'ungerade'; }
?> 
Das geht jetzt immer im Wechsel.
Jetzt musst du für die css-classen odd und even nur noch in der style.css die Formatierungen vornehmen.
maxe ist gerade online   Mit Zitat antworten
Alt 10.10.2008, 02:22   #9 (permalink)
PostRank: 0
 
Registriert seit: 08.10.2008
Beiträge: 8
ja hier gib ich auf! Muss mir glaub mal zuerst das Basiswissen von CSS & PHP aneignen, sonst kapier ich nur Bahnhof.

Mein Theme basiert übrigens auf dem bekannten "Kubrick (DE-Edition) 1.6" Theme...
Alvin ist offline   Mit Zitat antworten
Alt 10.10.2008, 09:38   #10 (permalink)
PostRank: 3
 
Benutzerbild von flobster
 
Registriert seit: 25.08.2008
Beiträge: 122
maxe's Lösung ist natürlich super, erfordert allerdings recht tiefe Eingriffe in die Core-Dateien. Ich meine mich zu erinnern, das das Standard Kubrick Theme auch per default eine ähnliche Struktur erzeugt. Habe ich jetzt leider nicht zur Hand, aber schau dir doch erst mal die ausgegebenen Klassen für den <div id="post-xx"> an, vielleicht ist's ja garnicht so kompliziert!
flobster ist offline   Mit Zitat antworten
Antwort

Lesezeichen

Themen-Optionen
Ansicht

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist aus.
HTML-Code ist aus.
Trackbacks are aus
Pingbacks are aus
Refbacks are aus


Alle Zeitangaben in WEZ +1. Es ist jetzt 13:17 Uhr.


Powered by vBulletin® Version 3.7.4 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 | Impressum | Ein Inpsyde.com Projekt