Beiträge von diesunddas

Ok, habe verstanden. Habe die Änderungen von SirEctor jetzt umgesetzt und nur noch
leicht abgeändert:

#banner {
    position: absolute;
    top: 0px;
    left: 10px;
    height: auto;
    z-index: 9;
    max-width: 20%;
  
}


#banner2 {
  position: absolute;
  top: 15px;
  right: 10px;
  height: auto;
  z-index: 9;
  max-width: 18%;
}


#banner img {
    max-width: 100%;
    height: auto;
}


#banner2 img {
    max-width: 100%;
    height: auto;
}

Meine letzten, unnützen geistigen Ergüsse (Style im Header) hab ich wieder rausgeschmissen.

Jetzt sieht's doch ganz gut aus: siehe Responsinator

Von mir aus sind meine Probleme jetzt erst mal gelöst, es sei denn, Woogie-Design hat noch eine
"responsivere" Idee ;)
http://www.responsinator.com/?url=redseabio….senckenberg.de

http://www.responsinator.com/?url=redseabio….senckenberg.de

Danke! Soweit, so gut. Die ersten beiden styles (banner, banner2) hab ich in der style.css entsprechend angepasst.
Auch #banner img und #banner2 img hab ich in die style.css gepackt Müssen die nicht mit Minus verbunden sein (#banner-img; banner2-img)?
Hab ich jetzt einfach so gemacht, korrigier' mich bitte, wenn das Quatsch ist.
An welcher Stelle aktiviere ich jetzt die beiden img's in der header.php?

so

<div id="banner" style=banner_img>
   <a href="http://marine.kau.edu.sa/Default.aspx?Site_ID=150&amp;Lng=EN" target="_blank">  <img src="http://redseabiodiversity.senckenberg.de/wp-content/uploads/2016/06/KAU.png" alt="KAU" width="261" height="153"; /></a>
  </div>
  
  <div id="banner2" style=banner2_img>
   <a href="http://www.senckenberg.de/root/index.php?page_id=71" target="_blank">  <img src="http://redseabiodiversity.senckenberg.de/wp-content/uploads/2016/06/senckenberg.png" alt="Senckenberg" width="326" height="78" /></a>

zeigt das keine sichtbare Wirkung. 'tschuldige, ich hab noch nicht wirklich den plan, wie ich was wo in der header.php ansteuere.

Danke!

Zitat von diesunddas

Naja, es soll sich so verhalten wie das Header-Bild. Beim kleiner zoomen funktioniert das auch: es wird parallel mit dem header kleiner.
Beim größer zoomen "hüpft" mir das Logo aber aus dem Header. Kann ich das verhindern?

Ich hab' jetzt ewig rumprobiert, bekomm' die Logos aber einfach nicht adaptiv hin. Das Headerbild scheint adaptiv zu sein, die Logos (oder Banner) jedoch nicht.

Hab' ich mir ja auch schon überlegt. Aber es sollen ja zwei Banner werden. Die sind dank Deiner Hilfe jetzt auch schon platziert.
Da ich nicht über ein Bild zwei verschiedene Links ansteuern kann, muss ich mir eben auf diese Weise helfen.

Naja, es soll sich so verhalten wie das Header-Bild. Beim kleiner zoomen funktioniert das auch: es wird parallel mit dem header kleiner.
Beim größer zoomen "hüpft" mir das Logo aber aus dem Header. Kann ich das verhindern?

So soll's später mal aussehen.
Die beiden klickbaren Banner sollen über dem Header liegen.

[Edit] Ah, siehe da. Hab mal Deinen Vorschlag implementiert. So ist das schon besser. In der CSS
geb' ich jetzt auch einfach die Position genau an mit top, left, etc.? Natürlich sollte beim Zoomen auch
die Position des Banners im Verhältnis zum Logo stabil bleiben...

Hi, danke für den Hinweis. Das mit 172.30..... war noch ein Überbleibsel des Umzugs. Hab ich korrigiert.
Mit Z-Achse mein' ich sowas wie mehrere Layer übereinander (quasi aus dem Bildschirm heraus in Richtung des Betrachters).
Und daß ich die ID "site-header" 2x verwendet habe, ist lediglich meinen ungenügenden Programmierkenntnissen geschuldet.
Ich nehme an, ich muss für den Banner in der style.css eine eigene ID generieren?
Da kommt dann wohl auch die Info zur Platzierung mittels z-index hin?
Ich wäre für ein Beispiel dankbar.

