Realmac Software

Welcome guest, please Login or Register

   

Adding shadowbox to a page.

Avatar
Rank
Rank
Rank
Rank

Total Posts: 233

Joined Oct 2007

PM

 

Hi all
Is it possible to use shadowbox without integrating it into the theme !?
I mean just by adding some codes (javascriptes, css, and so…) somewhere within our project ?

Avatar
Rank
Rank
Rank
Rank
Rank
Rank

Total Posts: 584

Joined Feb 2006

PM

 

Most lightbox clones can be easily added to a single page by adding the necessary files to page assets.

Then it’s just a matter of adding the correct paths to the script and link tags (for the javascript and css) and inserting this info into Page Inspector>Custom Header.


Phil

Avatar
Rank
Rank
Rank
Rank

Total Posts: 233

Joined Oct 2007

PM

 

Hi Phil
Thank you for replying. I think I will need a short “how to do” for Shadowbox.
For instance, I did try to add all folder to “assets”; but couldn’t how to call it for a single page containing a picture float left with text wrapped around ( using your snippet ! )

Avatar
Rank
Rank
Rank
Rank
Rank
Rank

Total Posts: 584

Joined Feb 2006

PM

 

OK - You’ve caught me in a good mood.

The following tutorial is for a quick and dirty installation. It may contain bits and pieces that are unnecessary for your needs.

1: Download the full Shadowbox Demo.

2: Open the index.html in the demo (with a text editor) and copy the following parts highlighted in blue.
ZZ6059D221.jpg
The parts highlighted in red (src) will need to be changed to ‘assets’.
The part outlined in red can be discarded.

3: Paste it into Page Inspector>Custom Header.
ZZ7D070A30.jpg
Note: I have outlined the parts that I changed to assets.

4: Open the ‘src’ folder in the Shadowbox folder and copy the folders and js file into page assets.
ZZ3FA278E4.jpg

5: Add your thumbnail to the page and add the full size image to page assets. Link your thumbnail to the full size image.
ZZ6D6E5B84.jpg

6: In custom attributes:
Under name add -  rel
Under value add -  shadowbox

ZZ7DFAAB72.jpg

Here is Shadowbox working in the Aqualicious Theme.
ZZ6C6A7824.jpg

I swear that this is the last lightbox clone tutorial I’m ever going to do. There are different tutorials scattered all over the new and old forums. If you can add lightbox to a page then you can add shadowbox, litebox, thickbox, thisbox, thatbox, crapbox and any other ‘box’ that someone comes up with. The installation is practically the same on all of them and we don’t need 300 lightbox clone tutorials.

Sorry for the Rant  >:-o

Very Best,
Phil

Avatar
Rank
Rank
Rank
Rank

Total Posts: 233

Joined Oct 2007

PM

 

Just one word, Phil : Your are the best !!!!!!
Thanks lot :-D
I’ll give a try very soon, but already I’m quite sure that is OK with your work
Sincerely yours
Goli

Avatar
Rank
Rank
Rank
Rank
Rank
Rank
Rank
Rank

Total Posts: 2561

Joined Oct 2005

PM

 

Just one question: where can I download crapbox?? smile

Vasily

Avatar
Rank
Rank
Rank
Rank
Rank
Rank

Total Posts: 584

Joined Feb 2006

PM

 
Vasily Ingogly - 16 October 2008 08:25 PM

Just one question: where can I download crapbox?? smile

Vasily

You’ve got that right.
I’m working on it now.

Phil

Avatar
Rank
Rank
Rank
Rank
Rank
Rank

Total Posts: 584

Joined Feb 2006

PM

 
Vasily Ingogly - 16 October 2008 08:25 PM

Just one question: where can I download crapbox?? smile

Vasily

I’m building it for Jeoffrey.
“For he is of the tribe of Tiger.”

Avatar
Rank
Rank
Rank
Rank

Total Posts: 233

Joined Oct 2007

PM

 

I do confirm that Phil’s method work like a charm !
Tested on several themes
Thanks again

Avatar
Rank
Rank
Rank
Rank
Rank
Rank
Rank
Rank

Total Posts: 2561

Joined Oct 2005

PM

 
Phil Warrender - 16 October 2008 08:37 PM

I’m building it for Jeoffrey.
“For he is of the tribe of Tiger.”

Wow ... Impressive. Someone who knows Jubilate Agno.  smile

Vasily

Avatar
Rank
Rank
Rank
Rank
Rank
Rank

Total Posts: 584

Joined Feb 2006

PM

 
goli6919 - 17 October 2008 08:54 AM

I do confirm that Phil’s method work like a charm !
Tested on several themes
Thanks again

:-D

Vasily Ingogly - 17 October 2008 02:28 PM

Wow ... Impressive. Someone who knows Jubilate Agno.  smile

Vasily

wink

Avatar
Rank
Rank

Total Posts: 26

Joined Aug 2006

PM

 

Hi after Marten pointed me to this tutorial, I installed it and it works! Thanks for the tutorial. Nevertheless I have one issue which I cannot solve on my own:

I need to scale the shadowbox HTML content. I dont know why I manage to scale the width but not the height:

#shadowbox_body {

  position: relative;

  margin: AUTO;

  padding: 0;

  border: 1px solid #333;

  overflow: hidden;
  height: 200px;
  width: 384px;

The 384px work fine but the 200 just get ignored

Can someone help?

thanks


}

Avatar
Rank
Rank
Rank
Rank
Rank
Rank
Rank

Total Posts: 1140

Joined Sep 2005

PM

 

thanks Phil this is a great bit of coding…

It is what it is
I am hosted on Little Oak Hosting the worst hosting service I have ever used! Old post count 3740

MBP 2.66 Ghz Intel Core 2 Duo 8 GB Snow Leopard RW 5.x