Portal Software - WebTemplates 3.7.x: VB Integrated CMS (Content Management System)

(This hack is for vb version 3.7.x & 3.8.x ONLY. For vb 3.6.x, 3.5.x, 3.0.x and 2.x see my profile for relevant threads.)

"WebTemplates" is a vBulletin integrated Content Management System which allows you to create vb integrated "HTML" pages in your vb admin cp very easily. The pages can inherit your vbulletin skin/style, can recognize logged-in user, can be applied permissions per user or usergroup basis, can keep visit logs, hit counts and do many more.

VB4 version Update (9.9.2010): Please find 4.x version of WebTemplates4.x in its own thread.


WEBTEMPLATES 3.7.x BASIC FEATURES:

• Very Easy Installation : Webtemplates can be installed to your board without modifying even a single vbulletin file. It is coded as a vb product and can be imported very easily.
• Apply VB Permissions: You can ban any webtemplate to any user or usergroups easily. So for instance you can design a webtemplate which only members can see while guests can not, or only user A can not see etc.
• Page Counter : Each webtemplate has a built-in counter and you can display page count to your visitors and you can edit it or turn it OFF/ON per webtemplate basis.
• Visitor Logging&Tracking : You can track certain users' (by usergroup or userid) webtemplate visits to see who visited a webtemplate and when. This is configurable per webtemplate basis.
• Site Contributers (Editor) Support : You can grant editing permissions for certain users or usergroups for your webtemplates individually and they will be able to update these webtemplates using their own editor interface. vB's WYSIWYG editor is supported in Editor interface.
• Page Browsers & Who is Online Display: Webtemplates can display who is browsing that webtemplate while visitor is reading them (like default forum browse display of vbulletin). Webtemplate visits can also be monitored in who is online page.
• Header/Footer Inclusion : Webtemplates can automatically use headers/footers (your default vb header/footer or custom ones)
• Help Documents : The script comes with an extensive help document.
• Admin Panel in Webtemplates : Your webtemplates can include an "admin panel" displayed to only admins and by using them you can access many details and stats of your page while you are browsing them.
• SEO friendly URLs: You can make webtemplate URLs seo friendly in vb settings (Requires apache server).
• XML Import/Export : XML Import/Export feature allows you to backup your webtemplates and use other hack users webtemplates in your board.

ADVANCED FEATURES FOR ADVANCED USERS:

• Webquery Feature : With advanced "webquery" feature you can create dynamic webtemplates which include database query results. For instance you can easily add "last 10 threads forum X", "most active users list" etc. to your webtemplates with default webqueries that comes with installation or you can create your custom webqueries with basic SQL knowledge.
• Multi Parsing : Webtemplates can parse PHP or HTML or TEXT (=smilie/img tags/bbcode parsing like vb posts). This means you can design a page just like vb posts (TEXT parsing), standart HTML (HTML parsing) or even in PHP (PHP parsing).
• PHPINCLUDE per webtemplate : Every webtemplate has its own "phpinclude" field which you can run PHP codes before loading the Webtemplate
• Theme Support : Webtemplates support "themes" which are parent webtemplates which include child webtemplates in them. For instance if you have 20 similiar pages which uses the same visual look, you can make a single theme for all of them, then just insert their content into this theme. If you change theme later, all 20 pages' visual will change automatically.
• Conditionals : Webtemplates supports VB3 template conditionals so you can design webtemplates which change their display under different conditions.
• Default variables : You can use/display certain variables in your webtemplates like username of the visitor, visitor email address, last visit time, page creation time, page last edit time, Last visitor name, last visit time etc.

