Bereich neben Site-Logo ändern. Möglich?

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Antworten
nungi4
Mitglied
Beiträge: 2
Registriert: 27.12.2008 17:42

Bereich neben Site-Logo ändern. Möglich?

Beitrag von nungi4 »

Hallo zusammen!

Auch ich bin seit einigen Tagen froher Forumsnutzer. Vielen Dank erstmal für diese tolle Software.

Nun möchte ich das Forum meiner bisherigen Website anpassen. Allerdings muß ich gestehen das ich von PHP-Programmierung keine Ahnung habe. Ihr ahnt: Jetzt wirds schwer...
Ich möchte zunächst einmal den Bereich neben dem "site-Logo" (Header-Bild) mit einem eigenen Jpg-Bild belegen. Alternativ evtl. auch mit einer html-Datei.
Wo kann ich da ansetzen? Welche Datei müsste ich dazu ändern?
Vorab vielen Dank für eure Hilfe!


Gruß André
Nach oben
godmod23
Mitglied
Beiträge: 174
Registriert: 30.04.2008 22:20

Re: Bereich neben Site-Logo ändern. Möglich?

Beitrag von godmod23 »

Hallo André,

für den Header ist die Datei "overall_header.html" im Ordner "styles >> Dein Stylename >> template" verantwortlich. Dort kannst du z.B. Bilder hinzufügen und Änderungen vornehmen.

VG, godmod
Greetings, godmod
Nach oben
nungi4
Mitglied
Beiträge: 2
Registriert: 27.12.2008 17:42

Re: Bereich neben Site-Logo ändern. Möglich?

Beitrag von nungi4 »

Vielen Dank für die Info.

Leider klappt das nur teilweise. ICh muß die Farben ringsum auch noch "umbasteln"... Jetzt weiß ich aber wenigstens wo ich den Hebel ansetzen kann.
Nach oben
Benutzeravatar
Mig
Mitglied
Beiträge: 25
Registriert: 10.01.2009 10:38

Re: Bereich neben Site-Logo ändern. Möglich?

Beitrag von Mig »

Hey wie genau funktiniert das denn?
Ich hab in meiner Overall_header.html folgenede stelle an der ich mich versuche:

Code: Alles auswählen

<div id="logodesc">

		<table width="100%" cellspacing="0">
		<tr>
			<td><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>
			<td width="100%" align="center"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION}</span></td>
		</tr>
		</table>
	</div>
egal wie ich es einfüge es wird nicht so wie ich es will. Ich will das es so ist das meine Grafik alles ausfüllt, auch hinter dem Logo.
wenn ich es mit

Code: Alles auswählen

<img src="tanzbaer.png" width="368" height="383" alt="Tanzb&auml;r">
beispiel von Selfhtml. versuche ist das bild immer nur so groß wie das Logo.
Mein neues Bild was ich verwenden will ist 640x94...
LG Mig, wenn ich mal eine Frage stelle die hier garnichts mit zu tun hat, sondern Bspw. über Joomla! handelt, nehmt es mir nicht übel, dann habe ich lange nicht geschlafen und das Forum verwechselt ;-)
Nach oben
JFooty
Ehemaliges Teammitglied
Beiträge: 1868
Registriert: 02.10.2007 11:46

Re: Bereich neben Site-Logo ändern. Möglich?

Beitrag von JFooty »

Mig hat geschrieben:wenn ich es mit

Code: Alles auswählen

<img src="tanzbaer.png" width="368" height="383" alt="Tanzb&auml;r">
beispiel von Selfhtml. versuche ist das bild immer nur so groß wie das Logo.
Mein neues Bild was ich verwenden will ist 640x94...
Wie wärs mit:

Code: Alles auswählen

<img src="tanzbaer.png" width="640" height="94" alt="Tanzb&auml;r">
Kein Support per PN!
Nach oben
Benutzeravatar
Mig
Mitglied
Beiträge: 25
Registriert: 10.01.2009 10:38

Re: Bereich neben Site-Logo ändern. Möglich?

Beitrag von Mig »

Es har leider auch nicht funktioniert.
Aber ich habe gemerkt das ich das besser in der Stylesheet.css ändere.
#logodesc {
margin-bottom: 5px;
padding: 5px 25px;
background-image: url('./images/augen.gif');
height: 160px;
border-bottom: 1px solid #4787A7;
}
Danke für die Hilfe! :-)
LG Mig, wenn ich mal eine Frage stelle die hier garnichts mit zu tun hat, sondern Bspw. über Joomla! handelt, nehmt es mir nicht übel, dann habe ich lange nicht geschlafen und das Forum verwechselt ;-)
Nach oben
4ugmike
Mitglied
Beiträge: 2
Registriert: 13.01.2009 11:17

Re: Bereich neben Site-Logo ändern. Möglich?

Beitrag von 4ugmike »

Hi,

habe folgendes Problem. Habe einen eigenen Banner eingebaut, soweit kein problem. Jetzt hatten mich die automatisch eingebauten Schrifteg gestört, also der Titel der Seite und die Description.
Das habe ich eigentlich in der overall_header.html gelöscht.
Heute morgen war das dann aber auf einmal wieder da..

Was mache ich falsch??

Hier die Datei:

Code: Alles auswählen

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>

