Saturday, August 17, 2013

How To Install vBulletin [RETAIL]

How To Install vBulletin [RETAIL].  Prior to install vBulletin forum, you have to create a MySQL database and add a user with all privileges to it.

This will create a database in the format of cpanelusername_databasename, where cpanelusername is your cPanel account login username. Databasename is the name you have typed for your database. Now scroll down to Users. Enter a username and password, and then click Add User.

This will create a username in the format of cpanelusername_username, where cpanelusername is your cPanel account login username , and username is the one you have just created for your new database. Please, scroll back up to locate the two drop down boxes with a button that says [Add User to Db]. In the drop-down select box on the left, choose your newly created username, and in the box on the right, choose your newly created database. Click Add User to Db.

When you are ready you can download the installation package of vBulletin via your member`s area accessible at: http://members.vbulletin.com/ When you have your vBulletin installation package downloaded on your local computer, please extract the content on your local computer. In the newly created folder you will find a directory called ‘’Upload’’. In the upload folder you will find a directory called ‘’includes’’. Please open this folder and locate the file called config.php.new. This file should be renamed to config.php. When you have the file renamed, should open it with your favorite text editor and locate the following lines:
$config['Database']['dbname'] = 'forum';
$config['MasterServer']['username'] = 'root';
$config['MasterServer']['password'] = '';

You should change your database name and username as well as input your database password on the lines above. If your database and username are called ‘’example_vb’’ you should change the lines to the following:

$config['Database']['dbname'] = 'example_vb';
$config['MasterServer']['username'] = 'example_vb';
$config['MasterServer']['password'] = 'password';


Then you should save the file in order to preserve the changes. Now you are ready to upload the installation files of your vBulletin forum. All the content of the Upload folder should be uploaded to your account under the directory where you would like to have vBulletin installed. You can upload the content from your local computer to your public_html (or the desired subdirectory) using your favorite FTP client

As soon as the vBulletin files are uploaded you can access the installation wizard at http://yourdomain.com/install.php. On the first page you will be asked to provide your Customer Number which is your vBulletin member’s area username.

How To Install vBulletin [RETAIL]

On the next step you can click on the Next Step button and proceed with the installation process.

How To Install vBulletin [RETAIL]
 
 
The first step of the installation will verify the existences of the config file and if it is readable. If you have properly followed the all the steps above you should be displayed with the following message: ‘’ Config file exists and is readable.’’ This means that you can safely proceed with the installation by clicking on the Next Step button. On the second step vBulletin will check your database. If all the settings have been properly applied in your config file as advised above you should be displayed with the following message:


How To Install vBulletin [RETAIL]

Please click on the Next Step button in order to proceed with the installation. The third step will populate the vBulletin database with all tables required. When the following message is displayed on the bottom of your page you can proceed by clicking on the Next Step button: 

How To Install vBulletin [RETAIL]

During the next step vBulletin will apply the session and language type after which you can proceed by clicking on the Next Step button.

How To Install vBulletin [RETAIL]

During the next step the installation wizard will populate the vBulletin database with the default data. On the sixth and seventh step the master language file will be imported as well as the default vBulletin style. When the ‘’ Okay’’ message is displayed, please proceed with the installation. The eighth step of the installation will import the admin help manual which will be accessible via your admin panel after the installation.

Next you will be asked for some default settings – please input your forum name as well as your email address.
 
How To Install vBulletin [RETAIL]

On the next page you can proceed by clicking on the next step button. Next you will be asked to input the desired administrative username, password as well as the email address that will be set for the admin account.


The next step will create the administrative account for you after which you can click on the Next Step button. You will be displayed with a message informing that the installation has been successfully completed. Please note that you will need to remove install/install.php file from your account in order to activate the vBulletin forum. You can perform this via your cPanel -> file manager -> navigate to your vBulletin installation folder, select the install.php file and delete it. On the other hand, you can use your favorite FTP client to remove the file in question.

How To Install vBulletin [RETAIL]

 It is How To Install vBulletin [RETAIL], may be useful for you!

Friday, August 16, 2013

Staff Online In Columns (With Overlay) On xenForo

Staff Online In Columns (With Overlay) On xenForo. Here I will discuss how to create an online staff forum on design xenforo, for that you please follow the tutorial which I will share below and note how carefully.


Preview :

Staff Online In Columns (With Overlay) On xenForo



Open Sidebar.css
Add this:
Code:
.sidebar .avatarListInline li
{
overflow: hidden; zoom: 1;
float:left;
margin: 5px 0 0 0;
width:25%;
}



Next open sidebar_online_users
Replace:
Code:
<xen:if hascontent="true">
<!-- block: sidebar_online_staff -->
<div class="section staffOnline avatarList">
<div class="secondaryContent">
<h3>{xen:phrase staff_online_now}</h3>
<ul>
<xen:contentcheck>
<xen:foreach loop="$onlineUsers.records" value="$user">
<xen:if is="{$user.is_moderator} OR {$user.is_admin}">
<li>
<xen:avatar user="$user" size="s" img="true" />
<xen:username user="$user" rich="true" />
<div class="userTitle">{xen:helper userTitle, $user}</div>
</li>
</xen:if>
</xen:foreach>
</xen:contentcheck>
</ul>
</div>
</div>
<!-- end block: sidebar_online_staff -->
</xen:if>


With:
Code:
<xen:if hascontent="true">
 <!-- block: sidebar_online_staff -->
 <div class="section staffOnline avatarListInline">
 <div class="secondaryContent">
 <h3>{xen:phrase staff_online_now}</h3>
 <ul>
 <xen:contentcheck>
 <xen:foreach loop="$onlineUsers.records" value="$user">
 <xen:if is="{$user.is_moderator} OR {$user.is_admin}">
 <li>
 <xen:avatar user="$user" size="s" text="{$user.username} ({xen:helper userTitle, $user})" class="Tooltip" title="{$user.username}, {xen:helper userTitle, $user}" />
 </li>
 </xen:if>
 </xen:foreach>
 </xen:contentcheck>
 </ul>
 <div style="clear:both;"></div>
 </div>
 </div>
 <!-- end block: sidebar_online_staff -->
</xen:if>


It is easy to Staff Online In Columns (With Overlay) On xenForo, good luck!

Thursday, August 15, 2013

How to Make Stack Alert Image On xenForo

How to Make Stack Alert Image On xenForo. Stack alerts are those little popups that appear at the bottom left of your forum when you've stayed on one page for a long time and something is posted that you have opted to be alerted for.

Usually they look like this:


How to Make Stack Alert Image On xenForo


 The CSS I've used is as follows:
#StackAlerts .stackAlert {

border: 3px solid #262C34;

border-radius: 5px;

-webkit-box-shadow: 0 8px 6px -6px #E9E9E9;

-moz-box-shadow: 0 8px 6px -6px #E9E9E9;

box-shadow: 0 8px 6px -6px #E9E9E9;



}



#StackAlerts .stackAlertContent {

color:#000;

text-align: right;

padding-right: 10px !important;

border-radius: 4px;

border-width:3px 0;

background: url("@imagePath/xenforo/misc/Information.png") no-repeat #F5F4F6 !important;

}

Sample image :


It is How to Make Stack Alert Image On xenForo, good luck and hopefully useful for you!

Wednesday, August 14, 2013

How to Make Floating ACP Bar On xenForo

How to Make Floating ACP Bar On xenForo. Hey guys, Im back with yet another nice custom modification to your site to help you.

This modification makes a floating bar at the bottom of your forum that only Administrators and Moderators can see that has your quick links to your Admin Control Panel and Moderator Control Panel and Reports! This is really easy and is literally always on your screen, but this is small so you it doesnt get in the way!

First, Add this to footer.css

.staffBar {
overflow: hidden;
margin-left: auto;
margin-right: auto;
padding: 7px;
background: url("@importurl/xenforo/highlight.png") repeat-x scroll 0pt 0pt rgb(238,238,238);
border: 1px solid rgb(0, 0, 0);
border-radius: 4px 4px 4px 4px;
position: fixed;
bottom: 5px;
left: 30%;
right: 30%;
}

.staffBar ul {
list-style: none;
}

.staffBar li {
display: inline;
margin-right: 5px;
}

.floatLeft {
float: left;
}

.floatRight {
float: right;
}

Now add this to the bottom of the footer template
<xen:if is="{$visitor.is_moderator}">
<div class="staffBar">
<xen:if is="{$visitor.is_admin}">
<li>    
<a href="admin.php" class="acp adminLink" target="_blank"><span class="itemLabel">AdminCP</span></a>
</li>
<xen:if is="{$session.permissionTest}">
<li>
     <a href="{xen:link misc/reset-permissions}" class="permissionTest adminLink OverlayTrigger floatLeft">
     <span class="itemLabel">{xen:phrase permissions_from_x, 'name={$session.permissionTest.username}'}</span>
     </a>
</li>
</xen:if>
</xen:if>
        
<xen:if is="{$visitor.is_moderator}">
<li>
<a href="{xen:link moderation-queue}" class="moderationQueue modLink">
<span class="itemLabel">Mod Queue:</span>
<span class="itemCount {xen:if {$session.moderationCounts.total}, 'alert'}">{$session.moderationCounts.total}</span>
</a>
</li>
<li>
<a href="{xen:link reports}" class="reportedItems modLink">
<span class="itemLabel">Reports:</span>
<span class="itemCount {xen:if {$session.reportCounts.total}, 'alert'}">{$session.reportCounts.total}</span>
</a>
</li>
</xen:if>
</div>
</xen:if>

Now refresh your forum and you will see this:

How to Make Floating ACP Bar On xenForo

And there you go! Hope you guys enjoy, this is just a slight modification to help you get access to your ACP and ModCP easier and faster, hope you guys enjoy!

Easy and practical it How to Make Floating ACP Bar On xenForo, may be useful and help you!

Privacy Policy

Privacy Policy for designscore.blogspot.com

If you require any more information or have any questions about our privacy policy, please feel free to contact us by email at designscore@yahoo.com.

At designscore.blogspot.com, the privacy of our visitors is of extreme importance to us. This privacy policy document outlines the types of personal information is received and collected by designscore.blogspot.com and how it is used.

Log Files
Like many other Web sites, designscore.blogspot.com makes use of log files. The information inside the log files includes internet protocol ( IP ) addresses, type of browser, Internet Service Provider ( ISP ), date/time stamp, referring/exit pages, and number of clicks to analyze trends, administer the site, track user’s movement around the site, and gather demographic information. IP addresses, and other such information are not linked to any information that is personally identifiable.

Cookies and Web Beacons
designscore.blogspot.com does use cookies to store information about visitors preferences, record user-specific information on which pages the user access or visit, customize Web page content based on visitors browser type or other information that the visitor sends via their browser.

DoubleClick DART Cookie
.:: Google, as a third party vendor, uses cookies to serve ads on designscore.blogspot.com.
.:: Google's use of the DART cookie enables it to serve ads to users based on their visit to designscore.blogspot.com and other sites on the Internet.
.:: Users may opt out of the use of the DART cookie by visiting the Google ad and content network privacy policy at the following URL - http://www.google.com/privacy_ads.html

Some of our advertising partners may use cookies and web beacons on our site. Our advertising partners include ....
Google Adsense


These third-party ad servers or ad networks use technology to the advertisements and links that appear on designscore.blogspot.com send directly to your browsers. They automatically receive your IP address when this occurs. Other technologies ( such as cookies, JavaScript, or Web Beacons ) may also be used by the third-party ad networks to measure the effectiveness of their advertisements and / or to personalize the advertising content that you see.

designscore.blogspot.com.com has no access to or control over these cookies that are used by third-party advertisers.

You should consult the respective privacy policies of these third-party ad servers for more detailed information on their practices as well as for instructions about how to opt-out of certain practices. designscore.blogspot.com's privacy policy does not apply to, and we cannot control the activities of, such other advertisers or web sites.

If you wish to disable cookies, you may do so through your individual browser options. More detailed information about cookie management with specific web browsers can be found at the browsers' respective websites.