Archive for myfreeforum.org Before posting please check the "stickies" in the support forums.
Please ask questions in real English and not "txt". You will get a better response.
Please do not ask support questions via PMs.
 



       myfreeforum.org Forum Index -> Web page/template Editing
mikethedj4

Add A Lightbox Effect To Your Forum Posts

Go into your admin panel, and head to Portal Settings - BBCode

Add the following BBCodes

Code for BBCode 1
Spoiler:

Code:
BBCode: lightboxlink

Description: Add a Lightbox effect to your posts.

Start: <style type="text/css">.black_overlay {display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80);} .white_content {display: none; position: absolute; top: 25%; left: 25%; width: 50%; height: 70%; padding: 16px; border: 16px solid blue; background-color: white; z-index:1002; overflow: auto;} .post {display: none; position: fixed; top: 25%; left: 25%; width: 50%; height: 70%; padding: 16px; border: 16px solid blue; background-color: white; z-index:1002; overflow: auto;}</style><div style="overflow: visible;" id="posts"><a onclick="document.getElementById('post').style.display='block';document.getElementById('fade').style.display='block'" href="javascript:void(0)">

End: </a></div>

Reset: No




Code for BBCode 2
Spoiler:

Code:
BBCode: lightboxpop

Description: Add a Lightbox effect to your posts.

Start: <div class="white_content" id="post"><font color="black">

End: </font><div align="right"><a onclick="document.getElementById('post').style.display='none';document.getElementById('fade').style.display='none'" href="javascript:void(0)">Close</a></div></div>

Reset: No



Once made this is what you're code would look like.

Code:
[lightboxlink]Click Here:[/lightboxlink][lightboxpop]This is the lightbox effect[/lightboxpop] to test out the lightbox effect.


Now right after the [ /lightboxpop] it'll add a linebreak
which is this ^ see?

NOTICE: If you only add the code in once it'll only work once with that the original poster as inside the lightbox effect as well.

If you want 2 or more you'll haft to keep adding the script, with a different BBCode name of course.

Also when the lightbox effect is enabled (when the link is clicked) it will remain on the top of the site, so if you don't see it, scroll to the top, and it'll be there unless you typed the BBCode wrong, or the script(s).

Example 1
Zudane

Note: This is for phpbb2, for phpbb3 it could be done in a single bbcode, but would take a little more work.

Also: This is in addition to adding the appropriate css and javascript files.

       myfreeforum.org Forum Index -> Web page/template Editing
Page 1 of 1
Create your own free forum | Buy a domain to use with your forum