Announcement

Collapse
No announcement yet.

vBulletin 4.2 Tutorials

Collapse
  • Filter
  • Time
  • Show
Clear All
new posts

  • Recovering a hacked vBulletin Site

    Recovering a hacked vBulletin Site

    Symptoms

    Having your site hacked is something no owner wants to experience due to the fact it takes quite a bit of effort to fix, often times requiring payment to a experienced third-party when a owner feels inundated by the sheer amount of work required to troubleshoot and remedy the situation.
    • Site has been defaced - This is the most blatant form of hacking where your sites pages have been replaced with a very disruptive and sometimes rude message from the hacker themselves.
    • Error Messages - These can vary from extra text on the page all the way up to database errors that do not allow the page to display properly.
    • Odd behavior - If your site is simply acting up, it seems to have began out of nowhere and you've checked with your host in regards to recent changes and none have been made it's quite possible you have been hacked. *Redirects to external sites, inability to post (database errors, blank pages etc), and anything that simply seems "odd".

    Initial Steps


    ...
    See more | Go to post

  • vB 4.0: Template Merging and 3-Way Comparison

    vB 4.0: Template Merging and 3-Way Comparison

    One of the most common complaints about vBulletin's upgrade process is applying the template changes. While the template history feature helped a little bit, it didn't go far enough. vBulletin 4.0 will introduce a feature to make applying template changes much easier: automatic merging and 3-way comparison. Whenever you upgrade, we will automatically look for templates that have changed and see if you customized those templates. If you have, we will automatically try to merge the changes in. If this succeeds, you won't have anything else to do (in most cases). If it fails, your customized template won't be updated--like in vBulletin 3--and you'...
    See more | Go to post

  • Creating A Test Site (Updated)

    Creating A Test Site (Updated)

    When a new version of vBulletin comes out, there's always a clamour for people to be one of the first up and running with the latest version. While in the case of bug fixes, the need to upgrade quickly is understandable, too often on the forums we see people that haven't considered what effect an upgrade will have on their site. On a personal level, I never upgrade without testing first - this goes for major version changes (i.e. 3.x to 4.x), point releases (e.g. 4.1 to 4.2) or maintenance releases...
    See more | Go to post

  • vBulletin 3 to vBulletin 4 Style Conversion Tool

    vBulletin 3 to vBulletin 4 Style Conversion Tool

    As vBulletin 3 approaches EOL (end of life) when it will no longer be actively developed, we have developed a style conversion tool to facilitate converting vBulletin 3 styles to be compatible with vBulletin 4.



    We are planning to release this tool as part of vBulletin 4.1.3. Note that this tool is currently being tested, so the functionality when you see it may differ from what is described in this blog post, based on feedback from QA and other testers.

    How it works

    When you upgrade from vB3 to vB4, your styles are left unmodified in the Admin CP, but are not usable with vB4, since the vB3 and vB4 Stylevar systems and template syntax are not interoperable.



    This tool allows you to convert those disabled vB3 styles to vB4 styles.
    It works by mapping your customized vB3 Stylevars and CSS colors to the corresponding vB4 Stylevars to produce a style that has many of the same style elements as the vB3 style. The goal is to provide you with a good starting place to manually convert your previous style to vB4, since the automatic conversion process is limited in what it can do.

    There are some caveats



    There is often not a one-to-one mapping of Stylevars. Some vB3 Stylevars map to multiple vB4 Stylevars, others have nowhere to map to. Due to the nature of this process, it is possible to produce an unusable or hard-to-read style depending on which elements were customized in vB3.

    These are limitations that must be accepted since in an automated process such as this there is no reliable method to guarantee that the style will be usable.

    Additional limitations are that customized templates and images cannot be converted. I'll explain this further down.

    In spite of these limitations, there are many cases where this automatic converter will produce a reasonable "base" style upon which you can rebuild your vB3 style in vB4. In some cases the converter may produce a usable style without needing to manually tweak it.

    This tool will tend to be more successful on vB3 styles that are customized in Stylevars and Main CSS colors, and will be (much) less successful on custom styles that rely on template edits and custom images.

    So don't expect this tool to create a production-ready vB4 style, instead, take the generated style and use it as a starting point to be able to more quickly recreate your vB3 style in vB4.

    Where is it?

    When viewing the list of styles in the Admin CP Style Manager, there will be a new menu option called Generate vB4 Style in the style drop-down menu for each style that was customized in vB3. In this case, "customized" means that the style has customized values for Stylevars and/or CSS Colors.

    This means that the new option should be available for all your customized vB3 styles, however, it is also possible to upload a customized vB3 style to a vB4 installation and then run this converter on it.



    What does it do, specifically?

    This tool first makes a copy of the vB3 style, appending "(Copy)" to the name of the style. It then attempts to convert it to a vBulletin 4 compatible style based on the vBulletin 3 style customizations in it. It will transfer most spacing and color customizations (background, text, link, and border colors), but as I already mentioned, will not attempt to transfer any template edits or custom images. So not all vBulletin 3 customizations will be transferred.

    Style elements that the tool will attempt to transfer to the new vB4 style include:
    • Width, sizes, padding, and spacing set in vB3 Stylevars.
    • Colors set in vB3 Main CSS — These include background, text, link, and border colors. CSS in the "Extra CSS Attributes" and "Additional CSS Definitions" boxes are not transferred, nor are background images.
    • Style replacement variables.
    • The title image set in vB3 Stylevars.

    Style elements that will not be transferred to the new vB4 style include:
    • Customized templates — These cannot be transferred due to the new template syntax and completely new style in vBulletin 4.
    • Custom images, including image paths set in vB3 Stylevars and background images referenced from CSS — These cannot be transferred because vBulletin 4 introduces many new images that didn't exist in vBulletin 3 and many images are used differently, for example vBulletin 4 uses many text-based buttons where vBulletin 3 used image-based buttons. Note that the title image is transferred when possible.
    • HTML doctype set in vB3 Stylevars — This is not transferred because all templates will continue to use the default vB4 markup and should thus use the default vB4 doctype.

    See for yourself!

    Jasper was kind enough to make a video demonstrating how this tool works.



    Specific mappings for reference

    The following tables show the specific mappings for how the vB3 Main CSS colors and vB3 Stylevars are mapped to vB4 Stylevars. When the mapping is not 1:1, a note in the right column explains the mapping that takes place.

    Main CSS Colors vB3 Main CSS Item vB4 Stylevar(s) Notes body_bgcolor doc_background Value applied only to the "color" element of the vB4 stylevar. body_fgcolor footer_copyright_colorfooter_time_color body_link_n_fgcolor ...
    See more | Go to post

  • Widgets

    Widgets

    vBulletin's CMS allows you to create smaller applications that fill in the Layout content. Where the Layout used organizes the Widgets and orders how they appear, it’s the individual Widgets that define what sorts of data are displayed. Widgets can be added, deleted, and edited through the Widget Manager in AdminCP.

    Creating A New Widget

    To create a new Widget, go to AdminCP > vBulletin CMS > Widgets:



    Clicking on Create New Widget will open the following page allowing you to choose from a pre-defined list of Widgets or to create your own (please see attached PDF file for a description of each of these widgets):

    From this screen, select one of the Widget Types then give your Widge...
    See more | Go to post

  • Grid & Layout Manager

    Grid & Layout Manager

    The vBulletin CMS allows you to customise your layouts to suit your needs. These layouts can then be used in different Sections of your CMS to give each Section it's own look - couple this with it's own style (see this article on how to change these in your Sections) and you can really start to give your CMS a sense of individuality.

    Creating a New Grid

    To create a new layout, you first need to create a Grid - if you don't already have a Grid you wish to use. A Grid controls the general layout of the contents in a section using elements such as columns, sidebars, headers and footers. Once a Grid has been created, you can then customise what is shown within the Grid using the Layout Manager.

    Firstly, to create your new Grid go to:

    AdminCP > vBulletin CMS > Grid Manager > [Add New Grid]

    Th...
    See more | Go to post

  • Editing Sections

    Editing Sections

    There are a number of different elements of a Section in the CMS that you can edit, including (but not exclusively):

    - renaming
    - setting a specific style
    - changing the layout
    - changing what's viewed in a Section

    As opposed to creating a Section, these changes are made via the user visible, or 'front end', side of the CMS. For all of the following, you need to go to the Section page you wish to edit and click on the pencil icon beside the Section name:



    To rename a Section, simply remove the contents of the 'Name' field and enter the new title you wish to give it. Then, change the SEO URL Alias value to match the Section name and edit the Metadata Information box to reflect the changes also:


    Once you've updated these details, simply press the 'Save' button and your changes will be applied:


    When making changes to the CMS Sections, it's always advisable to Clear the CMS Cache and this should be done after each of the actions in this article. To do this, access AdminCP > vBulletin CMS and press the Clear CMS Cache Option:


    Each Section can have a different layout as defined in the CMS Layout Manager in AdminCP. To change the Layout, simply click on the 'Layout' dropdown on the Section Edit page:



    Each Section within the vBulletin CMS can have it's own style defined to it and the articles within that Section. Once you've created a style you wish to use for a specific Section, you need to assign that style to the Section itself. From the Section edit screen, simply change the dropdown to the style you wish to use for that section:


    After making either of these changes to the Section, click on 'Save' then clear the CMS Cache in AdminCP.

    Each Section can
    See more | Go to post

  • Create Sections

    Create Sections

    This guide will help Admins to create and edit sections within their vBulletin CMS. Sections are used to organize your articles, build menus and apply layouts to your content. ...
    See more | Go to post

  • Change CKEditor Colors to Match Style (for 4.1.4 and above)

    Change CKEditor Colors to Match Style (for 4.1.4 and above)

    Add this code to your additional.css template to match the colors of the editor to the style you are using:

    /* Background Color for CKEditor */
    .cke_skin_kama .cke_wrapper {
    background:{vb:stylevar postbithead_background} !important;
    }

    /* Background Color for CKEditor Buttons
    (Note, this may be too dark for some styles. If so you can delete this one.) */
    .cke_skin_kama .cke_toolgroup {
    background: {vb:stylevar postbit_foot_background} !important;
    }


    /* Background Color for CKEditor Hover Link*/ .cke_skin_kama a:hover { background: {vb:stylevar control_content_hover_background} !important; } The additional.css template can be found here: ...
    See more | Go to post

  • CMS Slideshow Widget

    CMS Slideshow Widget



    I couldn't find a simple step by step guide on how to implement a slideshow onto the vBulletin CMS so I decided to create one. This tutorial was created for a few people who've pm'd me about how to implement the "Nivo Slider."

    This is a very quick and simple tutorial on how to create a CMS Slideshow Widget on your vBulletin site. This utilizes the open source "Nivo Slider" and has been optimized for the vBulletin CMS.



    You can see more examples of it here...
    http://nivo.dev7studios.com/theme-demos/

    For proper installation, please make sure you follow all steps in order.


    Instructions

    ______________________________________________________________


    Step 1 - Download and Edit Files
    • Download and extract the "slideshow.zip" attachment from this article (located below).
    • Important!- Edit the "style.css" file(inside css folder) and change all the "http://www.yourvBulletinsiteurl.com" to your vBulletin site url.



    Step 2 - Upload Files
    Upload the "Slideshow" folder to your vBulletin root directory via FTP.


    Step 3 - Add Template
    Go to your vBulletin Admin Control Panel -> Style Manager -> Add New Template

    Input the following....
    Title:
    :
    vbcms_slideshow
    Template:
    :
     
     
        vB Slideshow 
         
         
     
     
    
             
                 
    
    
    
    
    
    
                 
             
         
         
     
     
    $(window).load(function() {
        $('#slider').nivoSlider({
            effect:'slideInLeft', // Specify sets like: 'fold,fade,sliceDown'
            animSpeed:250, // Slide transition speed
            pauseTime:8000, // How long each slide will show
            startSlide:0, // Set starting Slide (0 index)
            directionNav:false, // Next & Prev navigation
            directionNavHide:false, // Only show on hover
            controlNav:true, // 1,2,3... navigation
            controlNavThumbs:false, // Use thumbnails for Control Nav
            controlNavThumbsFromRel:false, // Use image rel for thumbs
    captionOpacity:1, // Universal caption opacity
            keyboardNav:true, // Use left & right arrows
            pauseOnHover:true, // Stop animation while hovering
        });
    });
    ...
    See more | Go to post
