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!
  1. Billy
  2. General Discussion
  3. Wednesday, 17 September 2014
  4.  Subscribe via email
Hello people!
I'm trying to make a new header block with logo and navbar at the top without good results. I want something similar like the JA Nuevo template http://ja-nuevo.demo.joomlart.com/
in my t3 bs3 blank template.

For easier way i use for now custom html module for logo and a free joomla responsive extension for my menu.
I think the problem is that i use span inside the block. here is what i did:

newheader.css

<?php if ($this->countModules('newheader')) : ?>
<!-- NEW HEADER -->
<div class="row">
<div class="span6">
<jdoc:include type="modules" name="<?php $this->_p('newlogo') ?>" />
</div>
<div class="span6">
<jdoc:include type="modules" name="<?php $this->_p('mainnavnew') ?>" />
</div>
</div>
<!-- //NEW HEADER -->
<?php endif ?>

I write it also in default layout and new position in xml file:

default.css
<?php $this->loadBlock('enarxi') ?>

Templatedetails.xml
<position>newlogo</position>
<position>mainnavnew</position>

I can see my new block in backend in template options but when i put my modules there nothing happens.

What im doing wrong? I just want a new header block that i will use a custom html module for my logo (responsive) and another one right to it for my navigation.

Any help will be good!

Thanks for your time people!
Comment
There are no comments made yet.
Accepted Answer Pending Moderation
0
Votes
Undo
Example.
Attachments (1)
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Great tutorials @Igor Cunha ;)

@Billy: please take a look the solution and let us know if you have any difficulties.

Gardner.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
I put navbar-fixed-top instead of navbar.

Create a new block => give a name header-p e and put this code. After adjust the css.

//========================================================================//

