Header anpassen

zuluh · Beitrag von **zuluh** » 09.06.2010 13:30

Moin moin,

ich mal wieder mit Fragen

Ich würde gerne eine Uhr im Header links neben dem Header Bild einpassen. Vllt. könnte man ja die PortalUhr dafür mißbrauchen.
Ich habe schon in mehreren Foren gesehen das dort Suche, Links ect im Header eingefügt sind.

Wie geht sowas?

Danke schonmal

Beitrag von **redbull254** » 10.06.2010 02:06

Hallo erstmal,

setze das in die „overall_header.html rein:

Code: Alles auswählen

<div style="text-align: left;">
			<br />
			<object type="application/x-shockwave-flash" data="{T_THEME_PATH}/images/portal/board3clock.swf" width="140" height="140">
				<param name="wmode" value="transparent" />
				<param name="movie" value="{T_THEME_PATH}/images/portal/board3clock.swf" />
			</object> 
			</div>

Beitrag von **7emper5i** » 10.06.2010 02:21

Bevor du es nun ganz oben einfügst,

denk dran, dass du es als Beispiel für prosilver erst nach folgenden Codezeilen einfügst:

Code: Alles auswählen

<div id="page-header">
		<div class="headerbar">
			<div class="inner"><span class="corners-top"><span></span></span>

Andere Styles sind analog zu coden.
Andernfalls platziert der dir die Uhr sonst wo.

Viel Spass.

zuluh · Beitrag von **zuluh** » 15.06.2010 16:42

ersteinmal danke für Eure Hilfe, ich habe jetzt etwas rumgefummelt aber leider nicht mit dem richtigen Ergebniss.

Bei mir ist die Uhr jetzt zwar links oben, aber das Headerbild ist ein paar Zeilen nach unten gerutscht.

Ich würde halt alles gern auf gleicher Höhe haben (Platz ist genug da)

Hier mal meine Overall_header mit dem bestimmten Bereich (was mache ich falsch?)

Code: Alles auswählen

<div id="page-header">
		<div class="headerbar">
			<div class="inner"><span class="corners-top"><span></span></span>
			<div style="text-align: left;">
             <object type="application/x-shockwave-flash" data="{T_THEME_PATH}/images/portal/clock.swf" width="140" height="140">
                <param name="wmode" value="transparent" />
                <param name="movie" value="{T_THEME_PATH}/images/portal/clock.swf" />
             </object>
             </div>
			<div id="site-description">
				<p align="center"><a href="{U_INDEX}"><img src="images/banner1.jpg" alt="*" /></a></p>
				<p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
		</div>
			<span class="corners-bottom"><span></span></span></div>			
						
	</div>

Beitrag von **redbull254** » 15.06.2010 17:22

zuluh hat geschrieben:ersteinmal (was mache ich falsch?)

Uns nicht Dein Forum zu zeigen, damit man sich besser ein Bild davon machen kann.

zuluh · Beitrag von **zuluh** » 15.06.2010 18:08

redbull254 hat geschrieben:Uns nicht Dein Forum zu zeigen, damit man sich besser ein Bild davon machen kann.

jo sorry mache halt immer alles offline auf Platte erst, aber habe es mal hochgeladen und auch einige Änderungen gemacht.

Hier nochmal meine aktuelle Overall.....

Code: Alles auswählen

</head>
<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}" {COUNTDOWN_ON}>
<div id="wrap">
	<div id="page-header">
		<div class="headerbar">
			<div class="inner"><span class="corners-top"><span></span></span>
			<div style="text-align: center;">
             <object type="application/x-shockwave-flash" data="{T_THEME_PATH}/images/portal/clock.swf" width="160" height="160">
                <param name="wmode" value="transparent" />
                <param name="movie" value="{T_THEME_PATH}/images/portal/clock.swf" /></object>
				 <a href="{U_INDEX}"><img src="images/banner1.jpg" alt="*" /></a>
				 <p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
		
	<div id="search-box">
	<form id="qsearch_form" method="post" action="{U_SEARCH}" onsubmit="return qsearch_onSubmit();">
	<p><input type="text" tabindex="6" name="keywords" id="searchfield" size="22" maxlength="40" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" /></p>
	<p><select id="qsearch_select" tabindex="7">
		<optgroup label="{L_SH_SITE}">
			<option value="site">{L_SH_POSTS}</option>
			<option value="author">{L_SH_AUTHOR}</option>
		</optgroup>
		<optgroup label="{L_SH_ENGINE}">
			<option value="wikipedia">Wikipedia</option>
			<option value="google">Google</option>
		</optgroup>
	</select>
	<input type="hidden" name="search_fields" value="all" />
	<input type="hidden" name="show_results" value="topics" />
	<input type="submit" value="{L_SH}" class="button2" tabindex="8" /></p></form>
	<p><a href="{U_SEARCH}">{L_SH_ADV}</a></p>
	</div>

			<span class="corners-bottom"><span></span></span></div></div>			
		</div>

