HTML Slider in LOGO Bereich einbauen

[harryg]

Hallo,
möchte genau in der unten genannten section von includes/templates/responsive_classic/common/tpl_header.php zwei HTML5 photo- slider einbauen - nebeneinander, krieg das aber einfach nicht hin. Einbauen geht, aber HTML5 slider wird nur als unsichtbarer Platzhalter angezeigt und nicht abgespielt.
Flash Slider bereits dort eingebaut- wird auch richtig abgespielt, geht aber auch nur untereinander - irgendwie spielt da immer das stylesheet.css rein.

Zusammenfassend: 2 HTML Slider NEBENEINANDER im Logobereich, die auch abgespielt werden. Kann mir da jemand helfen?

Besten Dank im Voraus

Info: Zencart Neuinstallation 1.5.5e - neueste Version_de
PHP 5.6.x

<!--bof branding display-->
<div id="logoWrapper" class="group onerow-fluid">
    <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?>
<?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?>
    <div id="taglineWrapper">
<?php
  if (HEADER_SALES_TEXT != '') {
?>
      <div id="tagline"><?php echo HEADER_SALES_TEXT;?></div>
<?php
  }
?>
<?php
  if (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2)) {
    if ($banner->RecordCount() > 0) {
?>
  <div id="bannerTwo" class="banners"><?php echo zen_display_banner('static', $banner);?></div>
<?php
    }
  }
?>
  </div>
<?php } // no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?>
  </div>
</div>

<!--eof branding display-->

[webchills]

Ohne genau zu sehen was wo genau eingefuegt wurde, kann man dazu wenig Sinnvolles sagen.
Generell ist der Logobereich nicht unbedingt sinnvoll fuer eine Slideshow, das Logo wird ja auch am Mobile verwendet. Fuer eine Slideshow waere z.B. die ZX Slieshow aus dem Downloadbereich geeignet, die den Slider responsiv darstellt.
Wenn Elemente in den Logobereich eingefuegt werden sollen, dann muessen eben auch die entsprehenden Definitionen im Stylesheet darauf angepasst werden, da die fuer diese Bereiche ja ganz andere Breiten vorsehen.

[harryg]

Mein Problem ist, dass unser neues Logo rund ist (Kugel), die liegt dann auf einem Computer Monitor fast ganz links herum und der komplette übrige Bereich rechts bleibt weiß. Ich habe auf einer deiner Seiten mit responsivem Design schon gesehen, dass du da Zahlungsinformationen in Form einer GIF auf der rechten Seite positioniert hast, oder sogar 2 nebeneinander um den übrigen weißen Logobereich aufzufüllen. Das würde mir auch schon reichen.

Ich komme aber mit dem Stylesheet nicht zurecht, da kenne ich mich einfach zu wenig aus.
Meine Fragen wären:
Wie kann ich das Sylesheet ändern, dass...
...ein möglicher Header Banner nicht unterhalb des Logos angezeigt wird, sondern rechts neben dem Logo- dann könnte ich das auch über den bereits integrierten header Banner lösen.
... ich dort ein GIF, oder was auch immer neben dem LOGO platzieren kann.

Wäre dir für eine Hilfe sehr dankbar!

[webchills]

Wenn Du das Layout irgendeiner Website selbst ändern willst, geht das ohne Grundkenntnisse in HTML und CSS nicht.
Es gibt dazu viele gute Seiten, z.B. http://www.ohne-css.gehts-gar.net/
Dort unter anderem CSS Einsteigerkurs

Wenn Du im responsive_classic neben dem Logo eine Grafik anzeigen willst, dann fügst Du den Aufruf des Bildes im tpl_header.php z.B. so ein

<div id="meingif"><img src="images/meingif.gif" title="meingif" alt="meingif"/></div>

Im Stylesheet kannst Du dann den Container meingif mit position:absolute pixelgenau so positionieren wie Du willst.

Wenn solche Bereiche eingefügt werden, dann ist oft gewünscht, dass sie nur am Desktop oder Tablet angezeigt werden und nicht auf dem Smartphone, dazu kann der Aufruf mit einer entsprechenden Bedingung umschlossen werden, z.B

<?php if ( $detect->isMobile() && !$detect->isTablet() || $_SESSION['layoutType'] == 'mobile' ) { ?>
<div></div>
<?php } else { ?>
<div id="meingif"><img src="images/meingif.gif" title="meingif" alt="meingif"/></div>
<?php }?>

Viel Erfolg