Wordpress 1.3 Header bearbeiten...

Gerald79

Hallo,

ich sitzte so gerade vor meiner Version und möchte gerne einen "eigenen" Header einfügen.
Soweit so gut, die Daten sind "direkt" unter </head> in der Index.php eingegeben.
Wenn ich nun aber die Index.php aufrufe hat die Originalnavigation rechts, sich auch auf den Header geschlagen.

Ich habe im Quellentext der index.php keinen Hinweis gefunden "warum" sich die Naviagtion so verhält??

Evt. kenn ja jemand von euch schon das Problem.

Vielen Dank

Gerald

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

DogMan

Ich habe mir zwar die 1.3 noch nicht näher angeguckt, könnte aber wetten, dass da noch was in der CSS zu reißen wäre... Schau doch mal nach.

Wenn nicht..mussu warten, bis die anderen vom feiern wieder wach sind.

:)

DogMan

Gerald79

Hallo,

das scheint zu stimmen ich habe die CSS gelöscht. Hier ist also die Ursache zu suchen.

Nur welche Zeile??

Code

/* Default WordPress by Dave Shea || http://mezzoblue.com
	Modifications by Matthew Mullenweg || http://photomatt.net
	This is just a basic layout, with only the bare minimum defined.
	Please tweak this and make it your own. :)
*/


a {
	color: #675;
}


a img {
	border: none;
}


a:visited {
	color: #342;
}


a:hover {
	color: #9a8;
}


acronym, abbr {
	border-bottom: 1px dashed #333;
}


acronym, abbr, span.caps {
	cursor: help;
	font-size: 90%;
	letter-spacing: .07em;
}


blockquote {
	border-left: 5px solid #ccc;
	margin-left: 1.5em;
	padding-left: 5px;
}


body {
	background: #fff;
	border: solid 2px #565;
	border-bottom: solid 1px #565;
	border-top: solid 3px #565;
	color: #000;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	margin: 0;
	padding: 0;
}


cite {
	font-size: 90%;
	font-style: normal;
}


h2 {
	border-bottom: 1px dotted #ccc;
	font: 95% "Times New Roman", Times, serif;
	letter-spacing: 0.2em;
	margin: 15px 0 2px 0;
	padding-bottom: 2px;
}


h3 {
	border-bottom: dotted 1px #eee;
	font-family: "Times New Roman", Times, serif;
	margin-top: 0;
}


ol#comments li p {
	font-size: 100%;
}


p, li, .feedback {
	font: 90%/175% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: -1px;
}


/* classes used by the_meta() */
ul.post-meta {
	list-style: none;
}


ul.post-meta span.post-meta-key {
	font-weight: bold;
}


.credit {
	background: #90a090;
	border-top: double 3px #aba;
	color: #fff;
	font-size: 11px;
	margin: 10px 0 0 0;
	padding: 3px;
	text-align: center;
}


.credit a:link, .credit a:hover {
	color: #fff;
}


.feedback {
	color: #ccc;
	text-align: right;
	clear: all;
}


.meta {
	font-size: .75em;
}


.meta li, ul.post-meta li {
	display: inline;
}


.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}


.meta, .meta a {
	color: #808080;
	font-weight: normal;
	letter-spacing: 0;
}


.storytitle {
	margin: 0;
}


.storytitle a {
	text-decoration: none;
}


#commentform #name, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1px solid #333;
	padding: .2em;
}


#commentform textarea {
	width: 100%;
}


#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
}


#content {
	margin: 30px 13em 0 3em;
	padding-right: 60px;
}


#header {
	background: #90a090;
	border-bottom: double 3px #aba;
	border-left: solid 1px #9a9;
	border-right: solid 1px #565;
	border-top: solid 1px #9a9;
	font: italic normal 230% 'Times New Roman', Times, serif;
	letter-spacing: 0.2em;
	margin: 0;
	padding: 15px 10px 15px 60px;
}


#header a {
	color: #fff;
	text-decoration: none;
}


#header a:hover {
	text-decoration: underline;
}


#menu {
	background: #fff;
	border-left: 1px dotted #ccc;
	border-top: solid 3px #e0e6e0;
	padding: 20px 0 10px 30px;
	position: absolute;
	right: 2px;
	top: 0;
	width: 11em;
}


#menu form {
	margin: 0 0 0 13px;
}


#menu input#s {
	width: 80%;
	background: #eee;
	border: 1px solid #999;
	color: #000;
}


