+ Antworten
Ergebnis 1 bis 4 von 4

Thema: Werbebanner fixieren

  1. #1
    War schon öfter hier
    Registriert seit
    17.02.2016
    Beiträge
    119
    Bedankte sich
    12
    1 Danksagung in 1 Beitrag

    Standard Werbebanner fixieren

    Hallo Leute!

    Ich will den Slider mit den Sponsor-Logos links-oben unterhalb des Menüs fixieren und habe dazu das Template qbar leicht modifiziert - funktioniert soweit.

    Dazu habe die "Top-Outer" von hier
    Code:
    <body class="<?php echo $this['config']->get('body_classes'); ?>">
    
    	<?php if ($this['widgets']->count('absolute')) : ?>
    	<div class="absolute"><?php echo $this['widgets']->render('absolute'); ?></div>
    	<?php endif; ?>
    
    	<div class="top-outer">
    		<!-- TOP Outer -->
    		
    		<?php if ($this['widgets']->count('toolbar-lxxxx + toolbar-rxxxx')) : ?>
    			<div class="toolbar-outer uk-clearfix">
    				<div class="uk-container uk-container-center no-space">
    					<div class="tm-toolbar uk-clearfix">
    					  <?php if ($this['widgets']->count('toolbar-l')) : ?>
    					  <div class="uk-float-left"><?php echo $this['widgets']->render('toolbar-l'); ?></div>
    					  <?php endif; ?>
    					  <?php if ($this['widgets']->count('toolbar-r')) : ?>
    					  <div class="uk-float-right"><?php echo $this['widgets']->render('toolbar-r'); ?></div>
    					  <?php endif; ?>
    					</div>
    				</div>
    			</div>
    		<?php endif; ?>
    		
    	</div>
    nach hier
    Code:
    <?php if ($this['widgets']->count('menu + logo + search')) : ?>
    			<div id="menu-outer">
    				<nav class="tm-navbar uk-navbar" <?php if ($this['config']->get('fixed_navigation')) : ?>data-uk-sticky="{top:-100, animation: 'uk-animation-slide-top'}"<?php endif; ?>>
    					<div class="uk-container uk-container-center no-space uk-navbar-bg">
    						<?php if ($this['widgets']->count('menu')) : ?>
    							<?php echo $this['widgets']->render('menu'); ?>
    						<?php endif; ?>
    
    						<?php if ($this['widgets']->count('offcanvas')) : ?>
    						<a href="#offcanvas" class="uk-navbar-toggle uk-visible-small" data-uk-offcanvas></a>
    						<?php endif; ?>
    						
    						<?php if ($this['widgets']->count('search')) : ?>
    						
    						<!-- <div class="uk-navbar-flip right-search"> -->
    						<div class="uk-navbar-flip ">
    							<!-- <div class="uk-navbar-content uk-hidden-small"> -->
    							<div class="uk-navbar-content uk-visible-large"><?php echo $this['widgets']->render('search'); ?></div>
    						</div>
    						<?php endif; ?>
    
    						<?php if ($this['widgets']->count('logo-small')) : ?>
    						<div class="uk-navbar-content uk-navbar-center uk-visible-small">
    						<a class="tm-logo-small" href="<?php echo $this['config']->get('site_url'); ?>"><?php echo $this['widgets']->render('logo-small'); ?></a>
    						</div>
    						<?php endif; ?>
    						
    					<!-- TOP Outer -->
    		<?php if ($this['widgets']->count('toolbar-l + toolbar-r')) : ?>
    			<div class="toolbar-outer uk-clearfix">
    				<div class="uk-container uk-container-center no-space">
    					<div class="tm-toolbar uk-clearfix">
    					  <?php if ($this['widgets']->count('toolbar-l')) : ?>
    					  <div class="uk-float-left"><?php echo $this['widgets']->render('toolbar-l'); ?></div>
    					  <?php endif; ?>
    					  <?php if ($this['widgets']->count('toolbar-r')) : ?>
    					  <div class="uk-float-right"><?php echo $this['widgets']->render('toolbar-r'); ?></div>
    					  <?php endif; ?>
    					</div>
    				</div>
    			</div>
    		<?php endif; ?>	
    						
    					</div>
    				</nav>
    			</div>
    		<?php endif; ?>
    versetzt und den Slider mit den Logos der Modulposition "toolbar-l" zugeordnet

    Funktioniert mit einer kleinen Einschränkung:

    Am Anfang wird die Sidebar-A (auf der linken Seite) nach innen versetzt siehe HC1.jpg

    Wenn ich dann runterscrolle ordnet sich das alles so wie ich es will HC2.jpg

    Wie schaffe ich es, dass ich die Sidebar-A gleich ganz links unterhalb der Sponsoren-Logos einordnet?

    Optimal wäre noch, wenn sich das Suchfeld - so wie bei den meisten Templates - rechts im Menü einordnet.

    Das ganze kann man sich hier http://union.wdirschl.at/index.php/fussball/partner/ ansehen

    Ich hoffe ihr habt eine Lösung für mich

    Danke

    Wolfgang
    PS: Habe gerade bemerkt, dass ich im falschen Unterforum bin - wie komme ich ins 3.0 Unterform?
    Geändert von xyowc (12.11.2016 um 11:10 Uhr)

  2. #2
    Gute Seele des Boards Avatar von NinjaTurtle
    Registriert seit
    24.11.2012
    Ort
    Willich
    Alter
    51
    Beiträge
    15.188
    Bedankte sich
    533
    Erhielt 3.937 Danksagungen
    in 3.765 Beiträgen

    Standard

    Ehe man da weitermacht - hast Du Dir das mal auf mobilen Endgeräten angesehen - vor allem auf einem Tablet?

    grsf.jpg

    Webseiten inkl. Hosting, Domain, laufende Betreuung und Updates

    Web Monkey Design®

    Tipps & Tricks - JPlugger


  3. #3
    War schon öfter hier
    Registriert seit
    17.02.2016
    Beiträge
    119
    Bedankte sich
    12
    1 Danksagung in 1 Beitrag

    Standard

    Da habe ich jetzt noch kurz eine Klasse hinzugefügt
    Code:
    <div class="uk-container uk-container-center uk-hidden-small no-space">
    Wobei - da geb ich dir recht - wirklich gut ist das immer noch nicht, weil sich das Menü - das ich gar nicht angegriffen habe, plötzlich 2-zeilig macht - siehe die nachfolgenden Fotos (wie bekommt man das in den Griff - anderes Template?

    HC3.jpg
    HC4.jpg
    HC5.jpg
    HC6.jpg

    Wolfgang

  4. #4
    Gehört zum Inventar
    Registriert seit
    06.03.2013
    Ort
    /dev/random
    Beiträge
    5.371
    Bedankte sich
    120
    Erhielt 2.020 Danksagungen
    in 1.914 Beiträgen

    Standard

    Könntest du https://www.jplugger.com/documentati...dditionalclass hiermit machen und in der zugefügten Class dann position: fixed setzen und auch positionieren.
    Gruß FINWICK
    ↶ Danke Button nutzen, wenn es geholfen hat - Kein Support via PN - Tipps & Tricks - JPlugger

+ Antworten

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein