phpBB.de

Verfasst: **10.07.2014 22:13**

Ich möchte gerne links und rechts vom Logo ein paar icons einbauen.Nun weiß ich nicht,wie ich es hinbekomme könnte oder wie ich am besten vorgehen soll.Wenn mir jemand ein CCode als beispiel geben kann,würde mir dann auch weiterhelfen.

Forum:http://nova-villa.de/

MfG
Titanic

Verfasst: **10.07.2014 22:14**

Hi,

overall_header.html öffnen
Logo suchen
Icons neben platzieren
CSS nutzen, um sie schön zu positionieren.

Siehe KB:html_css_finden

Grüße

Verfasst: **11.07.2014 00:06**

Hi,

was muß ich in der overall_header.html in der Zeile,wo Logo ist,davor und danach einfügen?

MfG
Titanic

Verfasst: **11.07.2014 13:20**

Titanic hat geschrieben:was muß ich in der overall_header.html in der Zeile,wo Logo ist,davor und danach einfügen?

Hi,

das kann man nicht pauschal beantworten.
Um das Header-Chaos in Deinem Forum in den Griff zu bekommen, ist eine komplette Neugestaltung des Headers notwendig.
Du brauchst ein HTML-Gerüst und musst da dann die jeweils richtigen HTML-Teile Deines Headers einordnen.

Hier mal ein Beispiel, wie sowas ablaufen könnte: http://bild4.bplaced.net/html/floating_divs/
Die Rahmen sind nur zur Veranschaulichung da und können in Deiner Umsetzung natürlich komplett weggelassen werden.
Um zu sehen, was Du brauchst, schaue einfach ein den Quelltext. Ich habe den für Dich relevanten Bereich mit Kommentaren eingegrenzt.

Wenn Du das individuell für Dich umgestzt haben willst, ist das ein Fall für die Jobbörse.

LG

Verfasst: **11.07.2014 17:19**

Titanic hat geschrieben:Hi,

was muß ich in der overall_header.html in der Zeile,wo Logo ist,davor und danach einfügen?

MfG
Titanic

z.B. den Code für Bilder: http://jendryschik.de/wsdev/einfuehrung ... ung/bilder um eine Grafik einzubinden oder einen Link: http://jendryschik.de/wsdev/einfuehrung ... -und-anker

Orientieren solltest du dich dann am Logo deines Forums, der HTML-Code sieht dafür z.B. so aus:

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 class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>

Grüße

Verfasst: **11.07.2014 23:59**

Am einfachsten wäre es,wenn ich ein neues Logo erstelle.

Verfasst: **12.07.2014 09:46**

Dann mach es doch.

Verfasst: **13.07.2014 00:42**

Hi,

ich habe ein Bild erstellt,was ich gerne neben das Logo haben möchte.Habe auch den ein Link durchgelesen,wo man Bilder einbinden kann.Leider wird das Bild entweder über oder unter das Logo platziert.Weiß jetzt nicht mehr,was ich tun kan,damit es neben dem Logo (links und rechts) angezeigt wird.

MfG
Titanic

Verfasst: **13.07.2014 10:43**

Hallo,

zur Not könntest du dir einfach mit einem table behelfen.
Finde:

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 class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>

Und ersetze mit

Code: Alles auswählen

<table class="icon_logo"><tr><td><img src="http://....Bild links"></td><td>
			<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 class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div></td><td><img src="http://....Bild rechts"></td></tr></table>

Dann fügst doch in dem common.css (theme) folgenden Abschnitt ein:

Code: Alles auswählen

.icon_logo  {  
                      width: 100%;
                      margin: auto;
                      border: 0px;
                      vertical-align: top;

                   }

LG Beate

Verfasst: **13.07.2014 12:24**

Die Tabellenzeiten sollten so nach und nach vorbei sein.
Hier kommt Code zum Nachbauen / Ideenfinden: http://mymods.lifestyle-dream.de/dwnld/ ... ei_hg.html
Schau Dir dort gern den Quellcode an. Die Ausrichtungen in den Klassen / IDs solltest Du für Dich anpassen.

phpBB.de

Icons neben das Logo

Icons neben das Logo

Re: Icons neben das Logo

Re: Icons neben das Logo

Re: Icons neben das Logo

Re: Icons neben das Logo

Re: Icons neben das Logo

Re: Icons neben das Logo

Re: Icons neben das Logo

Re: Icons neben das Logo

Re: Icons neben das Logo