link or joomla positions in the sides of the template

well, that is:
i want to link the image that is in the background of my webpage or get a joomla positions in the sides of the templates to put some banners.

thank your in advice.

Hi,
you can try add new module positions for banners. Then set 'absolute' position for them in css. Then for left module set 'left' css value to 0 and for right one set 'right' to 0. Here you have instructions how you can add new module position https://www.gavick.com/documentation/jo ... -position/

Konrad, thank you for your help
I'm reading and following the instructions
I will come back if I have more questions

thank you, again.

Hi @Konrad M

I follow the instructions and here are my solution.
If you have suggestions, I would be happy to hear them

In templateDetails.xml

Code: Select all

    <positions>
        <!-- Template specific Module Positions -->
      (...)
      <position>bleft</position>
      <position>bright</position>


In lib/framework/gk.const.php

Code: Select all

// definitions of module positions default styles
$GK_TEMPLATE_MODULE_STYLES = array(
   (...)
   'bleft' => 'none',
   'bright' => 'none',


In layouts/default.php

Code: Select all

<body<?php echo $tpl_page_suffix; ?>>
   <!--[if IE 6]>
    <div id="gkInfobar"><a href="http://browsehappy.com"><?php echo JText::_('TPL_GK_LANG_IE6_BAR'); ?></a></div>
    <![endif]-->
   
    <?php if($this->modules('bleft')) : ?>
    <div id="gkBleft">
    <jdoc:include type="modules" name="bleft" style="<?php echo $this->module_styles['bleft']; ?>" />
    </div>
   <?php endif; ?>
   
    <?php if($this->modules('bright')) : ?>
    <div id="gkBright">
    <jdoc:include type="modules" name="bright" style="<?php echo $this->module_styles['bright']; ?>" />
    </div>
   <?php endif; ?>


In css/override.css

Code: Select all

#gkBleft {
   left: 50%;
   width: 140px;
   height: 600px;
   position: fixed !important;
   right: 0;
   display: block;
   z-index: 1000;
   margin-left: -623px;
   margin-top: 70px;
   }
   
#gkBright {
   left: 50%;
   width: 140px;
   height: 600px;
   position: fixed !important;
   right: 0;
   display: block;
   z-index: 1000;
   margin-left: 497px;
   margin-top: 70px;

   }
   
div.banneritem {
   border-top: none;
   }