Sample WebTemplates from Sites using this hack:
(Some 3.5 and some are 3.0 versions but WebTemplate look and feel didn't change much so both will give you the idea.)

http://www.worldwideknights.com/view_mission.htm
http://www.theadminzone.com/forums/view.php?pg=aboutus
http://www.hystersisters.com/vb2/view_guidelines.htm
http://www.worldwideknights.com/view_info.htm
http://www.hystersisters.com/vb2/view_books.htm
http://www.worldwideknights.com/view_spread.htm
http://www3.fertilethoughts.com/forums/view.php?pg=acronyms
http://www.makeuptalk.com/forums/view.php?pg=makeuptalk-newsletter
http://www.bklab.com (entire site is designed with Webtemplates only)
(Actually this hack is one of the most popular vb hacks so it is used by hundreds -if not thousands- of vbulletin sites and you can easily find them if you go to google and search "Logician's WebTemplates" WITH quotation marks)

3.5 version Admin CP screenshot attached to this post. 3.0.x screenshots (here and here) also still applies for this version.

If you use the hack, clicking here will make sure you'll know about updates&bug fixes. It will also help me understand how many people is using the hack so please click the install button if you use it. Thank you..

About this 3.7.xx Version: This 3.7.xx version is same as previous 3.6.x version. 3.6.x version was already working in vbulletin 3.7.x except a few minor bugs and these bugs are fixed in this version to make it dedicated solely to vbulletin 3.7.x. Please see "what's new" in the next post for more details.

Version Updates:
29.July.2008 - > Version 3.7.00
* Hack 3.7.00 is released.

[Logician]

Originally Posted by azn_romeo_4u

Looks very powerful. Can it do something like this...

www.1perfectworld.com

Look at the index page. It's a completely different design than the forum? And it has newest members, latest threads etc. Also could you do a page like this for example

http://1perfectworld.com/guides/races/warrior.php

And just redesign the template to make it look like just a normal page without all the vb header footer etc but just a normal looking page?

This is not for site main page as described in FAQ but as for other page, it seems doable. However please note that main goal of this hack is to create vb integrated HTML pages with your forum style so if you don't want to use vb header/footer, you can use simple HTML/php structure too.

[mmoore5553]

logician

i have ot reset it up ..i forgot what error but i think it was on my side ....i would like to get this fixed but if not i totally understand not your issue lol ...also i wish you was okay with custom wokr ..trying to figure out how to add a couple modules lol

[PossumX]

Curious...

Would it be possible to utilize the 2 column theme, or something similar, in order to allow a skyscraper AdSense block on the left side?

If so how might one go about that?

I am sure I could figure it out, however, I just finished re-doing all my non vB pages into this mod, along with ALOT of tweaking throughout the process, and my eyes are crossed.

[dodjer42]

Logician, this is a great hack. I have a question hope you have a moment to tell me if this is possible with webtemplates.

I generate graphical forum signature using imagecreatefrompng(). On my forum it currently runs as an external page:

http://www.touch-buddy.com/tbsig/

This is a two stage process. 1) enter details and send submit, 2) show results.

I was hoping to integrate this with vbulletin styles etc using webtemplates. I createad a PHP page without problem and was able to generate an image, but its not wrapped in $header and $footer or the forum style.

I have read through the documentation and can't really figure out if I can do a html template with embedded php. When I tried this I simply got the HTML page with the php as text in the body.

Thanks for the hack!

[siddal]

Would it be possible to utilize the 2 column theme, or something similar, in order to allow a skyscraper AdSense block on the left side?

If so how might one go about that?

The package includes a default "two-column theme" in "Themes" at the bottom of the templates list.
Just copy all the code from there into a new template ("add a new theme") and configure as you like.
Then when you build your new template -"add new web template" you?ll click on your two column variant in the drop down box in "Using a Theme?"...

[Logician]

Originally Posted by PossumX

Curious...

Would it be possible to utilize the 2 column theme, or something similar, in order to allow a skyscraper AdSense block on the left side?

If so how might one go about that?

I am sure I could figure it out, however, I just finished re-doing all my non vB pages into this mod, along with ALOT of tweaking throughout the process, and my eyes are crossed.

Edit webtemplate theme named "Two Column Theme", after $WT_Login part enter your skyscraper code, then use this theme in your webtemplates

[Logician]

For those who want to run external PHP applications within vb style, I created a php test webtemplate which you can use. Here is instructions to use it:

1- First import this attached XML file for sample webtemplate in your admin cp/Logician's Webtemplates/export-import/Import Webtemplates section.
2- Then go to your webtemplate list find the new webtemplate named "phptest2" and click edit.
3- Find section that says

PHP Code:

// ============================
// Put Your PHP CODE right after this line
 
// ============================ 


4- Put your external PHP application's code AFTER the line like this

PHP Code:

// ============================
// Put Your PHP CODE right after this line
YOUR CODE GOES HERE WITHOUT // AT THE BEGINING
// ============================ 


Here is a sample:

PHP Code:

// ============================
// Put Your PHP CODE right after this line
 
