Hallo zusammen,
unsere Theme heißt [FONT=Arial]wp-multiflex und wir würden gerne ein transparentes Logo einfügen. Da ich totaler Anfänger bin, weiß ich nicht, wo der Bild- Quelltext hinmuß, damit das Logo vor den blauen Hintergrund linksbündig, aber zentriert über der Navi- Leiste und am besten in der richtigen Größe erscheint :-)[/FONT]
[FONT=Arial]Wäre schön, wenn mir einer helfen könnte![/FONT]
[FONT=Arial]Vielen Dank im Voraus und Grüße,[/FONT]
[FONT=Arial]Chris[/FONT]
[FONT=Arial]http://www.ttf-wahn-grengel.de[/FONT]
Wie füge ich ein transparentes Logo ein???
-
-
- Gerade eben
- Anzeige
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
- ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
- ✔️ Deutsche Server & DSGVO-konform
- ✔️ Persönlicher Support (kein 0815-Ticket-System)
-
Ich tippe auf header.php und dort in den Layer "header". Einfach einen neuen Layer rein schreiben und diesen in der CSS Datei richtig definieren :)
-
Erstmal danke für die schnelle Antwort!
Aber Du hast es hier wirklich mit einem Neuling zutun und ich wüßte nicht, wie ich irgendetwas neu schreiben könnte!
Eigentlich brauch ich doch "nur" dir richtige Position, wo ich den Quelltext des Logos einfügen muß, oder?
Viele Grüße,
Chris -
[COLOR=navy][FONT=Arial]Also was mir fehlt ist die Stelle innerhalb des Quelltextes des header templates, an der ich das bild einbinden muss, um das logo dann an der gewünschten Stelle zu haben.[/FONT][/COLOR]
[COLOR=navy][FONT=Arial]Gruß,[/FONT][/COLOR]
[COLOR=navy][FONT=Arial]Chris[/FONT][/COLOR] -
Wo muß ich den Quelltext einfügen?
PHP
Alles anzeigen[FONT=Arial][size=10][COLOR=navy][COLOR=navy][FONT=Arial]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"][COLOR=#0000ff]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/COLOR][/URL]">[/FONT][/COLOR][/COLOR][/SIZE][COLOR=navy][COLOR=navy] [size=10][FONT=Arial]<html xmlns="[URL="http://www.w3.org/1999/xhtml"][COLOR=#0000ff]http://www.w3.org/1999/xhtml[/COLOR][/URL]" xml:lang="en">[/FONT][/SIZE] [size=10][FONT=Arial]<head>[/FONT][/SIZE][/COLOR][/COLOR][/FONT] [FONT=Arial][size=10][COLOR=navy][COLOR=navy][FONT=Arial]<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />[/FONT][/COLOR][/COLOR][/SIZE][COLOR=navy] [size=10][FONT=Arial][COLOR=navy]<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]<meta name="description" content=" " />[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]<meta name="keywords" content=" " />[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]<meta name="author" content=" " />[/COLOR][/FONT][/SIZE][/COLOR][/FONT] [FONT=Arial][size=10][COLOR=navy][COLOR=navy][FONT=Arial]<?php[/FONT][/COLOR][/COLOR][/SIZE][COLOR=navy] [size=10][FONT=Arial][COLOR=navy]if(is_home())[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]{[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]echo'<title>';[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]bloginfo('name');[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]echo ' - ';[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]bloginfo('description');[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]echo'</title>';[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]}[/COLOR][/FONT][/SIZE][/COLOR][/FONT] [FONT=Arial][size=10][COLOR=navy][COLOR=navy][FONT=Arial]else[/FONT][/COLOR][/COLOR][/SIZE][COLOR=navy] [size=10][FONT=Arial][COLOR=navy]{[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]echo'<title>';[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]wp_title('');[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]echo ' - ';[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]bloginfo('name');[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]echo ' - ';[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]bloginfo('description');[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]echo '</title>';[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]}[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]?>[/COLOR][/FONT][/SIZE][/COLOR][/FONT] [FONT=Arial][size=10][COLOR=navy][COLOR=navy][FONT=Arial]<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />[/FONT][/COLOR][/COLOR][/SIZE][/FONT] [FONT=Arial][size=10][COLOR=navy][COLOR=navy][FONT=Arial]<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />[/FONT][/COLOR][/COLOR][/SIZE][/FONT] [FONT=Arial][size=10][COLOR=navy][COLOR=navy][FONT=Arial]<?php wp_head(); ?>[/FONT][/COLOR][/COLOR][/SIZE][/FONT] [FONT=Arial][size=10][COLOR=navy][COLOR=navy][FONT=Arial]</head>[/FONT][/COLOR][/COLOR][/SIZE][/FONT] [FONT=Arial][size=10][COLOR=navy][COLOR=navy][FONT=Arial]<body>[/FONT][/COLOR][/COLOR][/SIZE][/FONT] [FONT=Arial][size=10][COLOR=navy][COLOR=navy][FONT=Arial]<div id="wrap">[/FONT][/COLOR][/COLOR][/SIZE][/FONT] [FONT=Arial][size=10][COLOR=navy][COLOR=navy][FONT=Arial]<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(__('Header','wp_multiflex')) ) : else : ?>[/FONT][/COLOR][/COLOR][/SIZE][/FONT] [FONT=Arial][size=10][COLOR=navy][COLOR=navy][FONT=Arial]<div id="masthead">[/FONT][/COLOR][/COLOR][/SIZE][COLOR=navy] [size=10][FONT=Arial][COLOR=navy]<div class="left-masthead">[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]<a class="site-logo" href="<?php echo get_settings('home'); ?>"></a>[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]<h1><a href="<?php echo get_settings('home'); ?>"><?php bloginfo('name'); ?></a></h1>[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]<p class="description"><?php bloginfo('description'); ?></p>[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]</div>[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]<div class="right-masthead">[/COLOR][/FONT][/SIZE][/COLOR][/FONT] [FONT=Arial][size=10][COLOR=navy][COLOR=navy][FONT=Arial]</div>[/FONT][/COLOR][/COLOR][/SIZE][COLOR=navy] [size=10][FONT=Arial][COLOR=navy]</div>[/COLOR][/FONT][/SIZE][/COLOR][/FONT] [FONT=Arial][size=10][COLOR=navy][COLOR=navy][FONT=Arial]<div id="header">[/FONT][/COLOR][/COLOR][/SIZE][COLOR=navy] [size=10][FONT=Arial][COLOR=navy]<div id="textbox">[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]<?php include (TEMPLATEPATH . '/header-text.php'); ?>[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]</div>[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]</div>[/COLOR][/FONT][/SIZE][/COLOR][/FONT] [FONT=Arial][size=10][COLOR=navy][COLOR=navy][FONT=Arial]<?php if (is_page()) { $highlight = "page_item"; } else {$highlight = "page_item current_page_item"; } ?>[/FONT][/COLOR][/COLOR][/SIZE][COLOR=navy] [/COLOR][/FONT] [FONT=Arial][size=10][COLOR=navy][COLOR=navy][FONT=Arial]<?php endif; ?>[/FONT][/COLOR][/COLOR][/SIZE][/FONT] [FONT=Arial][size=10][COLOR=navy][COLOR=navy][FONT=Arial]<div id="crumb-search">[/FONT][/COLOR][/COLOR][/SIZE][COLOR=navy] [size=10][FONT=Arial][COLOR=navy]<div id="breadcrumb">[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]<?php if (function_exists('breadcrumb')) breadcrumb("link_all=true&home_always=true&sep="); ?>[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]</div>[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]<div id="searchbar">[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]<?php include (TEMPLATEPATH . '/searchform.php'); ?>[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]</div>[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]</div>[/COLOR][/FONT][/SIZE][/COLOR][/FONT] [FONT=Arial][size=10][COLOR=navy][COLOR=navy][FONT=Arial]<div id="container">[/FONT][/COLOR][/COLOR][/SIZE][/FONT] -
-
Hallo, Jugendwart!
Es ist in dem Fall (bei diesem Template) nicht ganz so einfach.Einfach rein damit und geht schon funktioniert hier leider nicht... ;-)
Man könnte das Logo hier reinpacken:PHP[FONT=Arial][size=10][COLOR=navy][COLOR=navy][FONT=Arial]<div id="header">[/FONT][/COLOR][/COLOR][/SIZE][COLOR=navy] [size=10][FONT=Arial][COLOR=navy]<div id="textbox">[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]<?php include (TEMPLATEPATH . '/header-text.php'); ?>[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]</div>[/COLOR][/FONT][/SIZE] [size=10][FONT=Arial][COLOR=navy]</div>[/COLOR][/FONT][/SIZE][/COLOR][/FONT]Zum Beispiel in die Textbox, wenn man deren width verkleinert und einen neuen div einbaut, der nach links floatet. Dessen Eigenschaften muss man dann in der style.css definieren und die floats richtig clearen.
Frage: Wie gut kennst du dich mit HTML/CSS aus - traust du dir das zu? Eine wichtige Frage wäre auch noch zu klären: Wie groß ist das Logo?Edit: Da existiert doch bereits ein Logo (links oben) - sprechen wir von einem zweiten?
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!