<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<!--
	phpBB style name: xabbBlue
	Based on style:   prosilver (this is the default phpBB3 style)
	Original author:  Tom Beddard ( http://www.subBlue.com/ )
	Modified by: www.phpbb-styles.com     
	
	NOTE: This page was generated by phpBB, the free open-source bulletin board package.
	      The phpBB Group is not responsible for the content of this page and forum. For more information
	      about phpBB please visit http://www.phpbb.com
-->

<script type="text/javascript">
// <![CDATA[
	var jump_page = '{LA_JUMP_PAGE}:';
	var on_page = '{ON_PAGE}';
	var per_page = '{PER_PAGE}';
	var base_url = '{A_BASE_URL}';
	var style_cookie = 'phpBBstyle';
	var style_cookie_settings = '{A_COOKIE_SETTINGS}';
	var onload_functions = new Array();
	var onunload_functions = new Array();

	<!-- IF S_USER_PM_POPUP -->
		if ({S_NEW_PM})
		{
			var url = '{UA_POPUP_PM}';
			window.open(url.replace(/&/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
		}
	<!-- ENDIF -->

	/**
	* Find a member
	*/
	function find_username(url)
	{
		popup(url, 760, 570, '_usersearch');
		return false;
	}

	/**
	* New function for handling multiple calls to window.onload and window.unload by pentapenguin
	*/
	window.onload = function()
	{
		for (var i = 0; i < onload_functions.length; i++)
		{
			eval(onload_functions[i]);
		}
	}

	window.onunload = function()
	{
		for (var i = 0; i < onunload_functions.length; i++)
		{
			eval(onunload_functions[i]);
		}
	}

// ]]>
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>

<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />

<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
	<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->

</head>

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

	<a id="top" name="top" accesskey="t"></a>

		<div class="headerbar">
		 <div id="wrap">
			<div class="inner">
			
			<div id="">	
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>			
				<p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
			</div>
			
			</div>
		 </div>
		</div>
		
<div id="wrap">		
	<div id="page-header">
		<div class="navbar">
			<div class="inner">
			<ul class="linklist navlinks">
				<li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>
				
        <li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="fontsizeup(); return false;" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>
				
        <!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
			</ul>			
			</div>
		</div>
		
		<div class="navbar_clean">
			<div class="inner">
			<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
			<ul class="linklist leftside">
				<li class="icon-ucp">
					<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u">{L_PROFILE}</a>
						<!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF --> &bull; 
					<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
					<!-- IF U_RESTORE_PERMISSIONS --> &bull;
					<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
					<!-- ENDIF -->
				</li>
			</ul>
			<!-- ENDIF -->

			<ul class="linklist rightside">
				<a href="{U_IMPRESSUM}" title="{L_IMPRESSUM}">{L_IMPRESSUM}</a>
				<!-- IF S_DISPLAY_SEARCH --><li class="icon-search"><a href="{U_SEARCH}">{L_SEARCH}</a></li><!-- ENDIF -->
				<!-- IF not S_IS_BOT -->
					<!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
					<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
					<li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></li>
				<!-- ENDIF -->
			</ul>
			</div>		
		</div>
		
	</div>

	<a name="start_here"></a>
	<div id="page-body">
		
		 <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) --> 
		<div id="message" class="rules">
			<div class="inner"><span class="corners-top"><span></span></span>
				<strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
			<span class="corners-bottom"><span></span></span></div>
		</div>
		<!-- ENDIF -->
Nach oben
4ugmike
Mitglied
Beiträge: 2
Registriert: 13.01.2009 11:17

Re: Bereich neben Site-Logo ändern. Möglich?

Beitrag von 4ugmike »

Hat denn keiner eine Idee oder gibts die lösung dieses Problems schon irgendwo wo ichs übersehen habe?

Bitte um einen Link.

Danke
Nach oben
Benutzeravatar
Mig
Mitglied
Beiträge: 25
Registriert: 10.01.2009 10:38

Re: Bereich neben Site-Logo ändern. Möglich?

Beitrag von Mig »

@4ugmike
Womit hast Du das denn gelöscht?
Ich würde Dir empfehlen mit Firebug zu überprüfen was Du ändern muss und anschließend mit Notepad++ die änderung vorzunehmen.
Die beiden Programme sind eigentlich die Lösung aller exestierenden Probleme ;-)
LG
LG Mig, wenn ich mal eine Frage stelle die hier garnichts mit zu tun hat, sondern Bspw. über Joomla! handelt, nehmt es mir nicht übel, dann habe ich lange nicht geschlafen und das Forum verwechselt ;-)
Nach oben
Benutzeravatar
Dr.Death
Moderator
Moderator
Beiträge: 17473
Registriert: 23.04.2003 08:22
Wohnort: Xanten
Kontaktdaten:
Kontaktdaten von Dr.Death

Re: Bereich neben Site-Logo ändern. Möglich?

Beitrag von Dr.Death »

Damit die änderungen auch dauerhaft wirksam werden, solltest Du die Änderungen nicht über den internen Style Editor machen, sondern die overall_header.html per FTP herunterladen, editieren und dann erneut hochladen.

Danach solltest Du den Style aktualisieren:

ACP --> Styles --> Templates --> Deine Stylename --> aktualisieren.

Beachte zudem mal unseren Tipp ( Erster Beitrag in diesem Forum )
Nach oben
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“