Also ich hab jetzt endlich die Erlaubnis, daß ihr die Seite sehen dürft.
Der eine Banner ist schon drin, nur wird er auf der y-Achse über dem Header positioniert.
Er soll aber auf der z-Achse über den Header. Z-index? wie benutzen?
[Edit: Ich hab natürlich für alle Änderungen schon mal ein child-Theme vorbereitet]

<Hit me>

http://redseabiodiversity.senckenberg.de/

Monika: die beiden letzten Felder in meinem ersten Post sind kein php-code.
Das diente nur der Visualisierung.
Plugins liefern mir bislang nicht das gewünschte Resultat. Wenn Du ein passendes für mein Problem
weisst, dann immer her damit.
Und wie schon in einem meiner vorigen Thread erwähnt, kann ich den Link aus rechtlichen Gründen nicht teilen.

Gerne, wenn's hilft. Vollständige Codes siehe unten.
Ich hatte allerdings nicht vor, das Theme noch mal zu updaten. Das Theme leigt doch auf meinem Server und ein Update
geschieht doch nicht automatisch, oder?

Die Style.CSS findet ihr hier: style.css

und hier die nicht allzu lange

HEADER.PHP:

<?php
/**
 * The Header for our theme
 *
 * Displays all of the <head> section and everything up till <div id="main">
 *
 * @package WordPress
 * @subpackage Twenty_Fourteen
 * @since Twenty Fourteen 1.0
 */
?><!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" <?php language_attributes(); ?>>
<![endif]-->
<!--[if !(IE 7) & !(IE 8)]><!-->
<html <?php language_attributes(); ?>>
<!--<![endif]-->
<head>
    <meta charset="<?php bloginfo( 'charset' ); ?>">
    <meta name="viewport" content="width=device-width">
    <title><?php wp_title( '|', true, 'right' ); ?></title>
  <link rel="profile" href="http://gmpg.org/xfn/11">
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
    <!--[if lt IE 9]>
    <script src="<?php echo get_template_directory_uri(); ?>/js/html5.js"></script>
<![endif]-->
    <?php wp_head(); ?>
  <a href="[COLOR=#0000ff]Linkzie[/COLOR]l"><img src="[COLOR=#0000ff]mein Bild auf dem Server[/COLOR]" alt="[COLOR=#0000ff]Bildbezeichnung[/COLOR]" width="261" height="153" class="aligncenter size-full wp-image-95" /></a>
   </head>


<body <?php body_class(); ?>>
<div id="page" class="hfeed site">
    <?php if ( get_header_image() ) : ?>
    
  <div id="site-header">
              <img src="<?php header_image(); ?>" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>">
        </a>
    </div>
  
    <?php endif; ?>


    <header id="masthead" class="site-header" role="banner">
        <div class="header-main">
            <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>


            <div class="search-toggle">
                <a href="#search-container" class="screen-reader-text" aria-expanded="false" aria-controls="search-container"><?php _e( 'Search', 'twentyfourteen' ); ?></a>
            </div>


            <nav id="primary-navigation" class="site-navigation primary-navigation" role="navigation">
                <button class="menu-toggle"><?php _e( 'Primary Menu', 'twentyfourteen' ); ?></button>
                <a class="screen-reader-text skip-link" href="#content"><?php _e( 'Skip to content', 'twentyfourteen' ); ?></a>
                <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu', 'menu_id' => 'primary-menu' ) ); ?>
            </nav>
        </div>


        <div id="search-container" class="search-box-wrapper hide">
            <div class="search-box">
                <?php get_search_form(); ?>
            </div>
        </div>
    </header><!-- #masthead -->


    <div id="main" class="site-main">

Hi.

Ich möchte gerne zwei Banner im Header meiner Wordpress-Seite einbauen,
und zwar so, daß diese über dem eigentlichen Header-Bild liegen.
Da mein Theme das nicht von sich aus hergibt, muss ich mich wohl im Theme-Editor
an die header.php ranpirschen.

Die erforderliche Zeile für den ersten Banner

<a href="[COLOR=#0000ff]Linkzie[/COLOR]l"><img src="[COLOR=#0000ff]mein Bild auf dem Server[/COLOR]" alt="[COLOR=#0000ff]Bildbezeichnung[/COLOR]" width="261" height="153" class="aligncenter size-full wp-image-95" /></a>

hab' ich bereits erstellt und folgendermaßen integriert:

<head>
    <meta charset="<?php bloginfo( 'charset' ); ?>">
    <meta name="viewport" content="width=device-width">
    <title><?php wp_title( '|', true, 'right' ); ?></title>
  <link rel="profile" href="http://gmpg.org/xfn/11">
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
    <!--[if lt IE 9]>
    <script src="<?php echo get_template_directory_uri(); ?>/js/html5.js"></script>
