vb.org Archive - [HOW TO - vB4] Create your own vBulletin page

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 4 Articles (https://vborg.vbsupport.ru/forumdisplay.php?f=242)

- - [HOW TO - vB4] Create your own vBulletin page (https://vborg.vbsupport.ru/showthread.php?t=228112)

Quote:

Originally Posted by HMBeaty (Post 2282098)

You need to make the css for ul and li ;)

Could you translate that into "idiot" for me? :D

Hmm....I stand corrected.... Looking back on a few of my custom pages, I have them working just fine using what you have above. Do you mind posting what you have in your entire template?

--------------- Added [DATE]1325225260[/DATE] at [TIME]1325225260[/TIME] ---------------

Also, your php file so we can make sure everything is correct in there :)

Here is my php file:

PHP Code:


		
			
<?php

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

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

define('THIS_SCRIPT', 'supporter');
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('supporter',
);

// 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('' => 'Supporter Info'));
$navbar = render_navbar_template($navbits);

// ###### YOUR CUSTOM CODE GOES HERE #####
$pagetitle = 'Become a Supporter!';

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

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

?>

--------------- Added 29 Dec 2011 at 22:39 ---------------

And here is my template:

(Please pardon my first grade understanding of html!)

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">Supporter Info</h2>

    <div class="blockbody">

      <div class="blockrow">

<p>Become a Supporter! </p>

<br />

<font size="2"><p><b>What is a Supporter? </b></p></font>

<br />

<p>A supporter is someone who donates to the site to help keep it up and running. Currently the majority of revenue for the site is generated from the little bit of advertising we allow and donations from our users. </p>

<br />

<br />

<font size="2"><p><b>How much is it?</b> </p></font>

<br />

<p>The current cost to become a supporter: </p>

<br />

<ul>

<li><p>1 year - $15</p></li>

<br />

<li><p>2 years - $30</p></li>

<br />

<li><p>5 years - $50</p></li>

<br />

<li><p>15 years - $100</p></li>

</ul>

<br />

<br />

<font size="2"><p><b>What’s in it for me? </b></p></font>

<br />

<p>We do have additional benefits for anyone that becomes a supporter, and may add more in the future. The benefits only last as long as your subscription length, but you can re-up anytime.</p>

<br />

<p>The current upgrades are: </p>

<br />

<ul>

<li>Larger Private Message inbox! Supporter’s inboxes can hold up to 1,000 messages! </li><br />



<li>A new icon to go under your user name when you post. It looks like this: </li> <br />



<img src=http://www.theoutdoorstrader.com/images/ranks/supporter1.png width="130" height="30"/>

</ul>

<br />

<br />

<br />

<font size="2"><p><b>Sign me up!</b></p></font>



<br />

<p>If you would like to become a supporter you can click the banner below and it will take you to your “paid subscriptions” page in your profile. </p>

<br />

<p>Once there, just select a subscription length in the dropdown box and click “order.” Then it will take you to a screen where you will select your payment method. Currently the only method accepted is paypal. You do not have to have an account with paypal to use it. </p>

<br />

<p>If you would prefer to send a check or money order, you can mail it to the address listed at the bottom of this article. Please be sure to include your username with your check so we know which account to credit the donation to. </p>

<br />

<a href=http://www.theoutdoorstrader.com/payments.php > <img src=http://www.theoutdoorstrader.com/images/donate.png /> </a>

<br />

<br />

<p><b> Mailing Address for Donations:</b> </p>

<br />

<p>The Outdoors Trader

<br />PO Box 813669

<br />Smyrna, GA 30081 </p>

<br />

<p></p>

<br />

<font size="2"><p><b>What if I am already a supporter and want to donate? </b></p></font>

<br />

<p>Well, that’s awesome! We appreciate it very much! </p>

<br />

<p>If you are already a supporter and would like to donate more, you can do so by clicking the paypal link below and entering whatever amount you would like to donate. </p>

<br />

<p>Again, thank you very much! </p>

<br />

<br />

<form action="https://www.paypal.com/cgi-bin/webscr" method="post">

<input type="hidden" name="cmd" value="_s-xclick">

