Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...NAv text spacingNAv text spacing
Previous
 
Next
New Post
2/8/2009 6:38 PM
 

Hello

 

I am making a website which is using a button effcect background for the NAV bar, see link:

www.gw-webdesign.co.uk\bardoc

What I would like to know is how can I get the text aligned in the middle of each button? changing the magin just changes them all and this dosent work as some are longer in length than others.

Also, these links will take up all of the Nav Bar so when I log in as admin it stretches it because it has to fit the admin link in aswell. Is there any way I can move the admin and host link?

I hope this makes sence? I am new to all this.

Thanks

 

 

 
New Post
2/9/2009 12:20 AM
 

 Hi Blunda

I'm pretty new to this as well so I'll be interested to see what others have to say about this, however having looked at your web page I think I can help. I too am working on a site that uses a simple single level menu design (which I think you are too), meaning there are no sub-menus. I also wanted to use some nice looking buttons, instead of the standard DNN menus.

Rather than using an image as the background with the NAV bar over the top, I decided to not use the NAV bar at all. Therefore on every page I un-ticked the option to "Include In Menu". I also edited the default.htm and moved the NAV bar right to the bottom of my page, so that whenever I log in the Host and Admin modules now appear down at the bottom left of the page.

I then created a whole bunch of "buttons" (text on the buttons included) and inserted them into my Top pane (wasn't quite that simple ... more on that in a mo), and told this pane to appear on every page, meaning within the advanced settings for the Top pane I ticked the option to show the Module on Every Page.

Just about to contradict myself ... in my Top pane I actually inserted a whole bunch of transparent images, each one with an ID and a link reference to the page I want to send my user to, and via the skin.css file I tell the page what button image to use. The end result isI have buttons (images that act like buttons) that are totally under my control.

As first stated, not sure if this is the best way to go about it but it seems to work for me, so maybe wait for other suggestions or if interested in more info I can provide a further example of exactly what code I use to insert the blank buttons in the Top pane, plus the exact CSS syntax I use to swap the images out.

 

 

 

 

 
New Post
2/9/2009 2:01 AM
 

hmm, I like your ingenuity but there must be a simpler way than that! I have got the roll over and images working I just want to get them spaced so that they are within the button. Anyone?

Also I have just noticed if I veiw this page in IE it cuts the right hand side off but it dosent do this if i was to load just the htm file localy? any ideas how to fix this? looks like the content panes go over the edge of the table but it dosent do this in firefox.

 

any help much appreciated!

 
New Post
2/9/2009 11:44 PM
 

Can anyone

a) tell me how I can space the Nav Links (unevenly)

b) why ie is cutting of the right side (check the link) this only happens once the skin has uploaded, the html file dosent do this.

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...NAv text spacingNAv text spacing


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out