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


Recent Events
  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.

  • 21/11/2023 BLACK FRIDAY 23 is coming

    BIG SALE, 35% discount for all our extensions. Use BF23 coupon code. Hurry up the discount is valid till 27 November.


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? 13 Years, 3 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 18:58 By rexous.
The administrator has disabled public write access.
 
#10326
Re:How to mix Readon button with sexylightbox? 13 Years, 3 Months ago Karma: 747
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? 13 Years, 3 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 17:04 By rexous.
The administrator has disabled public write access.
 
#10333
Re:How to mix Readon button with sexylightbox? 13 Years, 3 Months ago Karma: 747
"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? 13 Years, 3 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? 13 Years, 3 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