Header + Menu all inline


Author Message
Tim

Posted: 3/16/2010
Quote message 

Hi wondering if anybody has been able to create a DNN skin, using artiseer to generate something similar to this? with the header(logo) and menu all along the same line?
http://www.igniteonline.com.au/

 
Steven Webster

Posted: 3/17/2010
Quote message 

Not without some hand coding. If you setup your skin with a right justified menu....then add in the core DNN logo to the skin and position it within the divs and add CSS positioning it would be pretty easy
 
Tim

Posted: 4/21/2010
Quote message 

anymore help struglling here.
I thought it wasnt a good idea to use the DNN logo,
 
Nathan

Posted: 4/23/2010
Quote message 

Did you get the logo to do what you wanted? I would like to just get the Logo into the page and get the Headline and Slogon text out!
 
Steven Webster

Posted: 4/26/2010
Quote message 

There is nothing wrong with using the DNN logo. It actually has some nice functionality for not only the core - but other dnn modules that use that image.

In any case, this is quick and dirty...but if you replaced this


<dnn:ARTMENU ID="ArtMenu1" ShowHiddenTabs="False" ShowAdminTabs="True" ShowDeletedTabs="False" ShowLoginTab="False" ShowUserTab="False" runat="server" />


with something like this


<div class="logo"><dnn:LOGO ID="SiteLogo" runat=server /></div>
<dnn:ARTMENU ID="ArtMenu1" ShowDNNLogo="True" ShowHiddenTabs="False" ShowAdminTabs="True" ShowDeletedTabs="False" ShowLoginTab="False" ShowUserTab="False" runat="server" />


Then added this CSS


.logo{position:relative;float:left;margin-top:3px;margin-right:20px;z-index:1000;}


It should work. Note: you might also need to set a float:right to the artmenu object as well and set the width.
 
tim

Posted: 5/1/2010
Quote message 

Hi Steven

It is starting to work however the .logo is not being picked up in CSS. When I use Firebug .logo is not being used?
 
Steven Webster

Posted: 5/1/2010
Quote message 

Did you add it to the style.css file created by Artisteer?

You can also add it through the DNN Admin menu....Admin | Site Settings...paste it in the stylsheet section. That should add it to the portal.css
 
tim

Posted: 5/1/2010
Quote message 

Hi Steven

I am getting it to work been playing around with it, starting to look quite good. I was wondering when using Firebug why cant I see that the .logo class isn't being displayed even though it actually is positioning the logo?

Thankyou for your help

Cheers