Support Online: Mon - Fri / 08:00am - 05:00pm (GMT +7)
Your Time: Our Time:

file Create scrolling horizontal ticker using External links

More
8 years 3 months ago #14229 by AGab
Hello... So how do I make information scroll horizontal and use external links or my own sentences. Right now the ticker flashes news in and out, one external link at a time but these don't even scroll. Thanks
a

Please Log in or Create an account to join the conversation.

More
8 years 3 months ago #14239 by Huyen Tran
Hi Agabrelle.
Thank you for using our product.
I'm very sorry for reply late, Because I just have a holidays for 4days.
Please give me link your site and your account of administrator via mail: This email address is being protected from spambots. You need JavaScript enabled to view it.
I will check it for you.

Best Regards,
Huyen Tran

Please Log in or Create an account to join the conversation.

More
8 years 3 months ago #14246 by AGab
Hello,

I just need a tutorial how to use "External Links" to appear on the ticker news. Seems they flash in and out instead of scrolling. Thanks
a

Please Log in or Create an account to join the conversation.

More
8 years 3 months ago #14249 by Huyen Tran
Hi
Step 1: Please select source" External Links " type as image below:
drive.google.com/file/d/0B3ELvvDYpuyednNLS2M5U0Y4QW8/view
Step 2: Enter URL and the title that you want to shows on ticker
drive.google.com/file/d/0B3ELvvDYpuyeT0UtU0w3VXJMbGM/view

Best Regards,
Huyen Tran

Please Log in or Create an account to join the conversation.

More
8 years 3 months ago #14412 by AGab
Hello,

Yes I know how to use the horizontal slide, these are simple. But I don't see a demo for the vertical scroll. When I select scroll, everything remains static. Your demo does not show how this news ticker scrolls. Thanks
a

Please Log in or Create an account to join the conversation.

More
8 years 3 months ago #14439 by Huyen Tran
Hi Agabrielle.
You can check it on our demo as video below:

Best Regards,
Huyen Tran

Please Log in or Create an account to join the conversation.

More
8 years 3 months ago #14450 by AGab
Hello.. I figured this out already. But, I submitted a question via private email that has not been answered. It was code that was given to me by former moderator giangi. I asked where do I input the code? I'll send the message again.. Thx
a

Please Log in or Create an account to join the conversation.

More
8 years 3 months ago #14453 by Huyen Tran
Hi AGabrielle.
I'm sorry for your message via message private.
This is custom code. that you want to use for your ticker?
Because Giangnl didn't work for our office. I don't know, what is product name, that you want to add code.
CSS

.jquery-bar {
background-color: #F7F29F;
color: rgb(240, 130, 104);
font-size: 16px;
cursor: default;
}
.jquery-bar .notification {
display: block;
width: auto;
text-align: center;
}
.jquery-bar .notification .message {
display: inline-block;
font-size: 14px;
line-height: 41px;
padding: 3px 0px 3px 0px;
}
.jquery-bar .notification .action-btn {
display: inline-block;
padding-left: 20px;
}
.jquery-bar .notification .action-btn a {
color: #fff;
padding: 5px 10px;
text-decoration: none;
border-radius: 6px;
background-color: rgb(240, 130, 104);
box-shadow: 0px -3px 0px rgb(180, 102, 21) inset;
font-weight: 300;
}
.jquery-bar .notification .action-btn a:hover,
.jquery-bar .notification .action-btn a:focus {
border-color: #FFFFFF;
color: #214982;
background-color: white;
}
.jquery-arrow {
position: absolute;
top: 0;
color: #fff;
right: 0;
width: 46px;
height: 46px;
background: rgba(235, 88, 60, 0.5);
z-index: 99;
line-height: 41px;
text-align: center;
font-size: 26px;
cursor: pointer;
}
.jquery-arrow i {
opacity: 0.8;
-moz-opacity: 0.8;
}
.jquery-arrow:hover i {
opacity: 1;
-moz-opacity: 1;
}
.jquery-arrow.up {
background: rgba(0, 0, 0, 0.2);
}
.jquery-arrow.up i:before {
content: "f106";
}

Best Regards,
Huyen Tran

Please Log in or Create an account to join the conversation.

Moderators: Jackie
Time to create page: 0.055 seconds
Powered by Kunena Forum