We moved to new unified forum!

Please post all new support queries in our New Forum.

T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
Subscribe via RSS  Subscribe via email
Recent
Categories
Tags
Users
Badges
View Replies (2)

Resolved How to add banner-positions outside body container?

0
Votes
Undo
  1. Mathias
    Mathias
  2. General Discussion
  3. Sunday, 27 April 2014
  4.  Subscribe via email
Hi!

Im looking for a solution to adding two banner-positions at the left and right side. The banners willl be vertical aligns. I want it if possible outside the css-class: t3-body-container because I have made this class with borders around the container which has width of 870px. Have someone done this before? Im struggling with it and seems not to get it perfect...
I attached a small blueprint of how I want it...

I have trying do make this border with an extra inner-body-container -div-tag. Meanwhile I increased the @container-lg: 1200px and @t3-inner-body-container-width: 870px but it seems not to work.
<div class="t3-body-container">



        <?php $this->loadBlock('leftside-banner') ?>

         <?php $this->loadBlock('rightside-banner') ?>

	

	<div class="t3-inner-body-container">

	

			  <?php $this->loadBlock('header') ?>

			

			  <?php $this->loadBlock('mainnav') ?>

			

			  <?php $this->loadBlock('spotlight-1') ?>

			

			  <?php $this->loadBlock('mainbody') ?>

			  

			  <?php $this->loadBlock('mainsponsor') ?>

			

			  <?php $this->loadBlock('spotlight-2') ?>

			

			  <?php $this->loadBlock('navhelper') ?>

			

			  <?php $this->loadBlock('footer') ?>

			  

	 	</div>

	 	

</div>


I've even tried to make a copy of spotlight-1 -file, placed it before t3-body-container but then I cant to get it aligned to the container at eath side...

Please help with tip and trix.
Attachments (1)
t3-framwork-banners.jpg t3-framwork-banners.jpg
Comment
There are no comments made yet.
Responses (2)
Gardner Luna
Gardner Luna
Hole-in-One The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Mathias,

What you need is to customize the "leftside-banner" and "rightside-banner" block, using CSS and JS to define position ... and this is quite complex, it requires technical skills. This is the customization so it's out of our support scope.

Gardner.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Mathias
Mathias
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Mathias,

What you need is to customize the "leftside-banner" and "rightside-banner" block, using CSS and JS to define position ... and this is quite complex, it requires technical skills. This is the customization so it's out of our support scope.

Gardner.

Hi!

Yes Im familiar with the Joomlas position-system and know how to add a blocks in the framework. CSS I can manage quite a lot, maybe not for 100%, JS - there is hugh gap of knowledge thow. A attachment of my work so far is submitted.

Ive used a copy of spotlight-1.php and looks like this - named spotlight-sponsor.php:
<?php if ($this->checkSpotlight('spotlight-Sponsor', 'sponsor-A, , , , , sponsor-F')) : ?>

	<!-- SPOTLIGHT SPONSOR-->

	<div class="container-sponsor">

		<?php $this->spotlight('spotlight-sponsor', 'sponsor-A, , , , , sponsor-F') ?>

	</div>

	<!-- //SPOTLIGHT SPONSOR -->

<?php endif ?>


TemplateDetails.xml:
<positions>

		<position>spotlight-sponsor</position>

		<position>sponsor-A</position>

		<position>sponsor-F</position>

...


Here is the layout-page:
<body>



<?php $this->loadBlock('headersponsor') ?>





<div class="sponsors">

<?php $this->loadBlock('spotlight-sponsor') ?>

</div>

<div class="t3-wrapper"> <!-- Need this wrapper for off-canvas menu. Remove if you don't use of-canvas -->





<div class="t3-body-container">

	

		

		<div class="t3-inner-body-container">

	

			  <?php $this->loadBlock('header') ?>

			

			  <?php $this->loadBlock('mainnav') ?>

...


Can't use position: absolute, margin-top and z-index-element, I mess up the center alignment for the body container...
Here is the css:
.sponsors {

//position:absolute;

   margin: auto auto;

   width:80%;

  // z-index: 100;

}
Attachments (1)
t3-framwork-bannersposition.jpg t3-framwork-bannersposition.jpg
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.