How to Enable Change Password for RoundCube Users on BlueHost

RoundCube is simply one of the best open source webmail application available today. Though this application has been created long back and the updates are little bit slow, RoundCube powers several webmail for several companies, including my own DesLabs. My favorite reason to choose RoundCube is that I can easily customize the user interface of the application to show my company logo and I can give several capabilities to my users without the RoundCube name.

Something that we might not like is the lack of an administration panel at the backend where we could have easily manage the features and settings for our webmail. One of such problems I faced when I wanted my webmail users should be able to change their passwords. I am using BlueHost as my web host and create and manage unlimited email accounts under several domains. By default RoundCube don't give the flexibility to allow users change their own passwords.

So here is how to allow RoundCube users to change their own passwords.

How to Color Alternate Rows in a Table with JavaScript and CSS

Tables should be used only when you are actually representing tabular data. Yes, we know that. But by default tables are not so much usable unless we put some addons and make tables usable. One of the best ways to make tabular data usable is to color alternate row backgrounds with different colors so that users don’t get lost while looking into long set of data. This not only helps users to remain on a specific track but also helps them interpret data precisely without generating much visual noise.

You can checkout the Demo of Alternate Table Row Coloring here.

Here is a very simple JavaScript script which can transform any existing tables on a page into tables with alternate row color backgrounds. This scripts check for specific class for a table on a page and puts different classes for different <tr>.
You can simply copy the following code and paste into the <head> section of your page.

How to Create a Link To Smoothly Scroll To The Top of a Page by jQuery

"Go to top" is a very popular link that we use to put into web pages when pages tend to be long and users always need to go back to the top of the page to avail the options. Users can obviously go back by scrolling up and up and up. But we can also provide them with an option at the bottom of a page, clicking which will automatically take the user to the top of that page.

The most natural and effective way to do it is to place a "quick link" or "inpage link" which should be linked to the ID of the topmost element on the page.

Example of go to top link on a webpage:

How to Create Easy Collapsible and Expandable Lists in JavaScript

Here is a very quick and easy way to make your lists collapsible and expandable on clicks by using JavaScript. Now when presenting a long lists of item you can set them to remain collapsed on page load, but after that users can click and expand any of those list headings to see the full list of items. Unlike accordion, here users can easily open up all the lists one by one. Checkout the Demo of Collapsible and Expandable Lists which is created here.
First, just include a JavaScript file in your <header> section of the page -

<script src="http://www.acmeous.com/tutorials/demo/acmeousCollapsibleLists/acmeousCollapsibleLists.js" type="text/javascript"></script>

Then just below it, within the <header> section of your page, add the following code -

Differences Between Strict and Transitional DOCTYPEs

Attributes which are deprecated in Strict DOCTYPEs:

• align (allowed on elements related to tables only, like - col, colgroup, tbody, td, tfoot, th, thead, and tr)


• target


• language


• background


• link


• hspace


• noshade


• nowrap


• bgcolor


• text


• vspace


• vlink


• alink


• height (allowed on img and object)


• border (allowed on table)


• width (allowed on img, object, table, col, and colgroup)


• name (allowed in HTML 4.01 Strict, not allowed on form and img in XHTML 1.0 Strict)

Difference Between XHTML and HTML4

HTML is the Hyper Text Markup Language which is rendered by any web browser you use to visit any website or web application. Whatever programming language, whatever platform a website or web application uses, it drills down to HTML only for your browser. So HTML is the building block of the World Wide Web which has not seen much significant improvement during last 2 decades except the Extensible Hyper Text Markup Language - the XHTML.

Here are the very basic differences between HTML and XHTML -

1) All documents must be well formed and properly nested

<p>The food is <em>delicious</em></p> - Correct.
<p>The food is <em>delicious</p></em> - Wrong.

2) Elements and Attributes must be in lowercase

Top 5 Security Checks for your Website

Today just building up a website doesn’t help until you know how you can manage it. So before your website is getting into limelight, just be sure that you know how to fight hackers and spammers.

Here are the top 5 security guidelines for you to make your environment more secure and not letting it in the evil hands.

How to enable cURL support for PHP in Apache on Windows

So you want to enable cURL in your Apache Server? It is really easy and simple. But first you should check whether you have cURL already enabled on your server. Here is a very simple way to check:

Create a phpsetup.php file and put this code within it:

<? phpinfo(); ?>
Now view that phpsetup.php page from your browser and you will get all the details of your PHP setup on your server. Search for the “cURl support”. If you can’t find it then cURL support is not enabled on your system. But if you can find it and it shows “enabled” then you already have cURL enabled on your system.

SEO Tip: What is backlink and how backlink can help you

Backlinks are incoming links to a website or a web page i.e. links which are linked to that website or webpage. This is an indication of the popularity or importance of that website or that page and also helps to determine the relevancy of the page. As per the number of backlinks to a website, the value of the website for search engines is evaluated. The backlinks to a page indicates how much people are interested in that page. It also means that if your site or a page in your website has many backlinks then many webmasters or bloggers are paying attention on your website or to that particular page. Backlinks are also called as inbound links, inlinks, incoming links, and inward links.

How to Design stylish variable width Web 2.0 Tabs Menu for your Web Applications

We use to see several types of navigation around different websites. Tabs are also one of the attractive navigation styles prevailing today. Thought they are stylish and useful to users, they never take up much of your real estate. But whenever you are creating tabs, you should not create fixed-width tabs. Then you will need to assign the maximum width to all items. That is space consuming and many times becomes ugly.
Hence you should design tabs which will take space as per the menu items. Here is how you can do it easily. You can create tabs just as in this image in few minutes. First you have to get the design as you want for your tabs. Now you need to slice them out to get these following pieces which will form your tab.
Here are two sets of tabs, one for inactive tabs and another for active tabs. You can have the third one to set on mouseover condition.

How to make PhpBB Forums Search Engine Optimized (SEO)

Forums are extensively used as a platform of communication and interaction around the globe. PhpBB has been playing a very important role in developing popular boards and forums. This feature rich free software has many salient utilities which attract webmasters. PhpBB is serving the communities very much satisfactorily.

Simplest way to change images on Mouse Over through JavaScript

Many times we use to give some effects when users mouse overs an element. Sometimes we change the colors, sometimes we change sizes. Many times we also change the images on which users put their mouses on. Many times we use to change the texts in the images which is also done by changing the whole image on mouse over. Many times we see that images remain totally same on mouse over, just the color of the image is changed, which is also done by changing the whole image.

How to display html codes in your blog posts

Many times you need to show up HTML or JavaScript or PHP codes in your posts, but you don't want them to execute. You just trying to show your users how to write the code. Then you need a tip so that the codes don't get executed, but show up as it is as texts. You can do it easily through pre tags. Anything you insert within a pre tag, it is displayed as it is as texts and not executed. Here is an example of using pre tags to show html codes.

How to show a link details in status bar of the browser in JavaScript

Here is another cool trick with JavaScript. Whenever an user mouse overs a linked text or image, you use to show them a tool tip through the title text property of anchor tag. But now you can also show the details of the link in the status bar of the browser. Its very easy and light to show a short description in the browser status bar, whenever an user mouse overs the link text or image. Here is and example of using the onMouseOver and onMouseOut event handlers of JavaScript.

How to get the current time in JavaScript

JavaScript is very amazing scripting language through which you can do many funny things and can also satisfy useful tasks. Here is an very easy and useful use of JavaScript just to show you the use of a JavaScript's inbuilt function. You can easily show the current time in you website through JavaScript. JavaScript has an inbuilt function Date(), from which you can get the desired values. This is a good way to learn the Date() function. Checkout the example.