echo "Time now is $today<br><br>";
echo "You registered this board at ".date('M-d-Y h:i:s',$vbulletin->userinfo[joindate]);
 
// ============================ 


Important Note:

Webtemplates main goal is NOT running PHP code or integrating PHP code with vbulletin, this is just an additional bonus which can sometimes work for certain applications. Integrating any PHP application with vbulletin is usually is not as easy as that. When you have 2 PHP applications (vbulletin and your other application) running at the same time, you are likely to have unexpected problems. For instance they can have same function names and they can clash, have same variable names and overwrite eachother's variables etc. Trying to integrate 2 PHP applications usually requires a lot of work on code level of both applications. So this method is likely to NOT work for many applications. However if your application is not very advanced and you are lucky that it does not have any clashing issues with vbulletin, you might run it like this. If you are able to run it with this method, you should be very happy but if you can't please don't blame the hack which as nothing to do with this, nor intended to do handle such a project. So I'm sharing this tip "as is" basis, hoping it can help "some" people around but stressing again that Webtemplate Hacks intention is not provide PHP integration with external scripts.

[Logician]

@dodjer42 and mmoore5553 : Please check the post above and see if it will help you with your requests.

[PossumX]

Originally Posted by Logician

Edit webtemplate theme named "Two Column Theme", after $WT_Login part enter your skyscraper code, then use this theme in your webtemplates

Simply AWESOME support and replies. The more I "play" with this, the more I can't understand how I managed without it. Makes for seamless non-vB page integration.

[mmoore5553]

okay i tried to do something different. .i put in flash file ...

it didnt work

nothing showed up
here is the html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

<!-- Do not remove the line below!!! It is required for the XML Flash Slideshow v3. -->

<script type="text/javascript" src="v3flashslideshow/slideshow.js"></script>

</head>

<body>

<!-- Begin XML Flash Slideshow v3 -->

<script type="text/javascript">

// <![CDATA[

XMLFlashSlideshow_v3({swf:'v3flashslideshow/slideshow.swf',w:'400',h:'400',redirect:'',usePrel oader:'true',xml:'v3flashslide show/slideshow_data1.xml',preventCache:'true',disableMu ltipleXML:'false',initXML:'%3C ?xml%20version=%221.0%22%20encoding=%22utf-8%22?%3E%3Cslideshow%20version=%223%22%3E%3Cstyles %3E%3CPreloader%20label=%22Loa ding%20%7BN%7D%2525%22%20iconColor=%22#666666%22%2 0iconAlpha=%2270%22%20iconWidt h=%2250%22%3E%3C/Preloader%3E%3CPreloaderLabel%20font=%22Verdana%22 %20size=%2210%22%20color=%22#6 66666%22%20bold=%22false%22%3E%3C/PreloaderLabel%3E%3CBackground%20backgroundColor=% 22#E4E4E4%22%20backgroundAlpha =%22100%22%20bevelColor=%22#FFFFFF%22%20bevelStren gth=%2270%22%20borderWidth=%22 0%22%20borderColor=%22#FF6600%22%3E%3C/Background%3E%3CLoaderAnimation%20type=%22circle%2 2%20color=%22#FFFFFF%22%20alph aBackground=%2220%22%20alphaInner=%2240%22%20frame Width=%222%22%20width=%2250%22 %20height=%2250%22%3E%3C/LoaderAnimation%3E%3CDataLoader%20useAnimation=%22 true%22%20useLabel=%22true%22% 20labelPlacement=%22bottom%22%20fadeOutDuration=%2 2400%22%20textFormat=%22loader _text%22%3E%3C/DataLoader%3E%3C/styles%3E%3Clocalization%3E%3Ctext%20orig=%22Loadi ng%20Data...%22%20local=%22Loa ding%20Data...%22%3E%3C/text%3E%3C/localization%3E%3Cfonts%3E%3Cfont%20id=%22loader_t ext%22%20name=%22Pixelade%22%2 0embed=%22true%22%20size=%2213%22%20color=%22#6666 66%22%20bold=%22false%22%20sel ectable=%22false%22%20align=%22left%22%3E%3C/font%3E%3C/fonts%3E%3C/slideshow%3E'});

// ]]>

</script>

<!-- End XML Flash Slideshow v3 -->

</body>

</html>

anyone know what i did wrong ?

i can give access to anyone seriously wanting to help ... i just dont get it ..