Knowledge Base support case for Likno Web Accordion Builder, abstracted and stripped of all user’s private info.


Initial Email From:
Mehdi
Initial Email Subject: changing hyperlink properties
Support Case Month: February 2014

Hello,

how can i change font properties like color, size, type, decoration, etc. of hyperlinks on accordion menus, both on closed panes and on pane bodies?

Thanks.

Mehdi

Reply From: Likno Customer Support

Hello Mehdi,

You can customize all of that properties for Accordion Headers in Style Editor tab -> Pane Headers.

You can set some common styling properties for all the headers by clicking "Pane Headers Common CSS" and then you can set extra styling properties for each of the states (Pane Closed, Pane Closed – Mouse Over, Pane Open, Pane Open – Mouse Over)

web accordion CSS properties

Clicking on the above areas a CSS Editor window will appear in which you can select the properties you want on the WYSIWYG CSS tab or add more hand coded CSS by clicking on the Hand Coded CSS tab.

WYSIWYG CSS Editor

Please, let me know if you need further help.

Thank you.

Kind Regards

Aggelos Tsakonas 
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

Reply From: Mehdi

Thanks for responding quickly and sorry that i wasn't clear.

I had tried changing all of those parameters. they change everything except for color, size, and decoration of those links in the menu. I have even changed the font and background colors so i can see exactly which of those areas change attributes of the links but still none of the changes that i did to the font attribute changes the color, size, and decoration (unbold) the fonts of those links. i have attached the accordion file that i have put together for the following menu: {URL REMOVED}, can you tell me what i am missing please? thanks....

Reply From: Likno Customer Support

Hello Mehdi,

Those are links so they get the styling properties set for links in your page.

I would recommend you to give your links a class name, for example class="menuLink"

hyperlinks

Then in your CSS file you can define that class like in the following code:

hyperlink CSS

This way, you can define what CSS properties you want for the links in your accordion headers.

Note, when you change the above to your Accordion project you need to re-compile it and re-upload the produced files to your server.

Please, let me know if you need further help.

Thank you.

Kind Regards

Aggelos Tsakonas 
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

Reply From: Mehdi

Great. Thanks, Aggelos.

 

Tags: , , , , , , , , ,

 

Knowledge Base support case for AllWebMenus, abstracted and stripped of all user’s private info.


Initial Email From:
Chris
Initial Email Subject: Crosshair pointer showing menu set for hand
Support Case Month: August 2012

Hello

I'm using two menus, menubrown.js for the "brown" themed page and menublue.js for the "blue" themed page.

On both menus, the Home page link has a crosshair pointer, the menu has been set for a hand.  If you hover over all links you will see what I mean.  How do I fix this problem?

Also please can you tell me how to fix a hyperlink problem.  On the "brown" themed page the menu AIRBRUSHING points to http://www.powerscourt-cockers.co.uk/addictive/airbrushing.html, however despite the "blue" themed page having the same hyperlink set it is actually taking you to the "brown" themed home page rather than the airbrushing page!  It's not meant to be like this, the hyperlink is still http://www.powerscourt-cockers.co.uk/addictive/airbrushing.html

Thanks, Chris

Related URL: http://www.powerscourt-cockers.co.uk/addictive/index.html

Reply From: Likno Customer Support

Hello Chris,

Both are really strange and I believe that you have a "customized" value in the project for the "Mouse" on the "Home" item. Also, are you sure that the 2nd project has the same link there?

Please export and send me your 2 project files, so that we can have a better look at the problem.

This is what you should do to export your project into a ZIP file and then email this ZIP to us.

export menu project

Best Regards,
Aris Filokostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Chris

Hi Aris

Thanks for your email.  Both zip files are attached.

Yes, the blue themed page hyperlink for “Airbrushing” is set in the menu for http://www.powerscourt-cockers.co.uk/addictive/airbrushing.html but when the link opens the page it’s opening http://www.powerscourt-cockers.co.uk/addictive/index.html instead.

Regards, Chris

Reply From: Likno Customer Support

Could it be that you forgot to re-compile BOTH menus after you made changes?

Because the PREVIEW in AllWebMenus shows them as they should, I do not understand. They work fine there…!

Regards,
Aris Filokostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Chris

Hi Aris

I did recompile both menus after I’d made changes.

