Grafik im Header ändern bei phpBB3.0

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.
Benutzeravatar
franki
Ehemaliges Teammitglied
Beiträge: 2823
Registriert: 21.10.2007 14:02
Wohnort: Sonsbeck
Kontaktdaten:

Beitrag von franki »

Sorry @Luckyze das ich mich jetzt erst melde.

Hier den Link zu meinem Testforum.
und der Link zur overall_header.html
LG Franki
CrazyMichael
Mitglied
Beiträge: 1
Registriert: 01.06.2008 17:57

Beitrag von CrazyMichael »

genau zu diesem thema habe ich noch ein kleines probelm und ich hoffe, dass mir da jemand weiterhelfen kann

und zwar habe ich das problem, dass ich das logo nicht größer bekomme wie 150px breite sowie höhe
mein logo hat 450px
wenn ich jetzt in der overall_header.html das abänder passiert aber überhaupt nix
im frontpage zeigt er mir alles so an, wie ich es haben möchte aber im browser macht er das bild nur auf 150px

Code: Alles auswählen

<!-- <div id="wrapper"> -->
<div style="width:960px;clear:both;margin: 0 auto;">
<table width="100%" align="center" cellspacing="0" cellpadding="0" border="0">
	<tr>
		<td class="leftshadow" width="9" valign="top"><img src="./styles/black_pearl/theme/images/spacer.gif" alt="" width="9" height="1" /></td>

		<td class="np-body" width="100%" valign="top">

<div id="top_logo">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td height="450" align="left" valign="middle"><a href="./index.php"><img src="./styles/black_pearl/imageset/sitelogo_small.png" width="450" height="450" alt="" title="" /></a></td>
<td align="center" valign="middle"><h1>::-DMI-:: Das Mafia Imperium</h1><span class="gen">MAFIA::eine große Familie</span></td>
<td align="right" valign="top">&nbsp;</td>
</tr>
</table>
</div>
so habe ich das abgeändert

Code: Alles auswählen

<!-- <div id="wrapper"> -->
<div style="width:960px;clear:both;margin: 0 auto;">
<table width="100%" align="center" cellspacing="0" cellpadding="0" border="0">
	<tr>
		<td class="leftshadow" width="9" valign="top"><img src="./styles/black_pearl/theme/images/spacer.gif" alt="" width="9" height="1" /></td>

		<td class="np-body" width="100%" valign="top">

<div id="top_logo">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td height="150" align="left" valign="middle"><a href="./index.php"><img src="./styles/black_pearl/imageset/sitelogo_small.png" width="150" height="150" alt="" title="" /></a></td>
<td align="center" valign="middle"><h1>::-DMI-:: Das Mafia Imperium</h1><span class="gen">MAFIA::eine große Familie</span></td>
<td align="right" valign="top">&nbsp;</td>
</tr>
</table>
</div>
und so sieht der quelltext im browser aus wenn ich mir den anzeigen lasse
ich bin ehrlich gesagt noch ein ziemlicher neuling und weiß nicht wo genau ich weitersuchen muss

Gruß
Crazy
--Stefan--
Mitglied
Beiträge: 3
Registriert: 13.01.2009 16:06

Re: Grafik im Header ändern bei phpBB3.0

Beitrag von --Stefan-- »

Ich will jetzt unter Sitename und Beschreibung nochmal einen zentrierten Link mit dem Namen "Zurück zur Website" haben. Könnte da vielleicht einer von euch Profis mir beschreiben, was ich da machen muss?
watfuerlehrpersonen
Mitglied
Beiträge: 92
Registriert: 22.05.2010 14:10

Re:

Beitrag von watfuerlehrpersonen »

Die genaue "Position" des Logos kann man noch mit folgenden Stellen in der common.css anpassen:

Original Code:

Code: Alles auswählen

#logo {
	float: left;
	width: auto;
	padding: 10px 13px 0 10px;
}

Auf meiner Seite musste ich das Logo ein wenig "versetzen". So sieht mein Code aus:

Code: Alles auswählen

#logo {
	float: left;
	width: auto;
	padding: 10px 13px 0 10px;
	margin-left: 20px; 
	margin-top: 15px;
}
hallo,

ich habe mich auch gerade daran gemacht mein logo anders zu positionieren (im banner zwischen oben und unten zentriert), aber egal, was ich in der common.css ändere - es passiert nichts. natürlich habe ich auch im acp die themes aktualisiert.

den eintrag

Code: Alles auswählen

/* Site description and logo */
#site-description {
	float: left;
	width: 70%;
habe ich in

Code: Alles auswählen

/* Site description and logo */
#site-description {
	float: left;
	width: auto;
	margin-top: 15px;
geändert.

Zur Visualisierung: :D
http://www.watfuerlehrpersonen.6x.to
GoUnix
Mitglied
Beiträge: 4
Registriert: 13.10.2010 11:55

Re: Grafik im Header ändern bei phpBB3.0

Beitrag von GoUnix »

Huhu,
wollte das nun auch grade machen, sogar das schicke Logo war grade fertig. Dann öffne ich den overall_header (adm/styles/) mit notepad++, allerdings gibt es diesen Code definitiv nicht im overall_header.

Code: Alles auswählen

<div id="site-description">
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
				<p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
			</div>
Kann es sein, das dieses sich durch Updates oder so geändert hat?

Lg
Mira
modernist
Ehemaliges Teammitglied
Beiträge: 2202
Registriert: 12.01.2009 10:44

Re: Grafik im Header ändern bei phpBB3.0

Beitrag von modernist »

Kann es sein, daß dein Style nicht prosilver-basiert ist?
GoUnix
Mitglied
Beiträge: 4
Registriert: 13.10.2010 11:55

Re: Grafik im Header ändern bei phpBB3.0

Beitrag von GoUnix »

<!-- Anfang Banner -->
<div id="site-description><a href="{U_INDEX}">
<img src="styles/prosilver/imageset/site_logo.gif" border="0" alt="{L_INDEX}" vspace="1"width="1024" height="200"/></a>
<form action="{U_SEARCH}" method="post" id="search">
<fieldset>
<input name="keywords" id="keywords" type="text" maxlength="128" 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}';" />
<input class="button2" value="{L_SEARCH}" type="submit" /><br />
<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_HIDDEN_FIELDS}
</fieldset>
</form>
</div>
<!-- Ende Banner -->
Forum: http://www.wod-events.de

So es lag an mir, habe nun den o.g. Text geändert allerdings, ändert sich nun das Sitelogo, warum auch immer. Habe einiges versucht aber der will unser Logo von den Maßen 1024x200 nicht annehmen, egal wie es benannt ist oder welches Format es hat.
Kann jemand helfen?
Benutzeravatar
Tetischere
Mitglied
Beiträge: 667
Registriert: 07.03.2010 13:20
Wohnort: Lünen (NRW)
Kontaktdaten:

Re: Grafik im Header ändern bei phpBB3.0

Beitrag von Tetischere »

Hallo GoUnix
irgendwo hast du noch was vergessen, dein Logo im Header ist mit 139X52 px angegeben!

Code: Alles auswählen

<img width="139" height="52" title="" alt="" src="./styles/prosilver/imageset/site_logo.gif">
Gruß Michael
Gruß Michael ;-)
Phantasie ist wichtiger als Wissen, denn Wissen ist begrenzt.
Albert Einstein
Antworten

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