Bild über dem Blog anzeigen

redcrew

Hallo zusammen..

in der Suche habe ich leider nichts gefunden, daher mal ein Thread ..

Den Blog und das neue Theme konnte ich einwandfrei installieren - aber ich habe noch ein weiteres Problem, dass ich nicht lösen kann.

Über dem Blog soll noch ein Bild ("Firmenlogo") angezeigt werden.
Leider kann ich das derzeit nur über zwei Frames lösen, was mit aber überhaupt nicht gefällt und auch bei einigen Besuchern schon zu Problemen im Seitenaufbau führte.

Kann mir jemand einen Tipp geben, wie man das am besten lösen kann?

P.S.: Ich bentuze das Theme ZyRed: http://themes.wordpress-deutschland.org/zyred/

Werbepost

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)

Mehr erfahren

alchymyth

zB. was hast du versucht?
welche 'zwei frames'?

geht das logo nicht als transparentes png als hintergrund in der div #sitename ?

edit: scheint ein wenig komplizierter zu sein, weil das theme eine flexible header breite ueber einem content mit minimaler breite hat (duh??)

wahrscheinlich #sitename auch auf die selbe minimale weite setzen, und dann das hintergundbild einbauen.

bessere hilfe mit link zur seite und den dimensionen des logos.

redcrew

Die Seite kann man unter http://www.redcrew.de erreichen - aussehen soll es quasi so wie es jetzt ist; nur eben ohne die Frames ...

Das Bild, dass oben angezeigt wird, ist bereits ein PNG-File mit Transparentem Hintergrund.

Edit:

Zitat

Was hst du versucht

Im Style-Sheet über das Admin-Panel von Wordpress hab ich noch gar nichts versucht; und alles was ich in PHP versucht habe, führte zu einem Fehler.

alchymyth

das ganze muesste mit einem extra div vor dem #container div gehen (in header.php):

HTML

<div id="headlogo" style="width:100%;background:#fff;border-bottom:2px solid #ccc;"><img src="http://www.redcrew.de/redcrew_logo_klein.png" style="margin:0 auto;"/></div>
<div id="container" >
<div id="sitename">

entweder inline css wie oben, oder css im style.css:

HTML

<div id="headlogo"><img src="http://www.redcrew.de/redcrew_logo_klein.png" alt="" /></div>
<div id="container" >
<div id="sitename">

Code

#headlogo { 
width:100%; 
background: #fff;
border-bottom: 2px solid #ccc; /*optional*/
}
#headlogo img {
margin:0 auto; /*to center the image*/
}

redcrew

Erstmal vielen Dank für die schnelle Antwort ..

Aber .. :)

Außer dem untersten Teil hab ich das leider nicht kapiert bzw. nachvollziehen können...

Code

#headlogo { 
width:100%; 
background: #fff;
border-bottom: 2px solid #ccc; /*optional*/
}
#headlogo img {
margin:0 auto; /*to center the image*/
}

füge ich im style.css hier ein richtig?

Code

/*** Header section ***/
#sitename {
    margin: 0 20px 10px;
    color: #FFFFFF;
    text-align: center;
    height: 90px;
}


#sitename h1,#sitename h2 {
    margin: 0;
    padding: 0;
    font-weight: 400;
}


#sitename h1 {
    padding-top: 20px;
    font-size: 2.4em;
}


#sitename h1 a {
    color: #FFFFFF;
    text-decoration: none;
    letter-spacing: 5px;
}


#sitename h2 {
    font-size: 1.6em;
}

Alles anzeigen

Aber das mit den anderen beiden HTML-Codes habe ich nicht verstanden.
Ich habe zwar eine wp_blog_header.php, die besteht jedoch nur aus diesem hier:

PHP

[B]<?php
/**
 * Loads the WordPress environment and template.
 *
 * @package WordPress
 */


if ( !isset($wp_did_header) ) {


        $wp_did_header = true;


        require_once( dirname(__FILE__) . '/wp-load.php' );


        wp();


        require_once( ABSPATH . WPINC . '/template-loader.php' );


}


?>[/B]

Alles anzeigen

In den Dateien auf die verwiesen wird, bin ich auch nicht fündig geworden leider ..

alchymyth

der code ist im header.php vom theme zu finden:
/wp-content/themes/ZyRed/header.php

nach zeile 55 (zeile 55 ist der <body> tag).
sieht jetzt so aus:

PHP

<body>
<div id="container">
<div id="sitename">

und kann auf so geaendert werden:

PHP

<body>
<div id="headlogo"><img src="http://www.redcrew.de/redcrew_logo_klein.png" alt="" /></div>
<div id="container" >
<div id="sitename">

da der css code neu erfunden ist, kann der an irgendeiner beliebigen stelle in der style.css eingebaut werden.

vor den #sitename styles ist also auch ok.

ich hoffe, das hilft ertmal weiter,
viel glueck :grin:

redcrew

Habs hinbekommen!

Vielen Dank für die Hilfe! :razz:

flyfisher

geht es auch links neben dem Blog

Hallo,

habe diesen Bericht mit Interesse gelesen; mein Thema - ich möchte gerne das Logo seitlich neben dem Blog haben.

Wie geht das?

Danke
Ralf

alchymyth

welches theme hast du?
name und download link?

link zu deiner seite?

groesse des logos?

ansonsten ist das fast reines html (einziges wordpress daran waere, wenn das logo zur vorderseite verlinkt werden soll) -
wahrscheinlich eine neue div anlegen, am anfang des codes.

ps: hier versucht jemand was aehnliches: http://forum.wordpress-deutschland.org/design/73906-w…-der-seite.html

flyfisher

Hallo,

ich habe das Theme Misty Look und die Grafik soll permanet oben Links neben der Tabelle stehen - http://www.blog.flyfishersworld.de

Das Logo kann ich in der Größe jederzeit anpassen.

Danke vorab
Ralf

alchymyth

das ganze koennte so gehen (im firefox mit developer add-on ausprobiert):

vorher eine sicherungskopie anlegen.

das hier direkt nach dem body tag einfuegen (in header.php):

PHP

<div id="wrap" style="width:990px;padding-left:100px;margin:0 auto;position:relative;border:1px solid green;">
<div id="logo" style="position:absolute;left:-15px;top:20px; width:95px;margin-left:20px;height:300px;background:#ccc;">logo
logo
logo</div>

(borders und background sind zum sichtbar machen des bereichs;
logo 100*300px;)

und die neue div nach allen anderen divs am ende des footers schliessen.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Bild über dem Blog anzeigen

Jetzt mitmachen!