Go Back   vb.org Archive > vBulletin Article Depository > Read An Article > vBulletin 4 Articles

Reply
 
Thread Tools
[HOW TO - vB4] Create your own vBulletin page
Lynne's Avatar
Lynne
Join Date: Sep 2004
Posts: 41,180

 

California/Idaho
Show Printable Version Email this Page Subscription
Lynne Lynne is offline 11-15-2009, 10:00 PM

This is an updated article on how to create your own vbulletin powered page. It's only for use with vB4.

This is NOT my work. I'm posting this from another thread where vB Style took the time to write this out. And his work is based on the article by Gary King here - How to create your own vBulletin-powered page! (uses vB templates)

Instructions to Create your Own Page:


1. Create the php page:
- Create a new file, whatever you want to call it (let's say test.php).
- Open up test.php and add the following (replace TEST with whatever template you want to show - WARNING: the template name is CASE SENSITIVE!!!):
Code:
<?php

// ####################### SET PHP ENVIRONMENT ###########################
error_reporting(E_ALL & ~E_NOTICE);

// #################### DEFINE IMPORTANT CONSTANTS #######################

define('THIS_SCRIPT', 'test');
define('CSRF_PROTECTION', true);  
// change this depending on your filename

// ################### PRE-CACHE TEMPLATES AND DATA ######################
// get special phrase groups
$phrasegroups = array();

// get special data templates from the datastore
$specialtemplates = array();

// pre-cache templates used by all actions
$globaltemplates = array('TEST',
);

// pre-cache templates used by specific actions
$actiontemplates = array();

// ######################### REQUIRE BACK-END ############################
// if your page is outside of your normal vb forums directory, you should change directories by uncommenting the next line
// chdir ('/path/to/your/forums');
require_once('./global.php');

// #######################################################################
// ######################## START MAIN SCRIPT ############################
// #######################################################################

$navbits = construct_navbits(array('' => 'Test Page'));
$navbar = render_navbar_template($navbits);

// ###### YOUR CUSTOM CODE GOES HERE #####
$pagetitle = 'My Page Title';

// ###### NOW YOUR TEMPLATE IS BEING RENDERED ######

$templater = vB_Template::create('TEST');
$templater->register_page_templates();
$templater->register('navbar', $navbar);
$templater->register('pagetitle', $pagetitle);
print_output($templater->render());

?>
- Be sure to change 'TEST' to the actual template name (WARNING: the template name is CASE SENSITIVE!!!), and change 'test' to the filename or a unique name for the page. Also, change 'Test Page' and 'My Page Title' to whatever you want to show in the navbits, such as 'Viewing Member Profile' (just an example).

2. Create the Template:
- If you are in debug mode, create the template in your MASTER STYLE so it shows up in all your styles, otherwise make sure you create the template in the style you are using. If following the page above, call the template TEST (WARNING: the template name is CASE SENSITIVE!!!) with the following content:
HTML Code:
{vb:stylevar htmldoctype}
<html xmlns="http://www.w3.org/1999/xhtml" dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}" id="vbulletin_html">
  <head>
    <title>{vb:raw vboptions.bbtitle} - {vb:raw pagetitle}</title>
    {vb:raw headinclude}
    {vb:raw headinclude_bottom}
  </head>
  <body>
    
    {vb:raw header}
    
    {vb:raw navbar}
    
    <div id="pagetitle">
      <h1>{vb:raw pagetitle}</h1>
    </div>
    
    <h2 class="blockhead">Title</h2>
    <div class="blockbody">
      <div class="blockrow">
        Text
      </div>
    </div>
    
    {vb:raw footer}
  </body>
</html>
.
Instructions to Add your Page to the Who's Online List (WOL):
Create two plugins using the following hooks. Replace mypage and similar with your information.

