Vor dem Logo.png Bilder oder sonstiges

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.
Lehrling
Ehemaliges Teammitglied
Beiträge: 3833
Registriert: 15.01.2012 20:00
Kontaktdaten:

Re: Vor dem Logo.png Bilder oder sonstiges

Beitrag von Lehrling »

Hallo,

images werden eigentlich so eingebunden:

<img src="url des Bildes">

LG Beate
Interface
Mitglied
Beiträge: 277
Registriert: 02.12.2013 15:35

Re: Vor dem Logo.png Bilder oder sonstiges

Beitrag von Interface »

Danke, aber obwohl ich es so eingebe kommt nichts ausser, dass sich das Bild Verkleinert und nichts angezeigt wird.
Das logo.png verschwindet und ich wollte eigentlich das es links oder rechts neben dem Original Logo von Phpbb einbinden kann. :)
Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 12113
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: Vor dem Logo.png Bilder oder sonstiges

Beitrag von Crizzo »

Wie sieht der Code denn jetzt aus? Einfach das div.header mit deinem zusätzlichem Code hier einstellen, wie ich auf der Seite zuvor.
Interface
Mitglied
Beiträge: 277
Registriert: 02.12.2013 15:35

Re: Vor dem Logo.png Bilder oder sonstiges

Beitrag von Interface »

z.B so:

<div id="header">
<a href="http://google.de" title="Danke" id="logo">[ externes Bild ]</a>
<h1>Anlagenmechaniker</h1>
<p>Danke</p>
</div>

Es wird aber nichts dahrgestellt :cry: Das logo hat eine Breite von = px 250 und Höhe 98px muss man das nicht beachten?
Zuletzt geändert von Interface am 29.12.2013 23:03, insgesamt 1-mal geändert.
Lehrling
Ehemaliges Teammitglied
Beiträge: 3833
Registriert: 15.01.2012 20:00
Kontaktdaten:

Re: Vor dem Logo.png Bilder oder sonstiges

Beitrag von Lehrling »

probier mal das:

Finde:

Code: Alles auswählen

<div id="header">
    <a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
    <h1>{SITENAME}</h1>
    <p>{SITE_DESCRIPTION}</p>
</div>

Ersetze mit:

Code: Alles auswählen

<div id="header">
<div style="float:left;margin-left:30px;">
<img src="http:etc.etc.etc">
</div>
    <a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
    <h1>{SITENAME}</h1>
    <p>{SITE_DESCRIPTION}</p>
</div>
Den Abstand zum linken Rand mit dem margin-Befehl anpassen.

LG Beate
Antworten

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