Page 1 of 1

photo bbcode w/ lightbox

PostPosted: Thu Jan 03, 2008 3:42 pm
by Helter
this is an example of the photo bbcode w/ lightbox for phpBB3
this mod will add a "photo" bbcode button.
It will display a 300px wide thumbnail of your images.
When selected, it will display your images at their full size
using the "lightbox" mod.

photo#1
[photo]http://www.forumimages.co.uk/images/custom_provista.jpg[/photo]
photo#2
[photo]http://www.forumimages.co.uk/images/main_logo.jpg[/photo]
This mod is available HERE for phpBB3.
It is also available HERE for IntegraMOD 141

Re: photo bbcode w/ lightbox

PostPosted: Thu Jan 03, 2008 7:21 pm
by violative
:) How you know, I was looking for this MOD? hehe
No really I was looking to add this picture rotating script, the one shown on the bottom http://proteamclan.com/theconfig.php. Now thats how I like to have a BBCODE for.

I like to try this version, but the download doesn't work. :(

NVM about the download link, I found it here http://www.forumimages.co.uk/forum/filebase.php?d=1&id=12&c_old=5&what=c

Re: photo bbcode w/ lightbox

PostPosted: Thu Jan 03, 2008 9:27 pm
by Helter
let me know how the install goes. You may be the first one to use it :)

Re: photo bbcode w/ lightbox

PostPosted: Wed Feb 27, 2008 12:41 pm
by GSARider
Hi guys...my first attempt at altering coding...I've just put it all in...doesn't seem to work in the same way that the test here does... can someone please have a look and tell me if it's right? Test page below:

http://www.knobblies.org/forum/viewtopic.php?f=18&t=548

Re: photo bbcode w/ lightbox

PostPosted: Wed Feb 27, 2008 2:50 pm
by Helter
it is not finding the .js code. recheck your overall_header edits and be sure that you uploaded the .js files to the correct folders

Re: photo bbcode w/ lightbox

PostPosted: Wed Feb 27, 2008 3:06 pm
by GSARider
I think I missed these files out, it says to forum root, but I'm not sure which folder that means, I have two image folders, first is under themes and the other is just under the main directory of the provista b folder - which do I put them in?




# images/blank.gif to forum root/images/blank.gif
# images/close.gif to forum root/images/close.gif
# images/closelabel.gif to forum root/images/closelabel.gif
# images/loading.gif to forum root/images/loading.gif
# images/next.gif to forum root/images/next.gif
# images/nextlabel.gif to forum root/images/nextlabel.gif
# images/prev.gif to forum root/images/prev.gif
# images/prevlabel.gif to forum root/images/prevlabel.gif

Re: photo bbcode w/ lightbox

PostPosted: Wed Feb 27, 2008 5:46 pm
by Helter
for your site forum root would be the "forum" folder
forum root/images/ is the phpbb3 images folder.

your site is setup like this

web host root/forum/
web host root/forum/admin/
web host root/forum/images/
web host root/forum/styles/
web host root/forum/styles/proVistaC/
web host root/forum/styles/proVistaC/theme/images/

here "forum" is the forum root. If it were called phpbb, then "phpbb" would be your forum root
if all your files were just uploaded to your web host root (often called "public_html") then your web host root would also be your forum root

Re: photo bbcode w/ lightbox

PostPosted: Wed Feb 27, 2008 11:32 pm
by GSARider
Thanks, that's where the images are...still no luck though. It is working to a fashion...

Re: photo bbcode w/ lightbox

PostPosted: Thu Feb 28, 2008 12:37 am
by Helter
your using proVistaC. Did you add all the files, images and edits to proVistaC that the install said to add to prosilver?

Re: photo bbcode w/ lightbox

PostPosted: Thu Feb 28, 2008 2:49 am
by GSARider
yes I did...

Re: photo bbcode w/ lightbox

PostPosted: Thu Feb 28, 2008 3:25 am
by Helter
post your overall_header code

Re: photo bbcode w/ lightbox

PostPosted: Thu Feb 28, 2008 3:45 am
by GSARider
This is hopefully the right one...overall_header from the provistab template

Re: photo bbcode w/ lightbox

PostPosted: Thu Feb 28, 2008 4:05 am
by Helter
lol... you need an ftp client
I use cuteFTP but it is not free.
try filezilla http://filezilla-project.org/

it should look more like this

Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>

