Showing posts with label CSS3. Show all posts
Showing posts with label CSS3. Show all posts

Sunday, 26 May 2013

Three Stylish Customized Blogger Contact Forms

Yesterday, I posted a couple of articles about Blogger's new contact form widgets. First, I showed you how to add this widget to your Blog's sidebar, then I showed you how to add this form to a specific page of your blog. It's time for me to share three stylish customized designs for Blogger's new contact form widget. All three designs are coded with some really simple CSS, and they look really...

Saturday, 13 April 2013

Easy Way To Create CSS Sprites

Idea of a sprite, a sprite is basically multiple graphics compiled into one image. It makes your website really fast. For example, CSS sprites compile an icon set into a single image, which saves a lot of space. For newbies, it's really hard to create CSS sprite, so here is a service which makes it easy. Even professionals use this service to save their time, since photoshop takes much time to...

Saturday, 2 March 2013

3D Flipping Menu For Blogger

Here is a pure css based menu with 3d flip concept. Menu items will flip on mouse hover. Menu is inspired from bunch of flipping menus, and is created by David Walsh. Seriously, David is one of my favorite web developers. You can download or check a demo of this menu at this link. The HTML structure consists of a list with links. The animation centers around transitions and transforms.  The...

Thursday, 28 February 2013

10 Stylish CSS Blockquotes For Blogger

Blockquote element defines "a section [within a document] that is quoted from another source". Earlier today, I spent several hours to find and create these 10 stylish blockquotes. Some are created by me and rest are from bunch of sites. Demo and download of this project is available at this link. How To Add Blockquote Styling On Your Blog: Before I post styling, you should know how to replace...

Thursday, 21 February 2013

CSS Lava Lamp Menu For Blogger

Yesterday, I found this excellent CSS menu, which bases on "Lava Lamp Menu" concept. Also, this menu is available for download or demo at this link. In September, we shared a jquey based Lava Lamp menu, which was based on jQuery. This menu is available in three different styles, you can check a demo at this link. This menu is created by Paulina Hetman from Pepsized. This menu is coded so beautiful,...

Wednesday, 23 January 2013

Stylish CSS Sprites Menu For Blogger

It's always hard to find a suitable menu for your blog. We're making that decision more hard for you by sharing another awesome menu... :p Remember, you can't change menu option, because it's an image based menu. Here we go: Go To Blogger > Template > Edit HTML > Find ]]></b:skin>. Just above ]]></b:skin> post following css: /*Menu Stars BWidgets.com */ .bwidgets-nav...

Tuesday, 18 December 2012

20 CSS3 Examples And Tutorials

So i recently created a new blog with lots of CSS3 demos and projects and to promote that i'am posting this post with twenty awesome CSS3 posts from my blog. 1. CSS ToDo List 2. Pure CSS Product Colorizer 3. CSS3 Facebook Buttons 4. Pure CSS Lightbox 5. Stylish CSS3 Progress Bars 6. CSS3 Minimalistic Navigation Menu 7. Apple Style Breadcrumb 8....

Monday, 26 November 2012

CSS3 Credit Card Form

Earlier today i found this amazing CSS3 Credit Card Form. This form has been developed purely in CSS3 and does not include any images. In this article i'am sharing one Visa style form with you but there are more credit card forms and they all can be found here. Let's get started with HTML: <section class="credit-card visa gr-visa"> <div class="logo">Visa</div> <form> <h2>Payment...

Saturday, 24 November 2012

Resizing Web Page Elements With CSS3

Just a simple trick I wanted to show you guys. You can resize web elements with the CSS3 property resize: both. For images make sure it has width and height set to 100%. Here is an example for you. First let's start with basic markup: <div class="post"> BWidgets: Visit BWidgets.com for more! <br><br> Try resizing me or my media friend below. </div> <div...

Wednesday, 14 November 2012

Gmail Logo With CSS3

So today i'am sharing a post from hongkiat.com which is about creating Gmail logo with CSS3. First of all go and create a new html document on your computer and then paste following HTML markup on it: <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Gmail Logo with CSS3</title> <style...

Monday, 12 November 2012

Stylish CSS3 Login Form

Finally we're posting another form on BWidgets and probably it's our first form since i bought a top level domain for my blog. It's CSS3 based and it contain some amazing CSS3 animations and probably IE will hate this form. Tomorrow is Diwali in India so Happy Diwali to all visitors around the world. Let's start it with basic HTML markup: <form name="login-form" class="login-form" action=""...

Popular Posts

 
Powered by Blogger.