<input type="hidden" name="hosted_button_id" value="PVCDABEX7X7TA">

<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">

<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">

</form>

     

      </div>

    </div>

    

    {vb:raw footer}

  </body>

</html>

Quote:

Originally Posted by Okuma Steve (Post 2282094)

I am having a small problem and want to see if anyone can assist me.

I am trying to create a list with HTML and it isn't recognizing it, any ideas?

Here is a sample of what I am putting in:

<ul>
<li> item name </li>
<li> item name </li>
</ul>

I used the same code in making a new faq item and it worked fine, but not working in this form.

Link to faq item:

http://www.theoutdoorstrader.com/faq.php?faq=supporter

Link to new form:

http://www.theoutdoorstrader.com/supporter.php

This has already been covered in this thread. Here's one of the posts - https://vborg.vbsupport.ru/showpost....&postcount=150 You can go backwards to read the whole conversation.

I think I understand now, but I still can't get it to work.

I pasted the style code into the header of my template, is that right?

Here is my current template:

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}





<style type="text/css">

strong {font-weight:bold;}

ul.unordered li {list-style-type: disc;list-style-position:inside; display: list-item; margin-left: 2.5em; padding-left: 0;}



ul.unordered ul li {list-style-type: circle; display: list-item;margin-left: 2.5em; padding-left: 0;}

</style>





  </head>

  <body>

    

    {vb:raw header}

    

    {vb:raw navbar}

    

    <div id="pagetitle">

      <h1>{vb:raw pagetitle}</h1>

    </div>

    

    <h2 class="blockhead">Supporter Info</h2>

    <div class="blockbody">

      <div class="blockrow">



<p>Become a Supporter! </p>

<br />

<font size="2"><p><b>What is a Supporter? </b></p></font>

<br />

<p>A supporter is someone who donates to the site to help keep it up and running. Currently the majority of revenue for the site is generated from the little bit of advertising we allow and donations from our users. </p>

<br />

<br />

<font size="2"><p><b>How much is it?</b> </p></font>

<br />

<p>The current cost to become a supporter: </p>

<br />

<ul>

<li><li><p>1 year - $15</p></li>

<br />

<li><p>2 years - $30</p></li>

<br />

<li><p>5 years - $50</p></li>

<br />

<li><p>15 years - $100</p></li>

</ul></il>

<br />

<br />

<font size="2"><p><b>What?s in it for me? </b></p></font>

<br />

<p>We do have additional benefits for anyone that becomes a supporter, and may add more in the future. The benefits only last as long as your subscription length, but you can re-up anytime.</p>

<br />

<p>The current upgrades are: </p>

<br />

<li><ul>

<li>Larger Private Message inbox! Supporter?s inboxes can hold up to 1,000 messages! </li><br />



<li>A new icon to go under your user name when you post. It looks like this: </li> <br />



<img src=http://www.theoutdoorstrader.com/images/ranks/supporter1.png width="130" height="30"/>

</ul></li>

Looking great. But i am new and it take time for me to do this kind of experements on online forum. i guess should try on localhost.

If you copy paste some code, you need to understand what it means. "ul.unordered" means a <ul> tag of class "unordered". I would guess you did not assign a class to your <ul> tag. (I cannot get to your page to see if that is the case.)

I wouldn't get anything done if I understood all of it before I did it! :D

What page can you not get to? I posted links in my earlier post and in my last post I included the HTML from my template.

Is there something else I need to link to or post here?

If you want to use that css, then:
<ul class="unordered">

You'll want to get rid of the <p> around the items in the <li> tags also.

Quote:

Originally Posted by Lynne (Post 2282410)

If you want to use that css, then:
<ul class="unordered">

You'll want to get rid of the <p> around the items in the <li> tags also.

Thanks! Works great now.

X vBulletin 3.8.12 by vBS Debug Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (2)bbcode_html_printable (1)bbcode_php_printable (3)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (3)pagenav_pagelinkrel (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.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/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.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 printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages:

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01980 seconds Memory Usage 1,820KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (2)bbcode_html_printable (1)bbcode_php_printable (3)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (3)pagenav_pagelinkrel (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.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/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.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 printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: