Geld für Ihre Startseite!

speedy00 · 29.01.2010, 11:37:04

Hallo

Ich habe hier ein wordpress theme in dem ich im header ein eigenes Bild einbinden würde.

Das Bild ist ein Panorama Foto und soll genau in die Mitte (oben-unten) des headers.
Also unterhalb von Home Keine Kategorien und oberhalb von Impressum / Kontakt ADIOZ Deutschland
php des headers

PHP-Code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:


		
			
<div class="HeaderSubArea">

    <h1><a href="<?php echo get_option('home'); ?>"><?php bloginfo('name'); ?></a></h1>

    <span><?php bloginfo('description'); ?></span>

    <div class="SearchBox">

        <form method="get" action="<?php bloginfo('url'); ?>/">

            <input type="text" class="SearchQuery" id="SearchQuery" value="<?php _e('Search here...', 'Eos'); ?>" name="s" />

            <input type="submit" name="submit" class="SearchButton" value="<?php _e('Find', 'Eos'); ?>" />

        </form>

    </div>

    <div class="HeaderSubMenu" id="HeaderSubMenu">

        <ul>

            <?php

            if ($aOptions['pagemenu_dropdown'])

                wp_list_pages('orderby=menu_order&title_li=&depth=3');

            else

                wp_list_pages('orderby=menu_order&title_li=&depth=1');

            ?>

        </ul>

        <span class="clear"></span>

    </div>

</div> <!-- Closes .HeaderSubArea -->

Die css dazu

HTML-Code:


1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:
193:
194:
195:
196:
197:
198:
199:
200:
201:
202:
203:
204:
205:
206:
207:
208:
209:
210:
211:
212:
213:
214:
215:
216:
217:
218:
219:
220:
221:
222:
223:
224:
225:
226:
227:
228:
229:
230:
231:
232:
233:
234:
235:
236:
237:
238:
239:
240:
/**
 * Main design
 */

body {
	background:#0f2233 url(./images/BodyBg.png) repeat-x 0 0;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:small;
	text-align:center;
	line-height:normal;
}

p {
	margin:10px 0;
}

.PageContainer {
	text-align:left;
	width:964px;
	margin:20px auto;
}

#skipToContent {
	position:absolute;
	top:0;
	left:-9999px;
}

.Header {
	position:relative;
	z-index:900;
}

.HeaderSubArea {
	height:105px;
	background:url(./images/LayoutBgs.jpg) no-repeat 0 -50px;
	position:relative;
	z-index:800;
}
.HeaderSubArea h1 {
	position:absolute;
	left:50px;
	top:22px;
}
.HeaderSubArea h1 a,
.HeaderSubArea h1 a:visited {
	color:#c5ddeb;
	font-size:36px;
	font-family:Impact, Charcoal, sans-serif;
	text-decoration:none;
	letter-spacing:1px;
}
.HeaderSubArea span {
	position:absolute;
	left:52px;
	top:62px;
	color:#abc1cc;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.HeaderSubArea .SearchBox {
	width:162px;
	height:22px;
	position:absolute;
	top:9px;
	right:22px;
	background:url(./images/LayoutBgs.jpg) no-repeat -2000px -100px;
}
.HeaderSubArea .SearchQuery {
	padding:4px 5px 4px 10px;
	width:127px;
	height:14px;
	font-size:11px;
	border:0;
	color:#b9d1cd;
	background:none;
}
.HeaderSubArea .SearchButton {
	position:absolute;
	overflow:hidden;
	top:3px;
	right:3px;
	width:16px;
	height:16px;
	padding:0;
	border:0;
	background:none;
	cursor:pointer;
	background:url(./images/LayoutBgs.jpg) no-repeat -2143px -103px;
	
	display:block;
	font-size:0;
	line-height:0;
}

