神刀安全网

Freebie: 6 Excellent Paginations and Tabs

Danny Markov

Demo Download

In this installment of our freebie series, we’ve prepared for you a collection of 6 templates for pagination menus and tab controls. We’ve built them without relying on any frameworks, so adding your own content or customization is as easy as editing a bit of HTML and CSS.

Pagination

For paginations we’ve come up with two designs –  one standard with page numbers and next/prev buttons, and the other with next/prev buttons and a dropdown. Both of them are simple and clean, so they should look great in almost any layout.

Freebie: 6 Excellent Paginations and Tabs

Basic Pagination Template

Tabs

Here we give you the option to choose between four different designs. We know that creating working tabs from scratch can be a bit tedious, so we’ve also included a short jQuery snippet in them to enable switching between the tab pages.

Freebie: 6 Excellent Paginations and Tabs

Underlined Tabs Template

How to use

To use any of the templates from the demo, follow these steps:

  1. Grab the zip archive from the Download button near the top of the page and extract it.
  2. Open the .html file for the template you want, copy the code inside the <body>  and paste it in your project.
  3. The styles are located in separate CSS files for each design. You can find them in the /assets/css  folder. We’ve made sure our CSS is self contained and won’t break anything in your own styles.
  4. Replace our placeholder content with your own and add more buttons/tabs if you need to.

Free for Commercial Use

All of the templates are completely free and can be used in both personal and commercial projects. Don’t worry, you don’t have to include any form of attribution either! Enjoy :)

Presenting Bootstrap Studio

a revolutionary tool that developers and designers use to createbeautiful interfaces using the Bootstrap Framework.

Freebie: 6 Excellent Paginations and Tabs Freebie: 6 Excellent Paginations and Tabs Freebie: 6 Excellent Paginations and Tabs

转载本站任何文章请注明:转载至神刀安全网,谢谢神刀安全网 » Freebie: 6 Excellent Paginations and Tabs

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
分享按钮