Die Uhr ist jetzt direkt links neben dem Bild, suche passt obwohl ich überlege ob man anstatt suche nicht vllt. den kalender reinbaut.

Link zum Forum hier

zuluh · Beitrag von **zuluh** » 16.06.2010 15:24

hab nochmal gefummelt und gefummelt aber bekomme es nicht vernünftig hin das Links Uhr, Mitte Bild und recht zb suche ist.

Kann ich den kalender vom portal auch in den Header einfügen (so wie die Uhr)?

Beitrag von **franki** » 16.06.2010 15:32

Wenn ich mir in deinem vorletzten Beitrag deine overall_header.html ansehe
fehlt da ein </div> der dieses

Code: Alles auswählen

<div style="text-align: center;">

schließt.

zuluh · Beitrag von **zuluh** » 16.06.2010 15:47

mhhh habe es nochmal probiert mit den </div> schliessen aber keine Änderung.

Hier nochmal meine jetzige overall_header.html

Code: Alles auswählen

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}" {COUNTDOWN_ON}>
<div id="wrap">
	<div id="page-header">
		<div class="headerbar">
			<div class="inner"><span class="corners-top"><span></span></span>
			<div style="text-align: left;">
             <object type="application/x-shockwave-flash" data="{T_THEME_PATH}/images/portal/clock.swf" width="180" height="180">
             <param name="wmode" value="transparent" />
             <param name="movie" value="{T_THEME_PATH}/images/portal/clock.swf" /></object>
              
				 <a href="{U_INDEX}"><img src="images/banner1.jpg" alt="*" /></a>
				 <p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
		
	<div id="search-box">
	<form id="qsearch_form" method="post" action="{U_SEARCH}" onsubmit="return qsearch_onSubmit();">
	<p><input type="text" tabindex="6" name="keywords" id="searchfield" size="22" maxlength="40" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" /></p>
	<p><select id="qsearch_select" tabindex="7">
		<optgroup label="{L_SH_SITE}">
			<option value="site">{L_SH_POSTS}</option>
			<option value="author">{L_SH_AUTHOR}</option>
		</optgroup>
		<optgroup label="{L_SH_ENGINE}">
			<option value="wikipedia">Wikipedia</option>
			<option value="google">Google</option>
		</optgroup>
	</select>
	<input type="hidden" name="search_fields" value="all" />
	<input type="hidden" name="show_results" value="topics" />
	<input type="submit" value="{L_SH}" class="button2" tabindex="8" /></p></form>
	<p><img src="{T_THEME_PATH}/images/portal/portal_search.png" width="16" height="16" alt="" /><a href="{U_SEARCH}">{L_SH_ADV}</a></p>
	</div></div>

			<span class="corners-bottom"><span></span></span></div>			
		</div>

Wie mache ich es möglich das Uhr links, Bild mitte und zb. kalender rechts sitzt alles in einer Höhe?

Mit dem befehlen <div style="text-align: left oder (center, right);"> bekomme ich es nicht hin da es dann nicht mehr alles in einer gleichen höhe sitz?

zuluh · Beitrag von **zuluh** » 17.06.2010 13:02

ne kriege es einfach nicht hin, naja werde dann alles rückgängig machen und mir was anderes überlegen.

phpBB.de

Header anpassen

Header anpassen

Re: Header anpassen

Re: Header anpassen

Re: Header anpassen

Re: Header anpassen

Re: Header anpassen

Re: Header anpassen

Re: Header anpassen

Re: Header anpassen

Re: Header anpassen