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 rapidphim

Is there a way for me to create an html frameset page? I want to create a page with top fixed frame and second frame with scrollable.

How can I do that with this hack? Thanks.

You can.. Just create your frameset html and then paste its content into a webtemplate which does NOT use a webtheme.

[rapidphim]

frameset includes two seperate file and use name/id to communicate with each other, how am I going to do that? Also please kindly guide me how to create either left or right content column. thanks much.

[Logician]

Originally Posted by rapidphim

frameset includes two seperate file and use name/id to communicate with each other, how am I going to do that? Also please kindly guide me how to create either left or right content column. thanks much.

Put your general frame code into a webtemplate say "parent1":

<frameset rows=25%,75%>
<frame src="view.php?pg=child1">
<frame src="view.php?pg=child2">
</frameset>


Then use different webtemplates for child1 and child2 sets.

Finally visit "parent1" to display alltogether

[maidos]

can you pplease reply about the css,

[Logician]

Originally Posted by maidos

thanks but exactly where do i add it, i added on style manager, forum skin, main css but it doesnt work
please be a little more specific
have this

PHP Code:

 
<if condition="THIS_SCRIPT==view">
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}
 
.rs1{margin: 0 2px}
.rs2{margin: 0 1px}
</if> 


i dont want to use image to get the corners so i chose js instead but where will i add this js file?

PHP Code:

function NiftyCheck()
{
if(!document.getElementById || !document.createElement)
    return(false);
var b=navigator.userAgent.toLowerCase();
if(b.indexOf("msie 5")>0 && b.indexOf("opera")==-1)
    return(false);
return(true);
}
 
function Rounded(selector,bk,color,size){
var i;
var v=getElementsBySelector(selector);
var l=v.length;
for(i=0;i<l;i++){
    AddTop(v[i],bk,color,size);
    AddBottom(v[i],bk,color,size);
    }
}
 
function RoundedTop(selector,bk,color,size){
var i;
var v=getElementsBySelector(selector);
for(i=0;i<v.length;i++)
    AddTop(v[i],bk,color,size);
}
 
function RoundedBottom(selector,bk,color,size){
var i;
var v=getElementsBySelector(selector);
for(i=0;i<v.length;i++)
    AddBottom(v[i],bk,color,size);
}
 
function AddTop(el,bk,color,size){
var i;
var d=document.createElement("b");
var cn="r";
var lim=4;
if(size && size=="small"){ cn="rs"; lim=2}
d.className="rtop";
d.style.backgroundColor=bk;
for(i=1;i<=lim;i++){
    var x=document.createElement("b");
    x.className=cn + i;
    x.style.backgroundColor=color;
    d.appendChild(x);
    }
el.insertBefore(d,el.firstChild);
}
 
function AddBottom(el,bk,color,size){
var i;
var d=document.createElement("b");
var cn="r";
var lim=4;
if(size && size=="small"){ cn="rs"; lim=2}
d.className="rbottom";
d.style.backgroundColor=bk;
for(i=lim;i>0;i--){
    var x=document.createElement("b");
    x.className=cn + i;
    x.style.backgroundColor=color;
    d.appendChild(x);
    }
el.appendChild(d,el.firstChild);
}
 
function getElementsBySelector(selector){
var i;
var s=[];
var selid="";
var selclass="";
var tag=selector;
var objlist=[];
if(selector.indexOf(" ")>0){  //descendant selector like "tag#id tag"
    s=selector.split(" ");
    var fs=s[0].split("#");
    if(fs.length==1) return(objlist);
    return(document.getElementById(fs[1]).getElementsByTagName(s[1]));
    }
if(selector.indexOf("#")>0){ //id selector like "tag#id"
    s=selector.split("#");
    tag=s[0];
    selid=s[1];
    }
if(selid!=""){
    objlist.push(document.getElementById(selid));
    return(objlist);
    }
if(selector.indexOf(".")>0){  //class selector like "tag.class"
    s=selector.split(".");
    tag=s[0];
    selclass=s[1];
    }
var v=document.getElementsByTagName(tag);  // tag selector like "tag"
if(selclass=="")
    return(v);
for(i=0;i<v.length;i++){
    if(v[i].className==selclass){
        objlist.push(v[i]);
        }
    }
return(objlist);
} 


You can also add it inside a if condition before <head> section

[ZatroX]

Hey thank you first of all this mod rocks. Got a problem tough, when i make a page it just a blank page with the text i entered.

On the how to create file it shows this

f) Using a Theme : Default Basic Theme
g) Header : Default Vbulletin Header
h) Footer : Default Vbulletin Footer

F. how ever, on the drop down menu it doesnt show the Defaul Basic theme option. it does on header and footer but not using theme.

No Parent Template (This is an independent webtemplate)
Thast what it shows instead. i think this might be problem wondering if theres fix, thank you!

[Shanj]

Logician I completely love your mod

Small detail problem - I set up a template page, set it to TEXT
Can view, but when I click the link to edit the page as a user I get
Not Found

The requested URL /fcc/www.mysite.com/xxx/editors.php was not found on this server.

Have checked via ftp and editors.php IS there on this filepath.

Could the problem be that I do not use the standard directory name for my forum? that is, my url to editors.php is not /forum/editors.php but /xxx/editors.php
maybe I need to change this in the code somewhere?

I don't have the very recent update installed yet. But the version I have does have the options in admin to allow user edit + when I open the page it does have "Edit This Page" at the bottom.

[Logician]

Originally Posted by ZatroX

Hey thank you first of all this mod rocks. Got a problem tough, when i make a page it just a blank page with the text i entered.

On the how to create file it shows this

f) Using a Theme : Default Basic Theme
g) Header : Default Vbulletin Header
h) Footer : Default Vbulletin Footer

F. how ever, on the drop down menu it doesnt show the Defaul Basic theme option. it does on header and footer but not using theme.


No Parent Template (This is an independent webtemplate)
Thast what it shows instead. i think this might be problem wondering if theres fix, thank you!

You probably didn't install it correctly. Please double check installation steps and especially make sure you import default wt's fine.

[Logician]

Originally Posted by Shanj

Logician I completely love your mod

Small detail problem - I set up a template page, set it to TEXT
Can view, but when I click the link to edit the page as a user I get
Not Found

The requested URL /fcc/www.mysite.com/xxx/editors.php was not found on this server.

Have checked via ftp and editors.php IS there on this filepath.

Could the problem be that I do not use the standard directory name for my forum? that is, my url to editors.php is not /forum/editors.php but /xxx/editors.php
maybe I need to change this in the code somewhere?

I don't have the very recent update installed yet. But the version I have does have the options in admin to allow user edit + when I open the page it does have "Edit This Page" at the bottom.

It cant be related to directory name. I'd still tell you didn't upload it to the correct directory.

However when I try to visit the url in your link, it seems it loads fine.

[ZatroX]

Originally Posted by Logician

You probably didn't install it correctly. Please double check installation steps and especially make sure you import default wt's fine.

What do you mean right here? I also followed everything correctly its just that