[CUSTOM] Logo on top and extra right side module

Hi

One Member with Developer Subscription ask us support to make a small change on Penguimmail template, to have the logo on top of main menu and also with extra module position on its right side (for banner use, for example).

We decide to share with other Members also. So if you want to use this layout change, follow this instructions:

Step 1:
Open ../layouts/blocks/nav.php and find this line:

Code: Select all

<div id="gk-nav" class="clearfix">

Before this line, add this code:

Code: Select all

<div id="top-wrapper">
<?php if ($this->getParam('logoType')=='image'): ?>

<h1 class="logo">
      <a href="index.php" title="<?php echo $this->sitename(); ?>"><span><?php echo $this->sitename(); ?></span></a>
</h1>
<?php elseif($this->getParam('logoType')=='text') : ?>
<div class="logo text">
      <h1>
            <a href="index.php" title="<?php echo $this->sitename(); ?>"><span><?php echo GK_LOGO; ?></span></a>
      </h1>
      <p class="site-slogan"><?php echo GK_SLOGAN;?></p>
</div>
<?php endif; ?>
<?php if($this->countModules('top_mod')) : ?>
<div id="top_mod_wrapper" class="normal clearfix clear">
      <jdoc:include type="modules" name="top_mod" style="gavickpro" />
</div>
<?php endif; ?>
</div>


Step 2:
Open ../layouts/blocks/header.php and remove this lines:

Code: Select all

<?php if ($this->getParam('logoType')=='image'): ?>

<h1 class="logo">
      <a href="index.php" title="<?php echo $this->sitename(); ?>"><span><?php echo $this->sitename(); ?></span></a>
</h1>
<?php elseif($this->getParam('logoType')=='text') : ?>
<div class="logo text">
      <h1>
            <a href="index.php" title="<?php echo $this->sitename(); ?>"><span><?php echo GK_LOGO; ?></span></a>
      </h1>
      <p class="site-slogan"><?php echo GK_SLOGAN;?></p>
</div>
<?php endif; ?>


Step 3:
Open templateDetails.xml file and find this line:

Code: Select all

<!-- template specific positions -->


After this line, add this one:

Code: Select all

<position>top_mod</position>

Step 4:
Go to template parameters and enable override.css file.

Step 5:
Open override.css file from css directory and add this code:

Code: Select all

#top-wrapper {height: 100px;width: 100%;overflow: hidden}
#top-wrapper  h1.logo {position: absolute;margin-top: 15px;}
#top_mod_wrapper {float: right;width: 650px;margin: 10px 0;overflow: hidden;}
#top_mod_wrapper .moduletable {float: right;padding: 0 10px;margin-top:-5px}
#top_mod_wrapper .moduletable_content div{border: none;}
#gk-nav,#gk-subnav {-moz-border-radius: 6px!important;-webkit-border-radius: 6px!important;border-radius: 6px!important;}


That's it.
If the new module position "top_mod" is populated, for example with a banner, it should look like this:

custom-penguimmail.png

Enjoy

beautiful dude !

I have tried to populate top_mod position with text, banners, images etc, but nothing shows up there, it's real frustrating..

Any ideas?

Thanks.

Please show us your website.
It might be useful if you also send me admin access.

Yes, ...

www.it-culture.com.au

I will send you an email with temp admin access.

Thank you.

@Seichinha

email sent to you yesterday to paulo[at]gavick[dot]com

Thanks.

I really need a solution to my issue noted in original post.

What do I need to do to get an answer?

Thanks.

I have a minor problem in Chrome. It seems after I implemented this (which looks great thanks!) It overlaps the banner1 position that houses the gavick tabs manager module on home page.

you can see by going here: http://blakemiller.co/mysmartplans

any fix for this? thanks

Is it possible to do the same in Joomla 1.6.3, if possible please send link

I am having a problem (see image). How do i rectify that?

Hi

Can I please see Your site ?

Hi Teitbite,

Mailed you some days back with the details. Haven't heard back from you.

Hi

Please mail me one more time. I've just get back from vacations so everything is a little bit messy in my mailbox.

Mailed you again.

Hi

Please try to add this code to css:

Code: Select all

.tabHeader {
    margin: 0;
}


If You wan to remove this bar completly please use also code:

Code: Select all

#gk-nav {
    display: none;
}


Worked. Thanks Teitbite.

Hi

No problem. Glad I could help

Hello,
I have problem with template for joomla 1.6.3.
I don't see gk-nav in "nav.php" :/

Hi

In 1.6 the layers got different names. What template are You talking about ?

Hi, i ask you a question, if i want to put a php module between the logo and the menu, what should i do?
the module have to be width 100%. i have already installed a php module, but in what position?
i tried with "top_mod" but i didn't see it.

Hi

You need to add this new position there first. Please take a look on first post of this thread and use the code for adding posiotion just before:

Code: Select all

<div id="gk-nav" class="clearfix">

ok, now it works. I understand what was wrong in my code.

thank you.

Hi

No problem. Glad I could help.