.HeaderMenu {
	position:relative;
	padding:2px 20px 0;
	z-index:950;
	background:url(./images/LayoutBgs.jpg) no-repeat 0 0;
}
.HeaderMenu .clear {
	display:block;
	clear:both;
}
.HeaderMenu ul {
	height:100%;
}
.HeaderMenu li {
	float:left;
	position:relative;
	z-index:1;
	line-height:24px;
}
.HeaderMenu li a,
.HeaderMenu li a:visited {
	display:block;
	height:23px;
	line-height:24px;
	color:#daf0ff;
	font-size:12px;
	padding:0 8px;
}
.HeaderMenu li a:hover {
	background:url(./images/LayoutBgs.jpg) repeat-y -2000px -230px;
	text-decoration:none;
	border:1px solid #16394e;
	border-width:0 1px;
	padding:0 7px;
}
.HeaderMenu ul ul {
	height:auto;
	position:absolute;
	top:23px;
	left:-999em;
	background-color:#1f3d4d;
	border:1px solid #000;
	margin:0;
	z-index:1;
}
.HeaderMenu li li {
	float:none;
	width:180px;
}
.HeaderMenu li li a,
.HeaderMenu li li a:visited {
	height:auto;
	line-height:22px;
	padding:0 8px;
	width:164px;
	position:relative;
}
.HeaderMenu li li a:hover {
	background:#335f7b;
	border:0;
	padding:0 8px;
}
.HeaderMenu li:hover ul,
.HeaderMenu li.jHover ul {
	left:auto;
}
.HeaderMenu ul ul ul,
.HeaderMenu li:hover ul ul,
.HeaderMenu li.jHover ul ul {
	top:-1px;
	left:-999em;
}
.HeaderMenu li li:hover ul,
.HeaderMenu li li.jHover ul {
	left:180px;
}

.HeaderSubMenu {
	position:absolute;
	right:30px;
	bottom:8px;
	z-index:2;
}
.HeaderSubMenu .clear {
	display:block;
	clear:both;
}
.HeaderSubMenu ul {
	height:100%;
}
.HeaderSubMenu li {
	float:left;
	margin:0 0 0 20px;
	position:relative;
}
.HeaderSubMenu a,
.HeaderSubMenu a:visited {
	color:#b8c5cc;
	display:block;
	height:30px;
	line-height:30px;
}
.HeaderSubMenu ul ul {
	height:auto;
	position:absolute;
	top:30px;
	left:-999em;
	background-color:#1f3d4d;
	border:1px solid #000;
	margin:0;
	z-index:1;
}
.HeaderSubMenu li li {
	float:none;
	width:180px;
	margin:0;
}
.HeaderSubMenu li li a,
.HeaderSubMenu li li a:visited {
	height:auto;
	line-height:22px;
	padding:0 8px;
	width:164px;
	position:relative;
}
.HeaderSubMenu li li a:hover {
	background:#335f7b;
	border:0;
	padding:0 8px;
	text-decoration:none;
}
.HeaderSubMenu li:hover ul,
.HeaderSubMenu li.jHover ul {
	left:0;
}
.HeaderSubMenu ul ul ul,
.HeaderSubMenu li:hover ul ul,
.HeaderSubMenu li.jHover ul ul {
	top:-1px;
	left:-999em;
}
.HeaderSubMenu li li:hover ul,
.HeaderSubMenu li li.jHover ul {
	left:180px;
}

Das es diesev div ist

HTML-Code:


1:
<div class="HeaderSubArea">

und der css teil ab Zeile 169 ist weiss ich schon

HTML-Code:


1:
2:
3:
4:
5:
.HeaderSubArea {
	height:105px;
	background:url(./images/LayoutBgs.jpg) no-repeat 0 -50px;
	position:relative;
	z-index:800;

was ich nicht schaff ist es unter die search box zu bekommen und das sich nicht auch der rest irgendwie immer mit verändert.

Ich bin dankbar für jede Hilfe.

Duergy · 29.01.2010, 23:38:10

habs nur überflogen aber wenn du jetzt

Code:


1:
2:
3:
4:
5:
6:
.HeaderSubArea {
	height:105px;
	background:url(./images/deinimg.jpg) no-repeat 0 -50px;
	position:relative;
	z-index:800;
}

machst müsste es doch gehen oder?

Themen-Optionen
Druckbare Version zeigen Diese Seite per E-Mail verschicken
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Bild in Video einfügen?	NWsimon1702	Grafik & Design	4	16.03.2009 13:12:54
[S] Bild freistellen und in Header einfügen ERLEDIGT	Turbulence	Lose4Graphics (erledigt)	13	27.09.2008 00:02:30
[JS] Vor Bild Link einfügen	Renegade	Programmierung	7	30.06.2008 10:28:59
eigenes icq bild bewegt sich nicht	Killerbear	Software/Windows	1	09.06.2006 15:51:15

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)