Die Wege zum eigenen Theme sind unergründbar ;-)

Hallo an alle,

darf mich jetzt seit gestern zu den glücklichen Usern des WordPress zählen.

Von Anfang an wollte ich kein Theme übernehmen, sondern mein eigenes erstellen, da ein eigenes Layout etwas selbstgemachtes ist meiner Meinung nach, und eben nix kopiertes oder runtergeladenes. Natürlich wurde meine Freude auch gleich getrübt. Das Erstellen eines eigenen Themes grenzt schon an eine Uni-Wissenschaft. Ich bin mehr der Designer, als der Coder. Bei Zahlen und mehreren Reihen Code schaltet mein Gehirn auf Sparflamme und dann geht nix mehr.

Hier mal zu meinen Problemen:

Ich habe momentan ein recht normales Layout:
Header
Spalte links (Inhalt) Spalte rechts (Sidebar)
Footer

Nun möchte ich gerne über dem eigentlichen Sidebar eine Grafik einbinden, die mir später als Navigationsmenü dienen soll. Hab bereits in der header.php und in der footer.php rumgewerkelt, aber nichts funktioniert. Das einzige was sich bewegt, ist der Sidebar.

Zur CSS-Datei muß ich sagen, daß diese für Anfänger erstens mal sehr unübersichtlich ist und zum zweiten einfach zu groß. Schön wäre es, wenn es irgendwo eine Doku geben würde, die einem sagt, welches CSS Fragment für welchen Seiteninhalt steht.

Zum anderen hatte ich auch versucht, statt dem eigentlichen Header einen Flash Banner zu verwenden. Die Freude über den eigentlichen gelungenen Flash Banner wich der sofortigen Ernüchterung, daß dieser nicht angezeigt/geladen wird.

Auch wenn ich überaus begeistert von diesem Programm bin, so fehlt mir einfach eine klare, einfache step-by-step Anleitung für die Erstellung eines eigenen Themes. Klar, sind die Layouts unterschiedlich, aber ich denke doch mal, daß die schrittweise Hinführung an die Struktur der Templates einem Anfänger eine gute Ausgangsposition gibt.

Liebe Grüße an alle und danke an alle, die helfen können
rookie

Erst mal danke für die prompte Hilfe Monika. Werd das mit der CSS Sache mal machen, und dann eine sortierte CSS hier reinstellen, damit andere auch was davon haben

Das Problem mit dem Bild über dem eigentlichen Sidebar habe ich wie folgt gelöst:

In der sidebar.php habe ich ziemlich am Anfang folgendes eingefügt (fettgedruckt).

<div id="menu">
/* Hier stehen die Bilder*/
[img]bild1.jpg[/img]


[img]bild2.jpg[/img]
<ul>


	<?php get_links_list(); ?>
	<li id="categories"><?php _e('Categories:'); ?>
		<ul>
		<?php wp_list_cats(); ?>
		[/list]
	
	<li id="search">
		<label for="s"><?php _e('Search:'); ?></label>	
		<form id="searchform" method="get" action="<?php echo $PHP_SELF; ?>">
			<div>
				<input type="text" name="s" id="s" size="15" />


				<input type="submit" name="submit" value="<?php _e('Search'); ?>" />
			</div>
		</form>
	
	<li id="archives"><?php _e('Archives:'); ?>
		<ul>
		<?php wp_get_archives('type=monthly'); ?>
		[/list]
	
	<li id="calendar">
	<?php get_calendar(); ?>
	
 <li id="wp_meta"><?php _e('Meta:'); ?>
 	<ul>
		[*]<?php wp_register(); ?>
		[*]<?php wp_loginout(); ?>
		[*][url="<?php bloginfo('rss2_url'); ?>"]"><?php _e('<abbr title="Really Simple Syndication">RSS</abbr>'); ?>[/url]
		[*][url="<?php bloginfo('comments_rss2_url'); ?>"]"><?php _e('Comments <abbr title="Really Simple Syndication">RSS</abbr>'); ?>[/url]
		[*][url="http://validator.w3.org/check/referer"]"><?php _e('Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr>'); ?>[/url]
		[*][url="http://wordpress.org/"]"><abbr title="WordPress">WP</abbr>[/url]


	[/list]
 




[/list]


</div>

Ich denke mal, daß die sidebar.php bei jedem etwas anders aussieht.

Leider besteht das Problem immer noch, daß jetzt in der linken Spalte zwar der Content, also sprich die Posts stehen, sich aber der eigentliche Sidebar unter die ganze Geschichte positioniert hat. Gibt es hier irgendwelche Ideen?

Mit Flashheader!
Hab ihm Forum nochmal gesucht, aber die Beiträgt, welche ich gefunden hatte, erzielten keine Lösung.

Ja ja, diese Spekulationen immer :D

Ok, wieder mal ein kleiner Erfolg :D

Für alle, die im Header statt dem langweiligen Text oder statt einem Bild einen Flash Banner haben wollen, hier die Schritte.

In der style.css oder meinestyle.css oder was auch immer ;-):

#header {
	background: url("http://www.meineadresse.com/banner.swf") no-repeat bottom center; 
	border-bottom: none;
	margin:0;
	width: 600px;
}

Ich glaub es ist noch wichtig, daß die padding Angabe rausgeworfen wird, da sonst der Banner ein wenig komisch positioniert wird ;-) Die "Font" oder "Letter-Spacing" Definition kann man rauswerfen, da diese ja nur für Text ausschlaggebend wären.

In der header.php dann noch folgendes:

<body>
<div id="rap">
<div id="header">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="600" height="129">
  <param name="movie" value="http://www.meineadresse.com/banner.swf" />
  <param name="quality" value="high" />
  <embed src="http://www.meineadresse.com/banner.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="600" height="129"></embed>
</object></div>
<div id="content">