Beez 20 and Joomla 1.6 - Replacing header image/section
Moderator: General Support Moderators
Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
-
- Joomla! Fledgling
- Posts: 4
- Joined: Sun Jan 30, 2011 7:42 am
Beez 20 and Joomla 1.6 - Replacing header image/section
Joomla 1.6 with Beez 20 standard template - Replacing the header image and logo is not a problem, but is it possible to replace this 'static' single image header with a module which will allow for a multiple image rotator? Is it a case of removing the header code and then inserting an appropriate module into position 1? If so, where do I find the header layout section for removal?
Does anyone know of such an image rotator that works with Joomla 1.6? I have previously used Frontpage Slideshow but this is not working properly in 1.6.
Does anyone know of such an image rotator that works with Joomla 1.6? I have previously used Frontpage Slideshow but this is not working properly in 1.6.
- sr77in
- Joomla! Apprentice
- Posts: 14
- Joined: Wed Jan 26, 2011 10:05 am
- Location: Dubai
Re: Beez 20 and Joomla 1.6 - Replacing header image/section
I too looking for the same thing. As the image is defined in CSS (.logoheader in personal.css), I guess to insert an image rotator, the best way is to place a CustomHTML module in position1. In my knowledge no image rotator is released for J1.6. However I'm working on migrating a jquery based image rotator from 1.5 to 1.6.
-
- Joomla! Fledgling
- Posts: 4
- Joined: Sun Jan 30, 2011 7:42 am
Re: Beez 20 and Joomla 1.6 - Replacing header image/section
Hi sr77in .. thanks for the reply. I have managed to edit the personal.css file to remove the header and then used SimplePictureSlideshow (from Joomla 1.6 extensions site) in module position1 and it works really well! However, I have a standard sized banner in position0 which then leaves a large blank space between the bottom of the banner and the top edge of my slideshow at position1. If I put the banner count to 2 (in the banner module settings) this blank space is neatly filled by a second banner, suggesting that I need to alter the max depth of the banner section. I've spend ages trying to figure out where the setting is that controls the depth of this banner - is it in the personal.css or perhaps somewhere else???!! Any suggestions please??
You do not have the required permissions to view the files attached to this post.
-
- Joomla! Fledgling
- Posts: 2
- Joined: Sat Feb 12, 2011 8:56 am
Re: Beez 20 and Joomla 1.6 - Replacing header image/section
I'm having the same problem.
Anyone been able to work out a fix ??
Anyone been able to work out a fix ??
Arnistonboy wrote: However, I have a standard sized banner in position0 which then leaves a large blank space between the bottom of the banner and the top edge of my slideshow at position1.
-
- Joomla! Apprentice
- Posts: 7
- Joined: Sun Feb 06, 2011 3:20 pm
Re: Beez 20 and Joomla 1.6 - Replacing header image/section
Here's how I managed to remove the white. Around line 97 in personal.css remove the "bottom" in the "background" string - counter intuitive for someone with little css experience like me. Adjust the "min-height" to suit. May have to adjust "padding-top" near line 92. Firebug very helpful. Below is what I was left with. Let me know of any unintended consequences, please.
background: #0c1a3e URL(../images/personal/xxxx.png) no-repeat right ;
color:#fff;
min-height:190px;
margin:0em 10px 0 10px !important;
background: #0c1a3e URL(../images/personal/xxxx.png) no-repeat right ;
color:#fff;
min-height:190px;
margin:0em 10px 0 10px !important;
-
- Joomla! Fledgling
- Posts: 4
- Joined: Sun Jan 30, 2011 7:42 am
Re: Beez 20 and Joomla 1.6 - Replacing header image/section
Thanks for your suggestions .... but no change to my white space issue ..... feels like a case of so near yet so far!! Do you have any ideas about where I might find the settings which control the parameters of module position0, and in particular its depth? (in template Beez20) .... this seems to be at the heart of my problem!?
.... and again, many thanks for your reply Nearadmin
.... and again, many thanks for your reply Nearadmin
-
- Joomla! Fledgling
- Posts: 2
- Joined: Sat Feb 12, 2011 8:56 am
Re: Beez 20 and Joomla 1.6 - Replacing header image/section
i got it working by changing
line 92 to "{padding-top:3.5em ;"
and changing
line 97 to "background: #fff /*URL(../images/personal/personal2.png) no-repeat bottom right*/ ;"
line 92 to "{padding-top:3.5em ;"
and changing
line 97 to "background: #fff /*URL(../images/personal/personal2.png) no-repeat bottom right*/ ;"
-
- Joomla! Fledgling
- Posts: 1
- Joined: Wed Feb 23, 2011 11:16 am
Re: Beez 20 and Joomla 1.6 - Replacing header image/section
If you want to completely remove header just delete in index.php file line from 110 to 141.
line 110 <div id="header">
<div class="logoheader">
<h1 id="logo">
<?php if ($logo): ?>
<img src="<?php echo $this->baseurl ?>/<?php echo htmlspecialchars($logo); ?>" alt="<?php echo htmlspecialchars($templateparams->get('sitetitle'));?>" />
<?php endif;?>
<?php if (!$logo ): ?>
<?php echo htmlspecialchars($templateparams->get('sitetitle'));?>
<?php endif; ?>
<span class="header1">
<?php echo htmlspecialchars($templateparams->get('sitedescription'));?>
</span></h1>
</div><!-- end logoheader -->
<ul class="skiplinks">
<li><a href="#main" class="u2"><?php echo JText::_('TPL_BEEZ2_SKIP_TO_CONTENT'); ?></a></li>
<li><a href="#nav" class="u2"><?php echo JText::_('TPL_BEEZ2_JUMP_TO_NAV'); ?></a></li>
<?php if($showRightColumn ):?>
<li><a href="#additional" class="u2"><?php echo JText::_('TPL_BEEZ2_JUMP_TO_INFO'); ?></a></li>
<?php endif; ?>
</ul>
<h2 class="unseen"><?php echo JText::_('TPL_BEEZ2_NAV_VIEW_SEARCH'); ?></h2>
<h3 class="unseen"><?php echo JText::_('TPL_BEEZ2_NAVIGATION'); ?></h3>
<jdoc:include type="modules" name="position-1" />
<div id="line">
<div id="fontsize"></div>
<h3 class="unseen"><?php echo JText::_('TPL_BEEZ2_SEARCH'); ?></h3>
<jdoc:include type="modules" name="position-0" />
</div> <!-- end line -->
line 141 </div><!-- end header -->
make backup file just in case
line 110 <div id="header">
<div class="logoheader">
<h1 id="logo">
<?php if ($logo): ?>
<img src="<?php echo $this->baseurl ?>/<?php echo htmlspecialchars($logo); ?>" alt="<?php echo htmlspecialchars($templateparams->get('sitetitle'));?>" />
<?php endif;?>
<?php if (!$logo ): ?>
<?php echo htmlspecialchars($templateparams->get('sitetitle'));?>
<?php endif; ?>
<span class="header1">
<?php echo htmlspecialchars($templateparams->get('sitedescription'));?>
</span></h1>
</div><!-- end logoheader -->
<ul class="skiplinks">
<li><a href="#main" class="u2"><?php echo JText::_('TPL_BEEZ2_SKIP_TO_CONTENT'); ?></a></li>
<li><a href="#nav" class="u2"><?php echo JText::_('TPL_BEEZ2_JUMP_TO_NAV'); ?></a></li>
<?php if($showRightColumn ):?>
<li><a href="#additional" class="u2"><?php echo JText::_('TPL_BEEZ2_JUMP_TO_INFO'); ?></a></li>
<?php endif; ?>
</ul>
<h2 class="unseen"><?php echo JText::_('TPL_BEEZ2_NAV_VIEW_SEARCH'); ?></h2>
<h3 class="unseen"><?php echo JText::_('TPL_BEEZ2_NAVIGATION'); ?></h3>
<jdoc:include type="modules" name="position-1" />
<div id="line">
<div id="fontsize"></div>
<h3 class="unseen"><?php echo JText::_('TPL_BEEZ2_SEARCH'); ?></h3>
<jdoc:include type="modules" name="position-0" />
</div> <!-- end line -->
line 141 </div><!-- end header -->
make backup file just in case
- Probie715
- Joomla! Enthusiast
- Posts: 152
- Joined: Wed May 09, 2007 3:44 pm
Re: Beez 20 and Joomla 1.6 - Replacing header image/section
You can reduce the white space at the top of your template by adjusting the margin values in personal.css around line 108, changing the 0.9em to a value that works for you.
Original values:
Original values:
Code: Select all
h1#logo
{
font-family: 'Titillium Maps', Arial;
padding:0.9em 20px 20px 10px;
text-transform:uppercase;
font-weight:normal;
margin-top:0;
}
-
- Joomla! Fledgling
- Posts: 1
- Joined: Mon Mar 14, 2011 1:03 am
Re: Beez 20 and Joomla 1.6 - Replacing header image/section
I remove the blank area in header by changing padding-top setting for #all and #header from 8.0em to 0.0em in personal.css as follows.
#all #header
{padding-top:0.0em;
}
#all #header
{padding-top:0.0em;
}
-
- Joomla! Apprentice
- Posts: 19
- Joined: Wed Jun 15, 2011 10:52 am
Re: Beez 20 and Joomla 1.6 - Replacing header image/section
I'm simply trying to replace the default logo header with my own image within the Beez20 template, but with no luck!
I have saved the image I want to upload as my new banner within the "Banners" folder of the Media Manager and changed the line of applicable code to the following:
background: #0c1a3e URL(../images/personal/xxxx.jpg) no-repeat bottom right ; The result of this is that I'm left with a black image where my required image should be displayed. Is this correct or do I need to add the banner folder name into the line of code?
I have tried adding the banners folder name to the line of code, such as URL(../images/personal/banners/xxxx.jpg), but again with no luck.
Any help would be much appreciated.
Thanks.
I have saved the image I want to upload as my new banner within the "Banners" folder of the Media Manager and changed the line of applicable code to the following:
background: #0c1a3e URL(../images/personal/xxxx.jpg) no-repeat bottom right ; The result of this is that I'm left with a black image where my required image should be displayed. Is this correct or do I need to add the banner folder name into the line of code?
I have tried adding the banners folder name to the line of code, such as URL(../images/personal/banners/xxxx.jpg), but again with no luck.
Any help would be much appreciated.
Thanks.
-
- Joomla! Fledgling
- Posts: 4
- Joined: Sat Apr 17, 2010 2:36 pm
Re: Beez 20 and Joomla 1.6 - Replacing header image/section
Hi BurtonC - did you sort this out?
Im a complete novice so might be wrong but from what you have described it seems like you have uploaded your new image to the wrong images folder. The header image needs to be within the:
/templates/beez20/images/personal/
folder which, to my limited understanding, you can't get to via the Media Manager (unless you can now with Joomla 1.6 - you certainly couldn't with 1.5)
Im a complete novice so might be wrong but from what you have described it seems like you have uploaded your new image to the wrong images folder. The header image needs to be within the:
/templates/beez20/images/personal/
folder which, to my limited understanding, you can't get to via the Media Manager (unless you can now with Joomla 1.6 - you certainly couldn't with 1.5)
-
- Joomla! Fledgling
- Posts: 1
- Joined: Thu Oct 20, 2011 12:15 am
Re: Beez 20 and Joomla 1.6 - Replacing header image/section
You need to edit the template index.php. first edit the code to make a table raw with two cells. first cell copy the log code in it and the second cell add a position call it whatever "Banner". Go to edit the template xml to add the new position. once you do so you need to edit one of the css.
Last edited by pe7er on Thu Oct 20, 2011 6:28 am, edited 1 time in total.
Reason: Manual signature has been removed. Please use the forum signature instead.
Reason: Manual signature has been removed. Please use the forum signature instead.