1. hook location - online_location_process:
Code:
switch ($filename)
{
    case 'test.php':
        $userinfo['activity'] = 'mypage';
        break;
// add more cases here if you have more than one custom page. no need for multiple plugins. one plugin can handle all.
}
.
2. hook location online_location_unknown:
Code:
switch ($userinfo['activity'])
{
    case 'mypage':
        $userinfo['where'] = '<a href="test.php?'.$vbulletin->session->vars[sessionurl].'">My Page</a>';
        $userinfo['action'] = "Viewing My Page";
        $handled = true;
        break;
// add more cases here if you have more than one custom page. no need for multiple plugins. one plugin can handle all.
}
.
The colored part in the code above shows what you need to change in the plugins (both reds should be the same and both blues should be the same, whereas green can be whatever you want).


Please see this article for help with rendering templates - [vB4] Rendering templates and registering variables - a short guide
Reply With Quote
  #762  
Old 02-10-2012, 08:36 AM
CrumbDown CrumbDown is offline
 
Join Date: Feb 2012
Posts: 37
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Noob question.

I have created a terms.php file, but how to add words in that file. Well...I can add words but the formatting is not working such as <li> </li>. Is there something Im missing?
Reply With Quote
  #763  
Old 02-10-2012, 01:27 PM
Rocket2009 Rocket2009 is offline
 
Join Date: Mar 2009
Posts: 19
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by CrumbDown View Post
I have created a terms.php file, but how to add words in that file. Well...I can add words but the formatting is not working such as <li> </li>. Is there something Im missing?
If you are saying that the formatting does not look right in your editor while putting in code into terms.php, it shouldn't since the code is contained within a string variable that is passed to the template.

When I use this method to create external pages I will frequently develop the html within a separate file and test it prior to bringing to this template passing system.
Reply With Quote
  #764  
Old 02-10-2012, 03:05 PM
CrumbDown CrumbDown is offline
 
Join Date: Feb 2012
Posts: 37
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Format looks perfect in DreamWeaver.

This does not work in the template:
Code:
<ul>
<li>blah blah</li>
</ul>
Nor:
Code:
<p>blah blah</p>
Reply With Quote
  #765  
Old 02-10-2012, 07:47 PM
Rocket2009 Rocket2009 is offline
 
Join Date: Mar 2009
Posts: 19
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by CrumbDown View Post
This does not work in the template:
Are you saying the code you developed doesn't work in the custom template you built (TEST according to the tutorial) or in the page (test.php according to this tutorial).
Reply With Quote
  #766  
Old 02-11-2012, 10:49 AM
CrumbDown CrumbDown is offline
 
Join Date: Feb 2012
Posts: 37
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Rocket2009 View Post
Are you saying the code you developed doesn't work in the custom template you built (TEST according to the tutorial) or in the page (test.php according to this tutorial).
What code? I have followed the above instructions to create a new template and a new .php file. All is ok. I got a new template: www.mywebsite.com/newpage.php. Perfect yes. But I need to add words/content on that page. By doing so I need to add it in the template which works perfect. But trying to get a paragraph or bullet points does not work. It's like viewing sentences in notepad without word wrap selected.

Regards
Reply With Quote
  #767  
Old 02-11-2012, 11:51 AM
cellarius's Avatar
cellarius cellarius is offline
 
Join Date: Aug 2005
Posts: 1,987
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

If you followed the tutorial, you created
1. a php file
2. a template in AdminCP.

Where do you add your html code, to 1 or 2? You need to add it to 2. It may be that you need to put a div-container around your html, since the formatting of unordered lists and the like will be reset by vB in order to format the page layout.

Do
HTML Code:
<div class="mytext">
<ul>
<li>blah blah</li>
</ul>
</div>
Add, for example, this to additional.css:
HTML Code:
.mytext ul {
	whatever css formatting you want
	}
But this really leads away from this tutorial.
Reply With Quote
  #768  
Old 02-11-2012, 12:31 PM
CrumbDown CrumbDown is offline
 
Join Date: Feb 2012
Posts: 37
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Hi

I have added the first HTML code below:
Code:
<div class="block row">
and no bullet point.

