Announcement:

  Hello, We Changed Our Cloth, How It Is Looking? Leave Your Feedback At Our Page.
Showing posts with label Blogspot Multi Tabs. Show all posts
Showing posts with label Blogspot Multi Tabs. Show all posts

Saturday, November 23, 2013

Simple JavaScript Coded MultiTab Widget For Blog And Websites

Simple JavaScript Coded MultiTab Widget For Blog And Websites

Multitab widgets are very popular now a day. They help reduce webpage space and give a handy interface for users. Using multitab widget you can place different types of widgets or web data in a single place.

In a website multitab can be used for creating different sub-categories at a single page for example a software company uses multitab for defining system requirements, features, downloads help or any other related data of software on the main page of the software. Users, therefore, need not to go back and forth between different web pages for data collection or information viewing.

Similarly for blog different widgets like recent post, categories, top posts, blog archives and so on can be easily summed up at a single place. Multitab widgets usually used in blogs to shorten the height of the sidebars.
Read More ...

Sunday, March 31, 2013

Multi Tabs Data Container In For Website And Blogger

Multi Tabs Data Container In For Website And Blogger

A navigation or menu bar is a bar made up of tabs. Behind each of those tabs is a link-to a post page, a static page, a label page, to another website etc. Making navigation tabs is not that difficult. They are basically links with some styling added for visual appeal.links are arranged vertically, navigation tabs are usually arranged horizontally.In this tutorial we will install the bar just below the header, a typical place for navigation bar. The bar will be added as a gadget via Page Elements page. The advantage of using a gadget is that if you want to remove it later on, it can be done easily without editing the HTML.
Read More ...

Thursday, January 31, 2013

Simple And Stylish J-Query Multi-Tab Widget For Blog & Website

J-Query Multi-Tab Widget For Blog & Website

After our previous post about CSS Multi Tabs Widget, here we have the same but with jquery effect that will make it more awesome and stylish. A navigation or menu bar is a bar made up of tabs. Behind each of those tabs is a link-to a post page, a static page, a label page, to another website etc. Making navigation tabs is not that difficult. They are basically links with some styling added for visual appeal.links are arranged vertically, navigation tabs are usually arranged horizontally.In this tutorial we will install the bar just below the header, a typical place for navigation bar. The bar will be added as a gadget via Page Elements page. The advantage of using a gadget is that if you want to remove it later on, it can be done easily without editing the HTML.
Read More ...

Saturday, January 26, 2013

Multi-Tab Widget Container With CSS Only For Blog And Website.

Multi-Tab Widget Container With CSS Only For Blog And Website.

In previous article i post some article about it but with JQuery Plugin as you can read these on Simple And Stylish J-Query Multi-Tab Widget For Blog & Website And Multi Tabs Data Container In For Website And Blogger But now it's time to rock with CSS.A navigation or menu bar is a bar made up of tabs. “Behind” each of those tabs is a link -to a post page, a static page, a label page, to another website etc. Making navigation tabs is not that difficult. They are basically links with some styling added for visual appeal. While links are arranged vertically, navigation tabs are usually arranged horizontally.
Read More ...

Thursday, January 24, 2013

Show/Hide Open/Close DIV On Click Widget For Blog And Website

Show/Hide Open/Close DIV On Click Widget For Blog And Website

As i share earlier with you same type of widget but many people ask me to share the update in which the close button woll appear at different space so i am here with fulfilling there wish and add a new stylish JavaScript code here to make it clear that we will works for you. So here is the new code first see the screen shoot or the live demo and then if you like it then use it.I got messed with lot of code including JQuery but from there i learned and just make my own simple and shortest JavaScript code for Multi-division because many other coders providing only one but user want unlimited.
Read More ...

Tuesday, December 18, 2012

Stylish Open DIV On Click Widget For Blog And Website

Stylish Open DIV On Click Widget For Blog And Website

Here’s a simple tutorial on How To Open A DIV On Click. This is very simple code but here I am going to make it more awesome via including a JQuery plugin to make it's opening more awesome. Many people want this widget so that they can save there space on website or blog to show there widget on user demand because many visitor did not want everything so if some one needs any thing they just read the title and open if he desire. So without any more preface here we proceed to that widget code but before you have to view the awesome features of this widget and the demo screen shoot below.
Read More ...

Thursday, June 28, 2012

Open/Show And Close/Hide DIVs On-Click By CSS Code Only

Many time ago i am also searching for it but everywhere i got the JavaScript code to open or show and close or hide a div id. As you can also see that on my earlier post but here i am back again with the same old design but with CSS code to speed it up and make your blog time low.
Open/Show And Close/Hide DIVs On-Click By CSS Code Only

As i share earlier with you same type of widget but many people ask me to share the update in which the close button woll appear at different space so i am here with fulfilling there wish and add a new stylish JavaScript code But here is CSS only to make it clear that we will works for you. So here is the new code first see the screen shoot or the live demo and then if you like it then use it.I got messed with lot of code including JQuery/JavaScript but from there i learned and just make my own simple and shortest CSS code for Multi-division because many other coders providing only one but user want unlimited.
Now here’s a simple tutorial on HShow/Hide Open/Close DIV On Click Widget. This is very simple code and only contain CSS so it is quick ti load and works with every browsers and every system.. Many people want this widget so that they can save there space on website or blog to show there widget on user demand because many visitor did not want everything so if some one needs any thing they just read the title and open if he desire. So without any more preface here we proceed to that widget code.



Features:
1.) This DIV Will Open On Mouse Click Over The Image And Close On Other Image That Will Appear In The Corner Of DIV.
2.) You Can Add More CSS To Make You DIV Stylish And Awesome.
3.) You Can Add Unlimited DIV.
4.) You Can Open All DIV At Same Time And Also Close All At Same Time.
5.) Easy To Install And Quick To Load.
6.) You Can Add Text, HTML Code, JavaScript Code, Video, Pic And Anything .
7.) This Contain Only CSS So It Is Quick To Load.
8.) Supported Browsers (IE (All), Chrome And FireFox, Safari And Opera And All CSS Supported.)
9.) The Open And Close Image Will Change As Required.
10.) Simply Fast And Awesome.
Read More ...

Sunday, June 10, 2012

Awesome Open And Close DIV On Click Only JavaScript Code

Awesome Open DIV On Click Only JavaScript Code

I am searching for this since a long time as required by our users and i got messed with lot of code including JQuery but from there i learned and just make my own simple and shortest JavaScript code for Multi-division because many other coders providing only one but user want unlimited so here i am again with you.
Now here’s a simple tutorial on How To Open A DIV On Click. This is very simple code and only contain JavaScript so it is quick ti load and works with every browsers and every system.. Many people want this widget so that they can save there space on website or blog to show there widget on user demand because many visitor did not want everything so if some one needs any thing they just read the title and open if he desire. So without any more preface here we proceed to that widget code but before you have to view the awesome features of this widget and the demo screen shoot below.


Read More ...