Kubrick mit Rahmen um Beitrag.

dgoletz

Hallo WordPress.de Leser.
Ich wuerde in meinem Blog gerne die gleichen Rahmen wie im Wuhan Theme nutzen.

Also um den jeweiligen Beitrag soll ein kompletter Rahmen zur Abgrenzung gezogen werden. Am betsen auch per Hintergrundbild.

Nur leider habe ich von CSS GAR keine Ahnung.
Währe sehr nett wenn mir da jemand auf die Sprünge helfen könnte.

Danke schonmal im Vorraus

Daniel Goletz

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

pixeltunes

lade dir doch das von mir lokalisierte Wuhan Theme runter. Dann siehst du dir die Grafiken im Ordner images an und vergleichst deren Namen mit den im css eingebrachten. Als nächstes schaust du dir zb mal die index.php im Themen Ordner an. So solltest du sehen wie die Boxen zusammen gesetzt werden.

Hier ist der Code zu einer selbst erstellten Box in Wuhan.

PHP

<div class="last5-top">
	       <div class="last5-bottom">
	             <div class="entry">
	
	                   <div class="title">
	                         <h2>Die Letzten Beiträge</h2>
		                 </div>
		                 
		                  <ul>
		                      <?php get_archives('postbypost', '5', 'html', '', ''); ?>
                      [/list] 
	              </div>
				  </div>
		


	</div>

Alles anzeigen

Hier ist das passende CSS Schnipsel dazu

Code

/*Die letzten Beiträge  #########################################*/
#last5 {
	font-size:  1.1em;
	text-align: left;
}


.last5-top, .title, .entry, .post-bottom {
	width:  465px;
}


.last5-top {
	background: url(images/title_top.jpg) no-repeat center top;
	margin: 0px;
	margin-bottom: 30px;
}






.title {
	background: url(images/title_body.jpg) repeat-y center;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}




.entry {
	background: url(images/post_body.jpg) repeat-y center;
	margin: 0px;
	padding: 0px;
	bottom: 11px;
	position: relative;
	font-family: Verdana, Sans-Serif;
}


.last5-bottom {	
	background: url(images/post_bottom.jpg) no-repeat left bottom;
	padding: 15px 0px 0px 0px;
	position: relative;
	top: 6px;
}


/* Ende letzten 5 Beiträge #########################################*/

Alles anzeigen

Du kannst gut erkennen wie beispielsweise die class "last5-top" im css die Grafik url(images/title_top.jpg) hervorzaubert.

Bitte schau es dir im Mozilla an. Im IE haut es nicht (noch nicht) hin, ich suche noch den Fehler.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Kubrick mit Rahmen um Beitrag.

Jetzt mitmachen!