#menu ul {
	color: #ccc;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding-left: 3px;
	text-transform: lowercase;
}


#menu ul li {
	font: italic normal 110% 'Times New Roman', Times, serif;
	letter-spacing: 0.1em;
	margin-top: 10px;
	padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
}


#menu ul ul {
	font-variant: normal;
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}


#menu ul ul li {
	border: 0;
	font: normal normal 70%/115% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: 0;
	margin-top: 0;
	padding: 0;
	padding-left: 12px;
}


#menu ul ul li a {
	color: #000;
	text-decoration: none;
}


#menu ul ul li a:hover {
	border-bottom: 1px solid #809080;
}


#menu ul ul ul.children {
	font-size: 142%;
	padding-left: 4px;
}


#wp-calendar {
	border: 1px solid #ddd;
	empty-cells: show;
	font-size: 14px;
	margin: 0;
	width: 90%;
}


#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}


#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}


#wp-calendar a {
	display: block;
	text-decoration: none;
}


#wp-calendar a:hover {
	background: #e0e6e0;
	color: #333;
}


#wp-calendar caption {
	color: #999;
	font-size: 16px;
	text-align: left;
}


#wp-calendar td {
	color: #ccc;
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}


#wp-calendar td.pad:hover {
	background: #fff;
}


#wp-calendar td:hover, #wp-calendar #today {
	background: #eee;
	color: #bbb;
}


#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}

Alles anzeigen

Gerald79

In der Index.php wird die Zeile vermutlich mit (<div id="menu">) aufgerufen aber, ich finde hier keine Hinweise auf die Aufteilung

Code

#menu {
	background: #fff;
	border-left: 1px dotted #ccc;
	border-top: solid 3px #e0e6e0;
	padding: 20px 0 10px 30px;
	position: absolute;
	right: 2px;
	top: 0;
	width: 11em;
}

Bin ich denn Blind??

DogMan

Also bei meiner (alten) CSS heißt das Ding, das für den Kopp neben Alka Selzer zuständig ist #header. Wie ich gerade sehe, hast Du auch so ein Ding in Deinem CSS drin:

Code

#header {
   background: #90a090;
   border-bottom: double 3px #aba;
   border-left: solid 1px #9a9;
   border-right: solid 1px #565;
   border-top: solid 1px #9a9;
   font: italic normal 230% 'Times New Roman', Times, serif;
   letter-spacing: 0.2em;
   margin: 0;
   padding: 15px 10px 15px 60px;
}


#header a {
   color: #fff;
   text-decoration: none;
}


#header a:hover {
   text-decoration: underline;
}

Alles anzeigen

"Welch ein Glück!", sagte er un klopfte Dr. Gerald aufmunternd auf die Schulter, "genau da müssen wir ansetzen." Er drehte sich um. "Schwester - Skalpell!"

Wenn Du ein Bildchen dort hinterlegen willst, dann kannst Du das wunderbar im CSS lösen.
Beispiel?

Bei mir steht an ähnlicher stelle:

Code

#header {
background: #fff url(wp-styles/meinhintergrund.jpg) repeat-y center top;
}

Einen hätte ich noch:

#menu ist für das Menü rechts zuständig. Also Gerald, leg das so-fort wieder ins Regal zurück, hörst Du? 8)

In meiner Index.php beispielsweise, wird der Header mit folgendem aufgerufen (kurz nach dem body-Tag):

PHP

<h1 id="header">[url="<?php bloginfo('url'); ?>"]<?php bloginfo('name'); ?>[/url]</h1>

Gruß
Mathias

Gerald79

Hm,

ich glaube Herr Doktor wir haben bei unserem Patienten das Falsch bein Amputiert....
Ich schätze ich habe mich falsch ausgedrückt.
Und zwar meinte ich das ich den Header meiner Seite gerne einbauen möchte.
Also per Include in die index.php einfügen.
Dieses wird aber duch die CSS einstellungen in soweit gestört, das die Navigation von Wordpress einen Teil meines Headers überschreibt (optisch)
Ich möchte somit also die Navigation in schranken verweisen.
Als alter HTMLer würde das so aussehen

Code

<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0">
	<tr>
		<td colspan="10">Logo</td>
	</tr>
	<tr>
		<td>Link1</td>
		<td>Link2</td>
		<td>Link3</td>
		<td>Link4</td>
		<td>Link5</td>
		<td>Link6</td>
		<td>Link7</td>
		<td>Link8</td>
		<td>Link9</td>
		<td>Link10</td>
	</tr>
