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 Likno Web Scroller (jQuery Slider) Builder, abstracted and stripped of all user’s private info.


Initial Email From:
Earl
Initial Email Subject: Scroller Builder - Z Index of likno_scroller_container liknoscroller_container_area
Support Case Month: February 2014

I have a scroller that is interacting with a menu (not your menu) but I have found that if I change the z-index, it seems to solve my problem.  I can not seem to figure where I can change the z-index for the class "likno_scroller_container liknoscroller_container_area" which is defaulting to "3".  If I change it to "2" one of my problems is solved.

Reply From: Likno Customer Support

Hello Earl,

Please click here:

z-index of jQuery slider

You will find the Z-Index property there. Change that to "2". It may work but I am not sure as it depends on what the other script does too.

Thank you.

Kind Regards

Aris 
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!

 

Tags: , , , , , ,

 

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


Initial Email From:
User
Initial Email Subject:  Text shadow
Support Case Month: October 2013

Hello

Is it possible to attach a shadow to text in Allwebmenus.

If not, it would be a useful addition for a future build.

Reply From: Likno Customer Support

Hello,

This is not possible in a WYSIWYG mode in the application.

But, still you could have text shadow in your menu items.

You could have your menu as a CSS menu and then you can add a specific style (text-shadow in your case) to each item you want as inline style or even better create a new class in your CSS file for the text-shadow and apply that class to the menu items you want them to have a text shadow.

Please, find attached a zip folder that contains a simple AllWebMenus project that is compiled as CSS menu and a textShadow.html page that you can see the code and how it looks.

Let me know if you need more information.

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!

 

Tags: , , , , , , , , ,

 

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


Initial Email From:
Bill
Initial Email Subject: Scroller Builder
Support Case Month: August 2013

It worked after I uploaded the expression web add on.  The scroller does not appear in the page, I only get an error message.

slider scroller error message

Reply From: Likno Customer Support

Hello Bill,

In your project you have set that you are using for your scroller population a div with a class ="Widget-Realtor-Big_content"

jquery slider scroller class name

But in your page you have no div with such a class.

jquery slider scroller class name

That's why you get the error.

In order to correct that, just grab the sample code from your project and paste it into your page.

jquery slider scroller sample code

Thank you!

Kind Regards, 
Aris
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: Bill

That was it.  Thanks

 

Tags: , , , , , , , , ,

 

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


Initial Email From:
John
Initial Email Subject: Web Tabs Builder - How to style Tab Header text to give 'highlighter' effect?
Support Case Month: June 2013

Dear Kostas & team

In AllWebMenus we are able to style menu items with a highlighter effect on mouseover

e.g.

Text (HTML formatting) 

normal : Home

mouseover: <span style="background-color: yellow">Home</span>

mouseclick: <span style="background-color: yellow">Home</span>

This highlights just the text, and does not change the background color of the whole item.

I would like the text within the tab headers (not the whole of the tab header) in Web Tabs Builder to have the same behavior.  How can I do this?

Many thanks,
John

Reply From: Likno Customer Support

Hello John,

In case you need only the same highlight color in all  states of the header text then you just go to the Tabs Header Text/HTML and do the same as in AllWebMenus. (see image below)

background color in tab header

In case you need different colors in each state, I would propose you to go to Tab_1 Header Text/HTML and create a class there in <style> tags. Note that then you will be able to call this class in all items.

style tag in tab header

CSS class in tab header

highlighted text in tab header

Kind Regards,
Aggelos Tsakonas
Likno Customer Support
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: John

Hi Aggelos

Many thanks for your rapid response.  I see what you are saying for tabs with headers and bodies populated within Web Tabs Builder.

How would your suggestion apply where the tabs are populated through DIVs?  (inside the page)

Bests,
John

Reply From: Likno Customer Support

Hello John,

When you populate your tabs through DIVs, this means that tabs' content is inside your page. You can have the class I sent you before inside your page in <style> tags or have this in your general CSS file. Also, you can just have inline style in each tab header your want.

See the example code below:

<!DOCTYPE html>
<html>
<head>
<style>
    .highlight{
               background-color:#FF0000;
              }

    .highlight:hover {
                      background-color:yellow;
                      }
</style>
</head>
<body>
<!-- ******** BEGIN LIKNO WEB TABS CODE FOR highlightHeaders ******** –>
<script type="text/javascript">var lwtbLinkedBy="LiknoWebTabs [1]",lwtbName="highlightHeaders",lwtbBN="220";</script><script charset="UTF-8" src="likno-scripts/highlightHeaders.js" type="text/javascript"></script>
<!-- ******** END LIKNO WEB TABS CODE FOR highlightHeaders ******** -->

<div class="liknotabs_header" style="display: none;">
    <span class="highlight">Header 1</span>
</div>
<div class="liknotabs_header" style="display: none;">
    Header 2
</div>
<div class="liknotabs_header" style="display: none;">
    <span style="background-color:#FFFFFF;">Header 3
</div>
<div class="liknotabs_body" style="display: none;">
    <p>Here is the text of the <b>first tab body</b>.</p>
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<div class="liknotabs_body" style="display: none;">
    <p>Here is the text of the <b>second tab body</b>.</p>
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
     <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div class="liknotabs_body" style="display: none;">
    <p>Here is the text of the <b>third tab body</b>.</p>
     <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>

</body>
</html>

And the result:

highlight text in tabs header

Kind Regards,
Aggelos Tsakonas
Likno Customer Support
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: John

Thanks Aggelos, that works for me!

John

 

Tags: , , , , , , , , ,

 


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