Joomla YooTheme, How to create header/ banner/ slider like on demo

I installed this theme http://www.yootheme.com/demo/themes/joomla/2011/corona/index.php#page and I understand how to create modules at specified positions and fill them with content; however, how do I create that part with the image (under the nav) where it says "This template is available for Joomla 1.5, 1.6 and Wordpress! Join the YOOtheme club today!?"

Thanks for your help.
LVL 14
EMB01Asked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
mcnuteConnect With a Mentor Commented:
Maybe this isn't a default option of the template, which would be a bad strategic choice of YOO Theme. I can help you to get the same javascript effect if you want. jQuery or just simple javascript would do.
0
 
Panagiotis Sweb developer - designer Commented:
its probably in a module, search for a slider or photo something
0
 
EMB01Author Commented:
All of my module positions are attached.  I tried using "banner" but I don't know what model "type" to select.  Would it be custom html?
absolute 	

    yoo_corona

banner 	

    yoo_corona (Banner)

bottom 	

    yoo_corona (Bottom)

bottomblock 	

    yoo_corona

breadcrumbs 	

    yoo_corona (Breadcrumbs)

content1 	

    yoo_corona

content2 	

    yoo_corona

content3 	

    yoo_corona

content4 	

    yoo_corona

content5 	

    yoo_corona

content6 	

    yoo_corona

content7 	

    yoo_corona

content8 	

    yoo_corona

content9 	

    yoo_corona

contentbottom 	

    yoo_corona

contentleft 	

    yoo_corona

contentright 	

    yoo_corona

contenttop 	

    yoo_corona

debug 	

    yoo_corona (Debug)

footer 	

    yoo_corona (Footer)

headerbar 	

    yoo_corona

left 	

    yoo_corona (Left)

logo 	

    yoo_corona

mainbottom 	

    yoo_corona

maintop 	

    yoo_corona

menu 	

    yoo_corona

position-10 	
position-2 	
position-7 	
right 	

    yoo_corona (Right)

search 	

    yoo_corona

socialbookmarks 	

    yoo_corona

toolbarleft 	

    yoo_corona

toolbarright 	

    yoo_corona

top 	

    yoo_corona (Top)

topblock 	

    yoo_corona

Open in new window

0
Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

 
Panagiotis Sweb developer - designer Commented:
look at headerbar
0
 
EMB01Author Commented:
I tried that one, too.  The problem is, I don't know how to make that little javascript action happen where you mouse over the image and the transparent background with text slide up as seen here:

http://www.yootheme.com/demo/themes/joomla/2011/corona/index.php#page
0
 
mcnuteCommented:
when you go to the module headerbar, isn't there some options on the right where you can input stuff for customization of the module.

There should be some boxes with headers like: module parameters and/or advanced parameters, then search for a input field with the name spotlight, this is like the javascript action is called in css. Maybe it is called differently, but it should one of these parameters which allows you to fill out some text which displays in the javascript slide-up panel.
0
 
EMB01Author Commented:
There is no module headerbar, unless I create one.  I created one as "html content" but it doesn't have any advanced params, only advanced options; the most important being "module class suffix."  If I add spotlight to it, it changes but I don't see anywhere where I can enter text for javascript slide-up panel...
0
 
mcnuteCommented:
Here is a step by step tutorial how to get the effect into your theme:

http://www.yootheme.com/docs/component/zoo/item/how-to-use-the-spotlight-of-yooeffects
0
 
EMB01Author Commented:
I appreciate your help, mcnute.  I think the link you provided will be all I need, but I haven't had time to try it yet.  I intend to do so today.  Thanks for your patience throughout the duration of this question.
0
 
EMB01Author Commented:
Thanks for trying, not sure when I'll get back on this.  But, you're solution will at least point me in the right direction when I do.  Thank you.
0
 
Abhijeet RananawareWeb & Mobile DeveloperCommented:
Go to Module Manager > Search for module named Spotlight 1

Edit it ,,,You will see the line which you want to edit

Save.

Regards,
Abhijit
0
 
EMB01Author Commented:
Thank you, I was able to figure it out.  I added something called widgetKit from YooTheme (place where I got the template).
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.