<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2002-2006 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<!--
   phpBB style name: proVista
   Based on style:   prosilver (this is the default phpBB3 style)
   Original author:  Tom Beddard ( http://www.subBlue.com/ )
   Modified by:       HelterSkelter   
   
   NOTE: This page was generated by phpBB, the free open-source bulletin board package.
         The phpBB Group is not responsible for the content of this page and forum. For more information
         about phpBB please visit http://www.phpbb.com
-->

<script type="text/javascript">
// <![CDATA[
   var jump_page = '{LA_JUMP_PAGE}:';
   var on_page = '{ON_PAGE}';
   var per_page = '{PER_PAGE}';
   var base_url = '{A_BASE_URL}';
   var style_cookie = 'phpBBstyle';
   var onload_functions = new Array();
   var onunload_functions = new Array();

   <!-- IF S_USER_PM_POPUP -->
      if ({S_NEW_PM})
      {
         var url = '{UA_POPUP_PM}';
         window.open(url.replace(/&amp;/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
      }
   <!-- ENDIF -->

   /**
   * Find a member
   */
   function find_username(url)
   {
      popup(url, 760, 570, '_usersearch');
      return false;
   }

   /**
   * New function for handling multiple calls to window.onload and window.unload by pentapenguin
   */
   window.onload = function()
   {
      for (i = 0; i <= onload_functions.length; i++)
      {
         eval(onload_functions[i]);
      }
   }

   window.onunload = function()
   {
      for (i = 0; i <= onunload_functions.length; i++)
      {
         eval(onunload_functions[i]);
      }
   }

// ]]>
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>
<link rel="shortcut icon" href="./favicon.ico" />
<script language="JavaScript" type="text/javascript" src="{T_TEMPLATE_PATH}/prototype.js"></script>
<script language="JavaScript" type="text/javascript" src="{T_TEMPLATE_PATH}/scriptaculous.js?load=effects"></script>
<script language="JavaScript" type="text/javascript" src="{T_TEMPLATE_PATH}/lightbox.js"></script>
<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />
<!--[if gte IE 5]><![if lt IE 7]><script type="text/javascript" src="{T_THEME_PATH}/images/pngfix.js"></script><![endif]><![endif]-->
<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />
<script type="text/javascript" src="{T_TEMPLATE_PATH}/stmenu.js"></script>
<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
   <link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->
</head>
<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

<!-- INCLUDE js.html -->
<div id="space"></div>

<div id="wrap">
   <a id="top" name="top" accesskey="t"></a>
    <div class="width">
      <div id="menubar">
         <div class="nav-search">
            <form action="{U_SEARCH}" method="post" id="search">
            <fieldset>
               <input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
            </fieldset>
            </form>
           
            </div>
<!-- IF S_USER_LOGGED_IN -->
<script type="text/javascript">
<!--
stm_bm(["menu4d8f",730,"{T_THEME_PATH}/images","blank.gif",0,"","",0,0,0,0,50,1,0,0,"","700",0,0,1,1,"default","hand","{T_TEMPLATE_PATH}/"],this);
stm_bp("p0",[0,4,0,0,2,4,0,0,100,"",-2,"",-2,100,0,0,"#999999","#000000","bar.gif",1,0,0,"#E6FAB4 #788C32 #788C32 #E6FAB4"]);
stm_ai("p0i0",[6,20,"transparent","",-1,-1,0]);
stm_ai("p0i1",[1,"{L_FORUM}","","",-1,-1,0,"{U_INDEX}","_self","","","","",0,0,0,"","",0,0,0,1,1,"#000000",1,"#FFFFFF",1,"","bar_overbig.gif",0,0,0,0,"#BEE6F0 #64878C #64878C #BEE6F0","#64878C #BEE6F0 #BEE6F0 #64878C","#CCCCCC","#FFFFFF","bold 9pt Verdana","bold 9pt Verdana",0,0],140,27);
stm_aix("p0i2","p0i1",[1,"{L_FAQ}","","",-1,-1,0,"{U_FAQ}","_self","","","","",0,0,0,"","",0,0,0,1,1,"#000000",1,"#FFFFFF",1,"","bar_over.gif"],120,27);
stm_aix("p0i3","p0i1",[1,"{L_MEMBERLIST}","","",-1,-1,0,"{U_MEMBERLIST}","_self","","","","",0,0,0,"","",0,0,0,1,1,"#000000",1,"#FFFFFF",1,"","bar_overbig.gif"],140,27);
stm_aix("p0i4","p0i1",[1,"{L_MESSAGES}","","",-1,-1,0,"{U_PRIVATEMSGS}","_self","","","","",0,0,0,"","",0,0,0,1,1,"#000000",1,"#FFFFFF",1,"","bar_overbig.gif"],140,27);
stm_aix("p0i5","p0i1",[0,"{L_THE_TEAM}","","",-1,-1,0,"memberlist.php?mode=leaders","_self","","","","",0,0,0,"","",0,0,0,1,1,"#000000",1,"#FFFFFF",1,"","bar_overbig.gif"],140,27);
stm_ep();
stm_em();
//-->
</script>

<!-- ELSE -->
<script type="text/javascript">
<!--
stm_bm(["menu4d8f",730,"{T_THEME_PATH}/images","blank.gif",0,"","",0,0,0,0,50,1,0,0,"","700",0,0,1,1,"default","hand","{T_TEMPLATE_PATH}/"],this);
stm_bp("p0",[0,4,0,0,2,4,0,0,100,"",-2,"",-2,100,0,0,"#999999","#000000","bar.gif",1,0,0,"#E6FAB4 #788C32 #788C32 #E6FAB4"]);
stm_ai("p0i0",[6,20,"transparent","",-1,-1,0]);
stm_ai("p0i1",[1,"{L_FORUM}","","",-1,-1,0,"{U_INDEX}","_self","","","","",0,0,0,"","",0,0,0,1,1,"#000000",1,"#FFFFFF",1,"","bar_overbig.gif",0,0,0,0,"#BEE6F0 #64878C #64878C #BEE6F0","#64878C #BEE6F0 #BEE6F0 #64878C","#CCCCCC","#FFFFFF","bold 9pt Verdana","bold 9pt Verdana",0,0],140,27);
stm_aix("p0i2","p0i1",[1,"{L_FAQ}","","",-1,-1,0,"{U_FAQ}","_self","","","","",0,0,0,"","",0,0,0,1,1,"#000000",1,"#FFFFFF",1,"","bar_over.gif"],120,27);
stm_ep();
stm_em();
//-->
</script>
<!-- ENDIF -->
      </div>
    </div>
        <div class="width">
         <div class="linkbgtop">
             <a id="menutl" href="#bottom"><img src="{T_THEME_PATH}/images/nav_top.gif" alt="Down" /></a>
              <!-- IF not S_IS_BOT --><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a>&nbsp;<!-- ENDIF -->
            <!-- IF U_RESTORE_PERMISSIONS --> &nbsp;<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a><!-- ENDIF -->
            <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN --> &nbsp;<span style="color: red;">{L_BOARD_DISABLED}</span><!-- ENDIF -->
            <!-- IF not S_IS_BOT -->
               <!-- IF S_USER_LOGGED_IN -->
                  <!-- IF S_DISPLAY_PM --> &nbsp;<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a><!-- ENDIF -->
               <!-- ELSE --> &nbsp;<a href="{U_REGISTER}">{L_REGISTER}</a>
               <!-- ENDIF -->
            <!-- ENDIF -->
            <!-- IF not S_IS_BOT -->
               <!-- IF S_DISPLAY_MEMBERLIST -->&nbsp; &nbsp;<a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a><!-- ENDIF -->
               <!-- IF S_USER_LOGGED_IN -->&nbsp; &nbsp;<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u">{L_PROFILE}</a><!-- ENDIF -->
            <!-- ENDIF -->
             <a id="menutr" href="#bottom"><img src="{T_THEME_PATH}/images/nav_top.gif" alt="Down" /></a>
         </div>
        </div>
           <div id="logo"><a href="{U_INDEX}"><img src="{T_IMAGESET_LANG_PATH}/logo/index.php" alt="" width="600" height="200" /></a></div>
            <!-- INCLUDE links.html -->
   <span class="links"></span>      
         <div id="info">
            <h2>{SITENAME}</h2>
            <p>{SITE_DESCRIPTION}</p>
            <p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
         </div>
         <p id="font">
            <a href="#" onclick="fontsizeup(); return false;" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a>
         </p>

         <!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
         <ul class="linklist leftside">
            <li>
                  <!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF --> &bull;
               <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
               <!-- IF U_RESTORE_PERMISSIONS --> &bull;
               <a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
               <!-- ENDIF -->
            </li>
         </ul>
         <!-- ENDIF -->
   <a name="start_here"></a>
   <div class="midbg">
   <div id="page-body">
       <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
      <div id="message" class="rules">
         <div class="inner"><span class="corners-top"><span></span></span>
            <strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
         <span class="corners-bottom"><span></span></span></div>
      </div>
      <!-- ENDIF -->