Request: Tabbed Block with tabs at bottom.

[Embrace]

Hey,

I really like the tabbed content block, I would like it if it was like this one.
http://expressionengine.com/

(its up top)

not 100% but with the tabs on bottom and the larger icons, the cleaner rollover, etc.


Thanks,
Embrace

[TimUSA]

http://www.tinyportal.net/index.php?topic=6100.0
might be a start

[Embrace]

Thanks Tim, But the block I am looking for is alot different, I want the tabs on bottom, tight to eachother so it is somewhat seamless.

similar to the one seen here
http://expressionengine.com/

[lebisol]

-use scripblock for html/js parts
-link js externally in your template
-make your own rollover images

There is not a "bottom or footer" block but you can use center block or perhaps a php article depending where you want this snip to show.

Do you have rollover images? I can help you with the code....post back or stat PM session if image copyright is an issue.

[Embrace]

Yea I have images. give me a couple minute to zip them up and attach them

[Embrace]

Here they are, sorry they aren't named~

[lebisol]

Did you want content in the tabs (which is really what 1st link here does) or just a rollover effect for links?

[Embrace]

content in the tabs, I can do that myself I think... I just want the nice rollover effect and such as seen on that site...

thanks

[lebisol]

Oh ok, if you have a Dreamweaver and want to venture on your own see: http://mostarnetworks.com/index.php?page=Using-Multiple-Show-Hide-Layers
for THIS result.
If you have an URL it would help to see what is the final result ur after.
Post back...I should be able to help with this later this evening.
All the best!

[lebisol]

In default theme there is already javascript that will handle your rollovers. It is used on "powerd by" etc. icons in footer.
All you have to do is follow the naming convertion.
eg.

Code Select Expand

<a href="http://yoursite.com/some.html" target="_blank"><img id="imgID" src="', $settings['images_url'], '/welcome.gif" alt="some alt text" width="54" height="20" style="margin: 5px 16px;" onmouseover="smfFooterHighlight(this, true);" onmouseout="smfFooterHighlight(this, false);" /></a>

so using this example you need image "welcome.gif" and over image of "welcome_h.gif"
"filename.ext" and "filename_h.ext"


this is just for rollovers though...not tabs...which is why DW and show/hide layer might be more "interactive".