Print Page - Request: Tabbed Block with tabs at bottom.

Title: Request: Tabbed Block with tabs at bottom.
Post by: Embrace on January 09, 2008, 02:43:21 PM

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

Title: Re: Request: Tabbed Block with tabs at bottom.
Post by: TimUSA on January 09, 2008, 02:59:04 PM

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

Title: Re: Request: Tabbed Block with tabs at bottom.
Post by: Embrace on January 09, 2008, 07:19:05 PM

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/

Title: Re: Request: Tabbed Block with tabs at bottom.
Post by: lebisol on January 09, 2008, 07:59:53 PM

-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.

Title: Re: Request: Tabbed Block with tabs at bottom.
Post by: Embrace on January 09, 2008, 08:01:03 PM

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

Title: Re: Request: Tabbed Block with tabs at bottom.
Post by: Embrace on January 09, 2008, 08:06:07 PM

Here they are, sorry they aren't named~

Title: Re: Request: Tabbed Block with tabs at bottom.
Post by: lebisol on January 09, 2008, 08:19:47 PM

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

Title: Re: Request: Tabbed Block with tabs at bottom.
Post by: Embrace on January 09, 2008, 08:28:16 PM

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

Title: Re: Request: Tabbed Block with tabs at bottom.
Post by: lebisol on January 09, 2008, 08:38:49 PM

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 (http://www.mostarnetworks.com/mn-articles/Dreamweaver/Tutorial1/Tutorial1-Example3.html).
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!

Title: Re: Request: Tabbed Block with tabs at bottom.
Post by: lebisol on January 10, 2008, 05:14:33 PM

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

<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".

TinyPortal

Development => Block Codes => Topic started by: Embrace on January 09, 2008, 02:43:21 PM