<?php
/**
* @package T3 Blank
* @copyright Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/

defined('_JEXEC') or die;

// get params
$sitename = $this->params->get('sitename');
$slogan = $this->params->get('slogan', '');
$logotype = $this->params->get('logotype', 'text');
$logoimage = $logotype == 'image' ? $this->params->get('logoimage', 'templates/' . T3_TEMPLATE . '/images/logo.png') : '';

if (!$sitename) {
$sitename = JFactory::getConfig()->get('sitename');
}
?>





<!-- MAIN NAVIGATION -->
<nav id="t3-mainnav" class="wrap navbar-fixed-top navbar-default t3-mainnav">
<div class="container">
<div class="navbar-header">
<!-- LOGO -->

<div class="hidden-xs hidden-sm logo-<?php echo $logotype ?>">
<a href="<?php echo JURI::base(true) ?>" title="<?php echo strip_tags($sitename) ?>">
<?php if($logotype == 'image'): ?>
<img class="logo-img" src="<?php echo JURI::base(true) . '/' . $logoimage ?>" alt="<?php echo strip_tags($sitename) ?>" />
<?php endif ?>
<span><?php echo $sitename ?></span>
</a>
<small class="site-slogan"><?php echo $slogan ?></small>
</div>


<!-- //LOGO -->



<!-- Brand and toggle get grouped for better mobile display -->


<?php if ($this->getParam('navigation_collapse_enable', 1) && $this->getParam('responsive', 1)) : ?>
<?php $this->addScript(T3_URL.'/js/nav-collapse.js'); ?>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".t3-navbar-collapse">
<i class="fa fa-bars"></i>
</button>
<?php endif ?>

<?php if ($this->getParam('addon_offcanvas_enable')) : ?>
<?php $this->loadBlock ('off-canvas') ?>
<?php endif ?>

</div>

<?php if ($this->getParam('navigation_collapse_enable')) : ?>
<div class="t3-navbar-collapse navbar-collapse collapse" id="navbar"></div>
<?php endif ?>

<div class="t3-navbar navbar-collapse collapse">
<jdoc:include type="<?php echo $this->getParam('navigation_type', 'megamenu') ?>" name="<?php echo $this->getParam('mm_type', 'mainmenu') ?>" />
</div>

</div>

</nav>
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
A huge thanks for your time to answer me! really appreciate it ;)

I will try it and i will post my result here back!

Thanks again!
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
You're welcome @Billy :)
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Could I use this code in current T3 BS3 template?

Thanks in advance.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Yeah, you can try
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
Hi,

I adjusted the code a little,
stripped some slashes here and there
to show the images.

<?php
/**
* @package T3 Blank
* @copyright Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/

defined('_JEXEC') or die;

// get params
$sitename = $this->params->get('sitename');
$slogan = $this->params->get('slogan', '');
$logotype = $this->params->get('logotype', 'text');
$logoimage = $logotype == 'image' ? $this->params->get('logoimage', 'templates/' . T3_TEMPLATE . 'images/logo/logo.jpg') : '';

if (!$sitename) {
$sitename = JFactory::getConfig()->get('sitename');
}
?>

<!-- MAIN NAVIGATION -->
<nav id="t3-mainnav" class="wrap navbar-fixed-top navbar-default t3-mainnav">
<div class="container">
<div class="navbar-header">

<!-- LOGO -->
<div class="hidden-xs hidden-sm logo-<?php echo $logotype ?>">
<a href="/<?php echo JURI::base(true) ?>" title="<?php echo strip_tags($sitename) ?>">
<?php if($logotype == 'image'): ?>
<img class="logo-img" src="<?php echo JURI::base(true) . '/' . $logoimage ?>" alt="<?php echo strip_tags($sitename) ?>" />
<?php endif ?>
<span><?php echo $sitename ?></span>
</a>
<small class="site-slogan"><?php echo $slogan ?></small>
</div>
<!-- //LOGO -->

<!-- Brand and toggle get grouped for better mobile display -->
<?php if ($this->getParam('navigation_collapse_enable', 1) && $this->getParam('responsive', 1)) : ?>
<?php $this->addScript(T3_URL.'/js/nav-collapse.js'); ?>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".t3-navbar-collapse">
<i class="fa fa-bars"></i>
</button>
<?php endif ?>

<?php if ($this->getParam('addon_offcanvas_enable')) : ?>
<?php $this->loadBlock ('off-canvas') ?>
<?php endif ?>

</div><!-- navbar-header -->

<?php if ($this->getParam('navigation_collapse_enable')) : ?>
<div class="t3-navbar-collapse navbar-collapse collapse" id="navbar"></div>
<?php endif ?>

<div class="col-md-8 col-xs-12 t3-navbar navbar-collapse collapse">
<jdoc:include type="<?php echo $this->getParam('navigation_type', 'megamenu') ?>" name="<?php echo $this->getParam('mm_type', 'mainmenu') ?>" />
</div><!-- col-md-8 col-xs-12 t3-navbar navbar-collapse collapse -->

<div class="col-md-4 col-xs-12 m-language"><!-- col-xs-12 col-sm-4 -->
<?php if ($this->countModules('languageswitcherload')) : ?>
<!-- LANGUAGE SWITCHER -->
<div class="languageswitcherload">
<jdoc:include type="modules" name="<?php $this->_p('languageswitcherload') ?>" style="raw" />
</div>
<!-- //LANGUAGE SWITCHER -->
<?php endif ?>
</div><!-- //col-md-4 col-xs-12 m-language -->

</div><!-- container -->
</nav><!-- //t3-mainnav -->

What is the best practice to make a format like this:

|- logo -|- navigation -|- language bar -|
|- 3columns -|- 6 columns -|- 3 columns -|

What is the best practice to make the navigation bar background color white?
In the custom stylesheet?

Look forward to your reply,

Hans
Attachments (1)
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 8
Accepted Answer Pending Moderation
0
Votes
Undo
Or a format like:

|- logo -|- navigation -|- language bar -|
|- 3columns -|- 7 columns -|- 2 columns -|

Thanks in advance,

Hans
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 9
Accepted Answer Pending Moderation
0
Votes
Undo
Hello, i want this also.
Made the changes Igor suggested.
It's working fine.
But, the path to the logo-file is not working (see attachment)
In the map images I made a map logo in this map logo i have put a logo.png
Then adjusted the path, but it's not working.
I'm working on localhost (XAMPP)
What do I do wrong?

And than there is also this.
I want (a smaller) logo to stay in smaller screens, now it is disappearing.
How can I accomplish that?
Attachments (2)
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 10
  • Page :
  • 1


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