Superfish Add On.

Permalink
Ive just succesfully downloaded and installed the superfish drop down into my homepage.

I want to add a few more fields, change the colors, height width etc which Im sure must be easy BUT

How do I get to those pages where I can do all that? Sorry but I cant see it anywhere. The edit button only gives about 5 options, where do I add new fields etc?

Also if I dive into the .css file for superfish and fiddle about in there will that change all the styling. The file currently sits in blocks/superfish/css

Is that where it should be.

I dont need to move that css file at all?

Do all css files that come with add ons sit in this folder?

Thanks fo any help.
Nige

nige
 
nige replied on at Permalink Reply
nige
I've managed to change a few things like the background color, height, font size etc but background color wont change to transparent which I want. Can you do this?

Any ideas

Nige
nige replied on at Permalink Reply
nige
I copied my edited version of the navigation to the scrapbook and then pasted it into another page and it worked well and added the page to the navigation automatically. Wow brilliant.

BUT I still dont know how or where to get rid or edit the other links as I dont want them. Also I want to move the newly created link over and right next to the home link.

Also Im geting an error on the sitemap part of the dashboard. Its not working.

So there is

1/ transparency or background image in the top level nav

2/ How do I edit/delete/move around my navigation fields

3/ Sitemap error.

Thank you in advance. I spose youre all asleep(being here as I am on the bottom of the world)

NIge
ryan replied on at Permalink Reply
ryan
The menu will display the pages as they appear in your sitemap, so you'll need to get the sitemap working first to have full control of the site.

If you want a page to not show up in the navigation, you'd go to that page, put it in edit mode, click: Properties -> Custom Fields and check "Exclude from Nav"
ryan replied on at Permalink Reply
ryan
If you include a new css file that is included into the the page after the superfish css files you can use that file to just override the styles you need & then upgrades to your superfish menu won't kill your changes.
nige replied on at Permalink Reply
nige
Cheers for the help. Ive sort of got there really but do you mean include Superfish as is and then apply a custom template in edit mode?
Im trying just this at the moment with the page list block. I just want the text to be smaller but the css doesnt seem to work on it.

Nige
Tony replied on at Permalink Reply
Tony
what css are you trying? I don't think there are even any font-sizes set in the superfish css, so you can probably just do something like:

.sf-menu { font-size:11px; line-height:14px }

...in your website's main style sheet.
nige replied on at Permalink Reply
nige
I have now actually succesfully completely butchered the Superfish css to my liking.

Its now transparent, fits perfectly and works beautifully.

I’m not sure it would stand up to any upgrades though.

I’ve realised a bit of carefully placed css will change autonav and pagelist.

I havent quite cracked this custom template business though which is where I should be isnt it?

Nige

P.S. Like your avatar..is it a snail car? Burning Man perhaps....
Tony replied on at Permalink Reply
Tony
good to hear you got it.

if you were to create a custom template for the superfish block, you could put it in /blocks/superfish/templates/myCustomTemplate.php

and yeah, that's a mutant vehicle called "the golden mean".
nige replied on at Permalink Reply
nige
I get that bit. Do you use the view.php?

Im just learning PHP like really JUST learning.

The number of PHP files in a theme or a block confuses me a bit.

Dont worry Im not after a free tutorial or anything. Its just a regular old learning curve.

Thanks for your help.

Nige
dlloyd replied on at Permalink Reply
dlloyd
You Fellas stumble across a line in the css (or anywhere) that sets the width of each block accordingly to the amount of characters the link is? Maybe a way to override the custom "fixed width" setting you must state while setting up superfish? Thanks much! I'm sure it's really simple.
dlloyd replied on at Permalink Reply
dlloyd
Hey a got out my shovel and did some digging..
Was this a safe technique?

I edited the view.php file:

Changed line 15 from this:
.sf-menu li { width:<?php echo $cellWidth?>px }

to this:
.sf-menu li { width:auto; }

Figured this would eliminate the communication for the cell width setting.. Sound good?

Let me know if this was tragic!
Cheers
bcarone replied on at Permalink Reply
bcarone
Dlloyd

The question is "Did it work as you expected?"

My follow-on actions would be
1. Ensure it works in my favorite browser and across the site.
2. Open the site in all browsers on all platforms if possible. Does it still work the way you expected it to?
3. Go to the themes forum and build forum and post your results (good or bad).

Hope it worked out for you.
dlloyd replied on at Permalink Reply
dlloyd
ya it's working great on all browsers so far.. thanks for the reassurance. I guess I got lucky this time!
ronalddlanor replied on at Permalink Reply
Hi nige,

Would you share the method you used to make your Superfish menu transparent?
nige replied on at Permalink Reply
nige
Yes I'd be happy to share it with you if I could remember how I did it.

But its all in the css. Its easier to do than when I first did it after a couple of upgrades.

I will be checking that css tonight NZ time so I will post it for you then. I think that is about 10am EST.

Nige
ronalddlanor replied on at Permalink Reply
Hi Nige,

I actually figured it out right before I pulled my hair out. It's that same old story of not checking the other elements before frigging with the menu for 3 hours. I actually had the menu transparent (the parent buttons) but had messed up on the div containing the menu, I had accidentally changed the background to tile vertically and not horizontally. Anyhow, I feel foolish. Thank you for your reply.

Wil
watersedge replied on at Permalink Reply
Would you mind explaining how you got first level nav to have transparent background? Your and Nige's last posts state you figured it out, but I don't really see how you did it.

Thanks!
ronalddlanor replied on at Permalink Reply 1 Attachment
Hi watersedge,

I have attached the .css file I used for Superfish. I have commented for my own use the lines I needed to customize - or any classes that I figured out while messing around with this. If you do a search of "OATMEAL", and flip through the results you will see all of the styles I was able to discern.

To be honest, I can't remember exactly what I did in the .css end to get this transparent - what I do know is that this menu worked as transparent for me - I placed the menu into another div with a gradient background behind it - you can see the sample site here:http://www.oatmealdesign.com/~mltca/...

One thing that did help me a lot with this was the "FireBug" plugin for Firefox. With this plugin you are able to click a pointer on any part of a webpage to see how an item is put together and what styles have been applied to it. It will also allow you to change .css setting from within your browser so you can see what changes - this is how I identified the .css lines for SuperFish.

Note - if you download the attached text file, just change the extension from .txt to .css.

I hope this helps you out.

Wil
flowerhead4 replied on at Permalink Reply
hi there,

your post on Super Fish is the most promising to my problem.

i am a novice to code writing, so would you be able to write for me some few easy steps to get Super Fish lose that nasty box and become transparent, simply as text?

would much appreciate your help!

thank you!

Flowerhead
wschlaeger replied on at Permalink Reply
wschlaeger
Nige -

How did you make your Snapfish transparent?