add module position next to logo

Everything to do with Joomla! 2.5 templates and templating.

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.
safe77
Joomla! Intern
Joomla! Intern
Posts: 50
Joined: Wed Nov 12, 2008 12:03 pm

add module position next to logo

Postby safe77 » Wed Oct 19, 2011 10:01 am

Hi,

I have added

Code: Select all

<position>position-16</position>
in templateDetails.xml
Also added

Code: Select all

<jdoc:include type="modules" name="position-16" />

in index.php just before line 116

Code: Select all

</div><!-- end logoheader -->

Now adding /?tp=1 to my url I can see the position-16 created by me but it is located below the logo. ( like next line )
Should I create <div id="next-logo "> in index.php
and if that is the case In which css should I add
#next-logo
{float: right;}
ect... ???
Any suggestion will be very much appreciated

safe77
Joomla! Intern
Joomla! Intern
Posts: 50
Joined: Wed Nov 12, 2008 12:03 pm

Re: add module position next to logo

Postby safe77 » Wed Oct 19, 2011 11:12 am

Hi again,
following the above topic...
( May other people find the following info helpful ):
I added

Code: Select all

<div id="nextlogo">
<jdoc:include type="modules" name="position-16" />
</div>

in file index.php
line 106 just before

Code: Select all

<h1 id="logo">


Then added in file beez5.css

Code: Select all

#nextlogo
{
float:right;
}

and that's it I got new module position next to logo header ( on same line ) ;)

Any comment or correction on above are welcome!!!

Zinzan4
Joomla! Apprentice
Joomla! Apprentice
Posts: 10
Joined: Mon Dec 26, 2011 4:10 am

Re: add module position next to logo

Postby Zinzan4 » Sun Jan 29, 2012 12:23 pm

Hi, thanks for the info this is exactly what I'm looking for (I think (and hope.))

Code: Select all

#nextlogo
{
float:right;
}


Where do I put this code in beez5.css?

safe77
Joomla! Intern
Joomla! Intern
Posts: 50
Joined: Wed Nov 12, 2008 12:03 pm

Re: add module position next to logo

Postby safe77 » Sun Jan 29, 2012 8:50 pm

Hi,
It doesn't matter where in beez5.css
you can added it at the end or after line 97

Code: Select all

h1#logo
{
margin:5px 550px 5px 20px;
font-size:3em;



Hope will work for you too!!

Closer
Joomla! Intern
Joomla! Intern
Posts: 92
Joined: Wed Dec 08, 2010 11:41 am

Re: add module position next to logo

Postby Closer » Thu Mar 01, 2012 8:58 pm

Thanks for sharing Safe77

I was thinking of doing something similar but hadn't got round to it yet! :)

safe77
Joomla! Intern
Joomla! Intern
Posts: 50
Joined: Wed Nov 12, 2008 12:03 pm

Re: add module position next to logo

Postby safe77 » Mon Mar 05, 2012 11:44 am

More then welcome!!

nickelas
Joomla! Intern
Joomla! Intern
Posts: 51
Joined: Mon Jan 11, 2010 3:26 pm

Re: add module position next to logo

Postby nickelas » Tue Apr 24, 2012 8:04 am

This is great, thanks!
Any idea how to modify it so you can have more than one module in this position?


Return to “Templates for Joomla! 2.5”

Who is online

Users browsing this forum: No registered users and 3 guests