And yes, I have edited the template.
Reply With Quote
  #769  
Old 02-11-2012, 03:38 PM
Rocket2009 Rocket2009 is offline
 
Join Date: Mar 2009
Posts: 19
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by CrumbDown View Post
I have created a terms.php file, but how to add words in that file. Well...I can add words but the formatting is not working such as <li> </li>. Is there something Im missing?
First of all, it works! So it's tough to help without seeing your code. I will show you my approach. I put all of the content into the .php page so I can have the smallest number of templates (2) for doing dozens of pages. Here is the php code with simple content similar to what you want to send:

Code:
// ###### YOUR CUSTOM CODE GOES HERE #####

$pagetitle = 'My Page Title';

$bartitle = 'Bar Sub-Title';

$linkcss = '';

$linksjava = '';
	
$pagescript = '';
	
$introstuff = '<div class="article cms_clear restore postcontainer">

	<div style="padding-top: 6px; padding-bottom: 6px;">Upon joining the website each user shall be classified by their experience level as follows:</div>
	
	<div style="line-height: 140%; margin-left: 30px;">
	<ul>
		<li style="margin-bottom:5px;">0 to 5 forum posts:  New User</li>
		<li style="margin-bottom:5px;">5 to 100 forum posts:  Proficient User</li>
		<li style="margin-bottom:5px;">More than 100 forum posts:  Expert User</li>
		</ul>
	</div>
<br />
</div>';

$graphix = '<div style="text-align: center;" ><A HREF="/index.php">
			<IMG SRC="/pics/under_construction_02.jpg" ALT="Under Construction"></A>
			</div>';
As a reminder you need to put this content on the page such as:

Code:
// ###### NOW YOUR TEMPLATE IS BEING RENDERED ######

$templater = vB_Template::create('TMGApage');
$templater->register_page_templates();

$templater->register('navbar', $navbar);

//$templater->register('pagetitle', $pagetitle);
//$templater->register('bartitle', $bartitle);

$templater->register('linkcss', $linkcss);
$templater->register('linksjava', $linksjava);
$templater->register('pagaescript', $pagescript);
$templater->register('introstuff', $introstuff);
$templater->register('graphix', $graphix);

print_output($templater->render());
Reply With Quote
  #770  
Old 02-15-2012, 04:46 AM
MatiasCandy MatiasCandy is offline
 
Join Date: May 2008
Posts: 73
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Okay I might have missed this in the sea of posts.

I created my basic page but now I want to include the Widgets on it so it will match the entire website.

How do I add the Widgets and be able to change with the layout manager?
Reply With Quote
  #771  
Old 02-15-2012, 03:36 PM
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Location: California/Idaho
Posts: 41,180
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by MatiasCandy View Post
Okay I might have missed this in the sea of posts.

I created my basic page but now I want to include the Widgets on it so it will match the entire website.

How do I add the Widgets and be able to change with the layout manager?
I don't think it has ever been discussed. There is another article in this forum about adding widgets to any page, so you should go read that one.
Reply With Quote
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 05:27 AM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.14041 seconds
  • Memory Usage 2,369KB
  • Queries Executed 26 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (8)bbcode_code
  • (3)bbcode_html
  • (5)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_article
  • (1)navbar
  • (4)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (4)pagenav_pagelink
  • (3)pagenav_pagelinkrel
  • (11)post_thanks_box
  • (58)post_thanks_box_bit
  • (11)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (1)post_thanks_postbit
  • (11)post_thanks_postbit_info
  • (10)postbit
  • (11)postbit_onlinestatus
  • (11)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • fetch_musername
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • post_thanks_function_fetch_thanks_bit_start
  • post_thanks_function_show_thanks_date_start
  • post_thanks_function_show_thanks_date_end
  • post_thanks_function_fetch_thanks_bit_end
  • post_thanks_function_fetch_post_thanks_template_start
  • post_thanks_function_fetch_post_thanks_template_end
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete