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. jackybondoux
  2. General Discussion
  3. Tuesday, 28 January 2014
  4.  Subscribe via email
T3 framework, t3 blank template.

By default we can only opt for a logo or some text in the header. How is it possible to have both a text (ie the title of the site) and an image used as logo ?
Thanks in advance for your reply.
Comment
There are no comments made yet.
Accepted Answer
Accepted Answer Pending Moderation
0
Votes
Undo
Copying your header block and replace the code for this , and I split in two positions only , two span6 , one for the " logo- img " and another for " logo- text" ( you can put the amount you want .) They'll be next to each other. place the height you want then . Sunstitua the name of the header block that you created for header- p and replace within your template template call < ? Php $ this - > loadBlock ( ' header' ) > by < ? Php $ this - > loadBlock ( ' header -p ' ) > . It will not change its modification in case of atualizaĆ§Ć£o.Coloque also this css code in your custom.css :

Do not forget to add the position created (logo-text) in templateDetaisls.xml

.logo-image a {
width: 100%;
height: 65px;
}
.logo-text {
width:100%;
height: 65px;
}


Could you hide your logo , text in smaller devices , and resize each of them as you want with your @ media Replace the header block the code below :

<?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;
$sitename = $this->params->get('sitename') ? $this->params->get('sitename') : JFactory::getConfig()->get('sitename');
$slogan = $this->params->get('slogan');
$logotype = $this->params->get('logotype', 'text');
$logoimage = $logotype == 'image' ? $this->params->get('logoimage', '') : '';
if ($logoimage) {
$logoimage = ' style="background-image:url('.JURI::base(true).'/'.$logoimage.');"';
}
?>

<!-- HEADER -->
<header id="t3-header" class="container t3-header">
<div class="row">

<!-- LOGO -->
<div class="span6 logo">
<div class="logo-<?php echo $logotype ?>">
<a href="<?php echo JURI::base(true) ?>" title="<?php echo strip_tags($sitename) ?>"<?php echo $logoimage ?>>
<span><?php echo $sitename ?></span>
</a>
<small class="site-slogan hidden-phone"><?php echo $slogan ?></small>
</div>
</div>
<!-- //LOGO -->

<?php if($this->countModules('logo-text')): ?>
<div class="span6 clearfix">
<?php if ($this->countModules('logo-text')) : ?>
<!-- HEAD SEARCH -->
<div class="logo-text<?php $this->_c('logo-text')?>">
<jdoc:include type="modules" name="<?php $this->_p('logo-text') ?>" style="raw" />
</div>
<!-- //HEAD SEARCH -->
<?php endif ?>
</div>
<?php endif ?>

</div>
</header>
<!-- //HEADER -->
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # Permalink
Accepted Answer Pending Moderation
0
Votes
Undo
Specify the position (logo-text) for mobile devices hiding the element if you want, but will have to resize the positions using @ media into your custom.css.
  Resende - Rio de Janeiro, Brazil
Visit 
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
  • Page :
  • 1


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