17.
Okt
2005

Optische Abgrenzung einzelner Beiträge

Um die einzelnen Beiträge optisch voneinander abzugrenzen, möchte ich sie jeweils mit einem Rahmen umgeben. Dazu muss ich in der index.php zunächst festlegen, was dieser Rahmen umfassen soll. Ich möchte den jeweiligen Beitrag mitsamt der Kommentare eingerahmt haben. Um das zu erreichen, setze ich den Text ab der h2-Überschrift (dem Beitragstitel) bis hinter den php-Befehl, der die Kommentare aufruft (comments_template) in einen “div”-Container, dem ich class=”single” zuweise. Diese Klasse definiere ich in der style.css mit einem weißen Hintergrund, einem gepunkteten Rand, einem Innenabstand und einem Abstand nach unten:
051017-1
Den gleichen Rand füge ich auch bei “#sidebar” ein.

Einsortiert unter index.php, style.css
Bookmarken bei: Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • MisterWong
  • del.icio.us
  • Technorati
  • Digg
  • Y!GG
  • Bloglines
  • Linkarena
  • Webnews

Noch keine Kommentare

Einen Kommentar schreiben:

Smilies einfügen:

http://www.barbarajany.de/wp1-5/wp-content/smilies/smile.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/bye.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/wink.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/scratch.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/cool.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/rolleyes.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/blush.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/good.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/angry.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/whistle.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/sad.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/cry.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/nono.gif 
 

RSS-Feed für Kommentare zu diesem Beitrag  ·   Trackback URL


Zum vorherigen oder nächsten Beitrag blättern:

«         »