</table>


<table border="0" width="100%" id="table2" cellspacing="0" cellpadding="0">
	<tr>
		<td>
		<p align="center">Inhalt Wordpress</td>
		<td width="204">
		<p align="center">Navigation Wordpress</td>
	</tr>
</table>


<table border="0" width="100%" id="table3">
	<tr>
		<td>
		<p align="center">Footer Wordpress</td>
	</tr>
</table>

Alles anzeigen

TigerDE2

Hallo!
Hilft das?

Zitat

#menu {
background: #fff;
border-left: 1px dotted #ccc;
border-top: solid 3px #e0e6e0;
padding: 200px 0 10px 30px;
position: absolute;
right: 2px;
top: 0;
width: 11em;
}

Alles anzeigen

Christian

Gerald79

[Blockierte Grafik: http://www.directupload.net/images/050102/98ynD886.jpg]
Leider nein man verschiebt hier nur die Zeilen weiter nach unten..
Es ist wirklich sehr komisch, ich finde es verhält sich fast wie ein Frame...

TigerDE2

Mein Fehler.
Füg' mal im #header-Abschnitt margin-top:200px; ein.
Dann sollte es gehen... (hoff' ich. Ich bin nämlich auch kein CSS Genie... ;) )
hth
Christian

Gerald79

Leider nein... hier fand "garkeine" Zeilenverschiebung statt..

Code

#header {
margin-top: 200px;
	background: #90a090;
	border-bottom: double 3px #aba;
	border-left: solid 1px #9a9;
	border-right: solid 1px #565;
	border-top: solid 1px #9a9;
	font: italic normal 230% 'Times New Roman', Times, serif;
	letter-spacing: 0.2em;
	margin: 0;
	padding: 15px 10px 15px 60px;
}

Alles anzeigen

hatte leider keine Wirkung..

DogMan

Ich habe da gerade etwas ausprobiert:

In der index.php findet sich doch folgende Zeile:

PHP

<h1 id="header">[url="<?php bloginfo('url'); ?>"]<?php bloginfo('name'); ?>[/url]</h1>

Die habe ich am Ende geöffnet und die Links hineingefriemelt. Etwa so:

PHP

<h1 id="header">[url="<?php bloginfo('url'); ?>"]<?php bloginfo('name'); ?>[/url]
Link1 Link2 Link3 usw.</h1>

Hilft Dir das weiter?

DogMan

TigerDE2

Aber jetzt

Aber jetzt... ;)

Code

#menu {
	background: #fff;
	border-left: 1px dotted #ccc;
	border-top: solid 3px #e0e6e0;
	padding: 20px 0 10px 30px;
	position: absolute;
	right: 2px;
	top: 200px; /* <== */
	width: 11em;
}

Und bei #header wieder ohne margin-top... :)
hth
Christian

Gerald79

TigerDE2

SUPER SUPER SUPER, hier lag die Ursache...
Mit dem

Code

top: 200px; /* <== */

Kann ich jetzt die Höhe der Naviagaion eingeben in Pixel?? Sehe ich das Richtig...

DANKE

Gerald

TigerDE2

Um genau zu sein gibst du damit ein, wie weit das Menü vom oberen Bildschirmrand wegsein soll. In Pixeln. Es gehen auch andere Einheiten...

Wenn dir das hilft, wären wir über etwas Hilfe auch sehr dankbar... ;)

Gruß
Christian

Gerald79

Verlinkung ist doch selbstverständlich, ihr seid im Footer schon seit 3 Tagen drin...

Gerald79

Übrigens habe ich Volltrottel gelaubt das ich die aktuelle 1.3 bzw. 1.5 gesaugt hätte habe ich aber nicht.
Ich hatte nur aus versehen die Versionsinhalte verändert...

DANKE

DogMan

Zitat von Gerald79

Übrigens habe ich Volltrottel gelaubt das ich die aktuelle 1.3 bzw. 1.5 gesaugt hätte habe ich aber nicht.

Wenn du folgendes in die index.php hineinpappst, zeigt dir das WP sogar an:

PHP

Version: <?php bloginfo('version'); ?></p>

Gruß
DogMan

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Wordpress 1.3 Header bearbeiten...

Jetzt mitmachen!