However, in the screen shot below it says “site_root\menu.js”.  Do you think this is the cause of the problem?  My menu for the brown theme is called “menubrown.js” so the names don’t match.  If I do the same in the blue theme it also says “site_root\menu.js”

menu compiled successfully

Regards, Chris

Reply From: Likno Customer Support

Yes, this must be the problem, you need to change the compiled names to the proper ones (the ones that you use when you linked the menu to the web pages):

compiled menu name

This is where you will do this.

Also, how did this happen? How did you link with a different name but then the compiled name was the default one? I am curious to see why this happened in order to prevent it in the future.

Regards,
Aris Filokostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Chris

Hi Aris

The menus are compiled to their respective .js names now, I don’t know why the default menu.js popped up but I altered the location to the custom one in the properties folders and it’s working now.  I’ve recompiled and the issue with the crosshair has been resolved.  Thanks for your help.

Chris

 

Tags: , , , , , , , , , , , , , , ,

 

Knowledge Base support case for Likno Web Tabs Builder, abstracted and stripped of all user’s private info.


Initial Email From:
Steve
Initial Email Subject: Image Maps in WTB
Support Case Month: February 2012

I am trying to use WTB to create compact navigation for a web site. I wish to use single images which are the identical dimensions of the tab bodies and have mapped hyperlinks to different pages within the website.
Once each navigation tab system is complete, I would like to anchor each to a table row. I will surround the tabbed navigation with sliced graphics to give a clean integrated appearance. See link for graphical representation:
http://scottiedtv.com/index2.htm
I have compiled screen shots of the settings I've used in the project to make my issue as clear as possible in the above related URL.
What I am experiencing is both vertical and horizontal scroll bars after I embed the html code into the body source HTML code. I have adjusted the CSS body code in the styles editor; regardless of what I do the scroll bars appear.
I would greatly appreciate your help with this issue; I have been a long time customer of Likno.
Also, is there a way to have the tabs line up with both the left and right sides of the container? I've tried adjusting the margins, padding etc. and still have surplus space on the right side at the "page 10" tab.
Thank you!

Related URL: http://scottiedtv.com/wtb.htm

Reply From: Likno Customer Support

Hello,

Is it possible to export and send me your Tabs project along with any photos that you are using? It will be much faster than trying to troubleshoot this problem without it.

Please use the menu “Project -> Export -> To ZIP” to export the project and send it to me.

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Steve

Hello Kostas,
I think I've resolved the scroll bar problem by properly defining the image/map with div tags and style declarations (please verify the code). Attached is the zipped project including assets. Also attached is a screen shot of the project, wherein I have included 2 questions specific to spacing issues.
Thanks for your help and quick reply.
Best,
Steve

Reply From: Likno Customer Support

Dear Steve,

You could change the tab header width and left/right margins so that the tab headers seem centered:

header css properties

This would also require the container width to change to 800 instead of 798.

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Steve

Kostas,

  Thanks for the tabs alignment suggestion. For future projects, how do I calculate tab width relative to container size to assure proper centering? There seems to be automatic padding/spacing somewhere within the tabs header which I cannot seem to locate and adjust. Is it possible to assign a pixel distance value to the spacing between the tabs?

(1) Is the method I used to create vertical space between the tabs and the tabs body acceptable? Will the space cause any problems? Is the space between the tabs (horizontally) and between the tabs and tab body transparent - whereby a background table image will show through these areas of space?

(2) Is the image mapping code I've integrated acceptable? Although all seems right in the preview, I am not certain it will function display and identically in all browsers.

Thanks!
Steve

Reply From: Likno Customer Support

Dear Steve,

Well, the way to calculate this would be:

(header width+header spacing)*number of headers

Still, I did not calculate this, I just saw the remaining space and tried changing pixel by pixel (only took three trials) until I had a good result.

The spacing of the headers is controlled by the “margin” value (left and right).

Regarding the other questions:

1) Yes, this method is acceptable and you should not have issues. Another method to achieve the same thing would be to add a top margin to the Header Area CSS (this is probably a bit better). If you do not have a background set for the container, then it should be transparent.

2) Yes, the image map code you use is fully valid and I do not see a reason why it wouldn’t work in any browser.

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

 

Tags: , , , , , , , , , , , , , , , , , , , , ,

 


© 2009-2013 Likno Blog – Drop-Down Menus, Javascript Menus, CSS Menus, jQuery Scrollers/Sliders, Modal Windows