Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 05/09/2017 BIG Autumn SALE

    Use AUTUMN17 coupon code to buy our WordPress or Joomla! extensions with 25% discount. Hurry up! The offer is valid till 11 September.

  • 14/04/2017 Happy Easter

    Wish a Happy Easter and give 30% discount for all our WordPress and Joomla! extensions. Use EASTER17 coupon code. The offer is valid till 17 April.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

(SOLVED) How to mix Readon button with lightbox?
(1 viewing) (1) Guest
Go to bottomPage: 12
TOPIC: (SOLVED) How to mix Readon button with lightbox?
#10320
(SOLVED) How to mix Readon button with lightbox? 6 Years, 9 Months ago Karma: 1
Hi guys,

Here is the code to open article inside sexylightbox:


<a href="/index.php?option=com_content&view=article&id=164&tmpl=component&TB_iframe=true&height=250&width=400" rel="sexylightbox">Show article</a>

And here is code for Readon button:


[readon url="....."]Read More[/readon]

Both of curse work separately.

How can I mix them together so that when I click on readon button sexylightbox will open the article?

Is this even possible?

Any help will be highly appreciated.
Last Edit: 2011/01/25 11:58 By rexous.
The administrator has disabled public write access.
 
#10326
Re:How to mix Readon button with sexylightbox? 6 Years, 9 Months ago Karma: 667
Hello,

Provide more details please. What is "readon" extension? Where we can see it?

Regards,
ARI Soft
The administrator has disabled public write access.
 
#10331
Re:How to mix Readon button with sexylightbox? 6 Years, 9 Months ago Karma: 1
Sorry for not being more specific but "Readon" is a typography class which creates buttons with mouse over effect. Its build in css file of my template.

See attachments for an example.

In order to use it inside any html content I write:

[readon url="index.php?option=com_kunena&view=listcat&catid=0&func=listcat&Itemid=215"]Read More[/readon]

This is instead of just having simple text link.

Hope this helps

Last Edit: 2011/01/25 10:04 By rexous.
The administrator has disabled public write access.
 
#10333
Re:How to mix Readon button with sexylightbox? 6 Years, 9 Months ago Karma: 667
"ARI Sexy Lightbox Lite" is attached to all anchor (<A> tag) with rel="sexylightbox" attribute. You can modify code which generates "readon" buttons and add attribute rel="sexylightbox" or you can provide link to page where we can see this button and temporary access to your Joomla! backend by email and we will try to help.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#10335
Re:How to mix Readon button with sexylightbox? 6 Years, 9 Months ago Karma: 1
I thank you greatly for very fast answer, you guys are always the best.

I'll play around a bit with it and hopefully post solution for the problem here in the next couple of days.
The administrator has disabled public write access.
 
#10337
Re:How to mix Readon button with sexylightbox? 6 Years, 9 Months ago Karma: 1
Got it

Ofc it was really simple. I just added <p class="readon"> in front and bingo problem solved.

Full code below: (This will work only for people who have ".readon" class inside their template.css)

<p class="readon"><a rel="sexylightbox" href="index.php?option=com_content&amp;view=article&amp;id=167&amp;tmpl=component&amp;TB_iframe=true&amp;height=400&amp;width=600">Show article</a></p>

TIP!

Just change your article_Id from "167" in my example to any of your numbers.
The administrator has disabled public write access.
 
Go to topPage: 12