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...
Home Posts filed under CSS3
Showing posts with label CSS3. Show all posts
Showing posts with label CSS3. Show all posts
Sunday, 26 May 2013
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=""...
Subscribe to:
Posts (Atom)
Popular Posts
-
Just a quick news before I start the stuff. Google Code has suspended my code account & all repositories I hosted there, so all my c...
-
Earlier this week, I wrote about installing CFW on your PSP to do some extra-ordinary PSP stuff. Playing ISO and CSO games in one of it. ...
-
Many PSP gamers wants to capture screenshots of their PSP games to share them with their friends and on tutorials. Even the above picture...
-
BWidgets is a blogsite about blogging, but why we're sharing PSP tutorials here? The answer is very simple. I recently bought a PSP 1...
-
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 i...
-
Blogging world is getting large everyday as so many peoples are creating blogs and it's hard for all of them to capture their targets...
-
By default, WordPress only allows us to login to WordPress powered sites only with our username. But most of us prefer to enter our email ...
-
In this tutorial, I'm going to show how you can easily hide login errors in WordPress. It's a great way to protect from WordPress ...
-
Hi guys! I haven't published anything on this blog for at least an year now. All the posts that you see here are guest posts, and not by...
-
As of 16 February 2011, there were 156,000,000 blogs on the internet. One new blog is created every second and millions of active. Until ...