Icons neben das Logo

[Titanic]

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

[Crizzo]

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

[Titanic]

Hi,

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

MfG
Titanic

[HabNurNeFrage]

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

[Crizzo]

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

[Titanic]

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

[Kirk]

Dann mach es doch.

[Titanic]

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

[Lehrling]

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

[Miriam]

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.