There are no articles in this category.
  • Filter
  • Time
  • Show
Clear All
new posts
Please log in to your account to view your subscribed posts.

Article Tags

Collapse

advanced (5) android (2) api (29) application (1) array (17) beginner (17) blog (4) blog response (1) calendar (2) cms (2) forum (3) forums (4) Google (1) https (1) Intermediate (5) iphone (3) knowledgebase (1) mapi (30) methods (10) mobile (34) moderator list (1) style (2) threads (4) vb5howto (5) vBulletin (5)

Latest Articles

Collapse

  • Welcome to the new CMS. Read me first.
    Don Kuramura
    Welcome to the new CMS. Here's a quick guide of the different areas of this page.

    1. Section Navigation Widget. This widget allows you to go to different sections. The "plus icon" means that this section has sub-sections. Clicking on the "plus icon" will display the sub-sections.
    ...
    Tue 11th Mar '14, 3:04pm
  • Promoting Articles from the Forums
    Don Kuramura
    One of the innovative new features on vBulletin 4.0 Publishing Suite is the cross-publishing "Promote to Article" functionality.

    In the spirit of promoting content discovery, we wanted to create features that will allow content to flow between Forums, Blogs, and Articles. For example, there might be a really popular post in the forums, but unfortunately it is buried inside page 13 of a thread. We will now have an option (if you have permissions) to “promote” a forum (or blog) post as a new article on the homepage.

    Here's how it works:
    1: Users with permissions to publish a forum...
    Tue 11th Mar '14, 3:04pm
  • How to Create a New Article
    Don Kuramura
    Here's a quick visual guide on how to create a new article with the CMS.

    1. Create New Article Button: Navigate to the section you want the article to be published in. Click on the “Create a New Article” button. This will open an article form.


    2. Article Title: In the "Add/Edit Article" screen, enter the title of your article in the “Title” textbox.
    ...
    Tue 11th Mar '14, 3:04pm
  • Managing CMS Section and Content
    Don Kuramura
    Here's a quick Visual Guide on how Manage Sections in the new CMS.

    1. Editing a Section: If you have permissions to manage a Section, as you hover over the Section title, a pencil icon will display.

    After clicking the pencil icon, you will be taken to the Section Edit page. Here's what you will see:

    2. Section Name:
    Enter the Section Name
    3. SEO URL Alias: This is the SEO Friendly URL. By default, if this is blank, the system will automatically copy the section title.
    4. Section Layout: For each section you can define an individual section layout.
    ...
    Tue 11th Mar '14, 3:04pm
  • Recovering a hacked vBulletin Site
    TheLastSuperman
    Symptoms

    Having your site hacked is something no owner wants to experience due to the fact it takes quite a bit of effort to fix, often times requiring payment to a experienced third-party when a owner feels inundated by the sheer amount of work required to troubleshoot and remedy the situation.
    • Site has been defaced - This is the most blatant form of hacking where your sites pages have been replaced with a very disruptive and sometimes rude message from the hacker themselves.
    • Error Messages - These can vary from extra text on the page all the way up to database errors that do not allow the page to display properly.
    • Odd behavior - If your site is simply acting up, it seems to have began out of nowhere and you've checked with your host in regards to recent changes and none have been made it's quite possible you have been hacked. *Redirects to external sites, inability to post (database errors, blank pages etc), and anything that simply seems "odd".

    Initial Steps


    ...
    Tue 12th Jun '12, 2:37am
  • Issues After Upgrading
    TheLastSuperman
    If your running a completely default forum upgrading is a very simple process. Many sites however run third-party add-ons and even use a custom style therefor when things change between older and newer
    Thu 24th May '12, 1:02pm
Working...
X