<![endif]-->
    <?php wp_head(); ?>
 <a href="[COLOR=#0000ff]Linkzie[/COLOR]l"><img src="[COLOR=#0000ff]mein Bild auf dem Server[/COLOR]" alt="[COLOR=#0000ff]Bildbezeichnung[/COLOR]" width="261" height="153" class="aligncenter size-full wp-image-95" /></a>
   </head>

Mit dem Ergebnis, daß der Banner zwar dargestellt wird, aber über dem eigentlichen Header-Bild, also in etwa so:

[COLOR=#ffffff]------------------------------[/COLOR]|-----Banner----|
|-------------------------------Header-Bild--------------------------------------|

Dank mangelnder CSS-Kenntnisse ist es mir nicht möglich, das besser hin zu bekommen. Ich weiß, daß ich wohl den z-index
benutzen muss, um die Banner in die Ebene über dem Header-Bild zu bringen. Nur wie??
Das Endresultat sollte in etwa so aussehen:

------------------------------------------------------------------------------------
|[COLOR=#ffffff]-----------------------------------------------------------------------------------                                                                                                       [/COLOR]|
| [COLOR=#ffffff]------------ [/COLOR]    |Banner| [COLOR=#ffffff]------- [/COLOR]                  Header-Bild [COLOR=#ffffff]                   ------------[/COLOR]|Banner|[COLOR=#ffffff]-----------[/COLOR]           |
| [COLOR=#ffffff]                                                                                                      -----------------------------------------------------------------------------------[/COLOR]|
------------------------------------------------------------------------------------

Danke für Eure Hilfe!

Hallo.

Ich habe jetzt das Theme gewechselt und benutze jetzt das Plugin Visual Developer Custom CSS.
Damit ist für mich das spezifische Problem, welches ich in diesem Thread angesprochen habe, (leider durch einen Workaround) gelöst.
Nun ist aber ein weiteres aufgetaucht, das gehört aber in einen neuen Thread.

Danke für die Hilfe soweit!

LG

Ok, das Plugin "Yellow Pencil" ist schuld.
Nach der Deaktivierung geht das Menü wieder.
Allerdings ist dann die search bar wieder an der falschen Stelle und die unterdrückten Widget-Überschriften sind wieder da...

Ok,

den Link zur Seite kann ich zu diesem Zeitpunkt aus vertragsrechtlichen Gründen nicht veröffentlichen.
Dennoch versuche ich hier, so viele zusätzliche Infos zu geben, wie möglich.
Ich benutze das Theme "UU 2014". Mit dem Plugin "Yellow Pencil" habe ich die Position des Suchfeldes
verändert und da in der linken Seitenleiste die Überschriften eines widgets nicht verschwinden wollten,
habe das mit

#secondary .widget-title{
visibility:hidden;

ausgeblendet und sonst bis auf einige Theme-seitige Einstellungsmöglichkeiten nicht viel verändert.
Am Arabischen liegt's schon mal nicht, das habe ich durch das Ersetzen mit deutschem Text ausprobiert.

Zur Menüstruktur:
Die Seite, um die es geht, ist im Menü "Arabic" (Menü-Einstellungen: Seiten automatisch hinzufügen: ja;
Position im Theme: Hauptmenü)
Im Menü "English" -welches tadellos funktioniert- befinden sich die Seiten "Introduction" und "Current events"
(Menü-Einstellungen: Seiten automatisch hinzufügen: ja; Position im Theme: Sekundärmenü der linken Seitenleiste).

Die Attribute der arabischen Seite: Eltern: Hautseite (keine Übergeordnete); Template: Standard; Reihenfolge: 0;
Status: veröffentlicht.

An welcher Position kann ich denn mit dem Theme-Editor im UU 2014 die Zeilen zum Hauptmenü finden,
um zu überprüfen, was los ist?

P.S. Seid nachsichtig mit mir, bin noch ein Wordpress-Greenhorn :oops:

Danke & Gruß

Hi liebe Community,

ich setze gerade eine Website auf. In die Seitenleiste kommt das Deutsche Menü,
welches auf die deutschsprachigen Seiten verweist.
Im Hauptmenü (waagerecht, rechts neben search bar) soll dasselbe Menü auf Arabisch eingebaut werden.
Ich kann machen, was ich will aber ich kann die Menüpunkte, die ich ins Hauptmenü setze (roter Kreis),
nicht anklicken.

Hat jemand von euch dafür eine schnelle Lösung oder braucht ihr erst mehr Infos?

Danke & Gruß!