photo bbcode w/ lightbox


photo bbcode w/ lightbox

Postby Helter » Thu Jan 03, 2008 3:42 pm

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

User avatar
Helter
Site Admin
 
Posts: 548
Joined: Tue Jul 19, 2005 1:29 pm
Location: Seattle Wa
Blog: View Blog (0)
Real Name: John Wagner

Re: photo bbcode w/ lightbox

Postby violative » Thu Jan 03, 2008 7:21 pm

:) 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

You can discover more about a person in an hour of play than in a year of conversation. -- Plato
Image
User avatar
violative
 
Posts: 36
Joined: Sun Dec 23, 2007 6:59 am
Location: Kelso, Washington
Blog: View Blog (0)

Re: photo bbcode w/ lightbox

Postby Helter » Thu Jan 03, 2008 9:27 pm

let me know how the install goes. You may be the first one to use it :)

User avatar
Helter
Site Admin
 
Posts: 548
Joined: Tue Jul 19, 2005 1:29 pm
Location: Seattle Wa
Blog: View Blog (0)
Real Name: John Wagner

Re: photo bbcode w/ lightbox

Postby GSARider » Wed Feb 27, 2008 12:41 pm

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

User avatar
GSARider
 
Posts: 24
Joined: Wed Feb 27, 2008 12:05 pm
Blog: View Blog (0)

Re: photo bbcode w/ lightbox

Postby Helter » Wed Feb 27, 2008 2:50 pm

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

User avatar
Helter
Site Admin
 
Posts: 548
Joined: Tue Jul 19, 2005 1:29 pm
Location: Seattle Wa
Blog: View Blog (0)
Real Name: John Wagner

Re: photo bbcode w/ lightbox

Postby GSARider » Wed Feb 27, 2008 3:06 pm

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

Attachments
provistab directory.jpg
provistab directory.jpg (53.21 KiB) Viewed 17495 times
themes.jpg
themes.jpg (48.83 KiB) Viewed 17499 times
User avatar
GSARider
 
Posts: 24
Joined: Wed Feb 27, 2008 12:05 pm
Blog: View Blog (0)

Re: photo bbcode w/ lightbox

Postby Helter » Wed Feb 27, 2008 5:46 pm

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

User avatar
Helter
Site Admin
 
Posts: 548
Joined: Tue Jul 19, 2005 1:29 pm
Location: Seattle Wa
Blog: View Blog (0)
Real Name: John Wagner

Re: photo bbcode w/ lightbox

Postby GSARider » Wed Feb 27, 2008 11:32 pm

Thanks, that's where the images are...still no luck though. It is working to a fashion...

User avatar
GSARider
 
Posts: 24
Joined: Wed Feb 27, 2008 12:05 pm
Blog: View Blog (0)

Re: photo bbcode w/ lightbox

Postby Helter » Thu Feb 28, 2008 12:37 am

your using proVistaC. Did you add all the files, images and edits to proVistaC that the install said to add to prosilver?

User avatar
Helter
Site Admin
 
Posts: 548
Joined: Tue Jul 19, 2005 1:29 pm
Location: Seattle Wa
Blog: View Blog (0)
Real Name: John Wagner

Re: photo bbcode w/ lightbox

Postby GSARider » Thu Feb 28, 2008 2:49 am

yes I did...

User avatar
GSARider
 
Posts: 24
Joined: Wed Feb 27, 2008 12:05 pm
Blog: View Blog (0)

Re: photo bbcode w/ lightbox

Postby Helter » Thu Feb 28, 2008 3:25 am

post your overall_header code

User avatar
Helter
Site Admin
 
Posts: 548
Joined: Tue Jul 19, 2005 1:29 pm
Location: Seattle Wa
Blog: View Blog (0)
Real Name: John Wagner

Re: photo bbcode w/ lightbox

Postby GSARider » Thu Feb 28, 2008 3:45 am

This is hopefully the right one...overall_header from the provistab template

Attachments
overall-header.gif
overall-header.gif (254.4 KiB) Viewed 17459 times
User avatar
GSARider
 
Posts: 24
Joined: Wed Feb 27, 2008 12:05 pm
Blog: View Blog (0)

Re: photo bbcode w/ lightbox

Postby Helter » Thu Feb 28, 2008 4:05 am

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 -->

User avatar
Helter
Site Admin
 
Posts: 548
Joined: Tue Jul 19, 2005 1:29 pm
Location: Seattle Wa
Blog: View Blog (0)
Real Name: John Wagner



Post a reply



Return to phpBB3 Mods

Who is online

Users browsing this forum: No registered users and 0 guests

cron