Contact form 7 nice css3 styles

If you are using wordpress and for contact form Contact us 7 plugins then you can use below css3 codes to make that contact form 7 css looks nicer then default one!

/*Contact Form 7 CSS Support*/
span.wpcf7-not-valid-tip{display: none !important; }
div.wpcf7 .wpcf7-not-valid{ border: 1px solid #F00; margin: 0; }
div.wpcf7-validation-errors{ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */ box-sizing: border-box;         /* Opera/IE 8+ */ margin: 0; padding: 10px; color: #c4690e; background: #fffdf3; text-align: center; border: 1px solid #e6bf4a; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 12px;}
div.wpcf7 .wpcf7-not-valid { box-shadow: 0 0 6px rgba(255,0,0,0.4); } 
.your-message textarea{ width:100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */ box-sizing: border-box;         /* Opera/IE 8+ */ }
div.wpcf7-mail-sent-ok {  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */ box-sizing: border-box;         /* Opera/IE 8+ */ margin: 0; color: #5f9025; background: #ebf6e0; border: 1px solid #b3dc82; padding: 10px; text-align: center;  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 12px; }
div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked {  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */ box-sizing: border-box;         /* Opera/IE 8+ */ margin: 0; padding: 10px; background: #ffe9e9; color: #d04544; border: 1px solid #e7a9a9; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 12px; text-align: center;}
.wpcf7-form-control-wrap input[type=email]:focus, .wpcf7-form-control-wrap input[type=text]:focus, .wpcf7-form-control-wrap input[type=text]:focus, .wpcf7-form-control-wrap textarea:focus{ border:1px solid #CCC; box-shadow:none; border-color: rgba(82, 168, 236, 0.8); outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
            -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
                box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
.wpcf7-form-control-wrap input[type=email]:focus, .wpcf7-form-control-wrap input[type=text]:focus, .wpcf7-form-control-wrap textarea:focus,.wpcf7-not-valid, div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked { transition : border 1000ms ease-out;  -webkit-transition : border 1000ms ease-out;  -moz-transition : border 1000ms ease-out; -o-transition : border 1000ms ease-out; }

Unique Page Sidebars Is not working

While working on wordpress to develop any website you may need to create dynamic sidebar for different pages, custom post type. You can use Unique Page Sidebar wordpress plugins from wordpress plugins repository for free.

It works for perfectly on default wordpress single page also on different archive pages.
For custom post type if you are using this plugins like you created a custom post type page template with custom query you need to make sure that you reset your query at the end of post looping.

If some how Unique Page Sidebars is not working on your custom post type template page then you need to make sure that you used wordpress reset query like below.


dd simple photo gallery version 1.1 has been released

Finally the dd simple photo gallery version 1.1 has been released. I tried to make it more easy to use that’s why I have removed the timthumb image resizing on the fly which required some server manual settings.

dd simple photo gallery version 1.1 features:

1. added around 40 different effects on photo sliding
2. above 15 settings you can choose when the plugins call
3. timthumb on the fly photo resize has been removed
4. support for multiple photo gallery on a single page or post

the complete list of different effect and settings is not configurable on gallery settings page yet, very soon it will be added on gallery settings page.

for more discussion please visit http://www.dropndot.com/blog/development/ddspg-version-1-1-has-been-released/

thanks

dd simple photo gallery wordpress plugin

It is to introduce my recently developed wordpress simple photo gallery plugins. If you are maintaining a wordpress enabled website, If you are searching for a photo gallery which is simple to use, simple to modify to developer and simple in looks then you are quitely invited to use this “dd simple photo gallery”.
From the begining of the release version 1.0 of this wordpress plugins I got a lot of thanks giving email and bug report. Some of discussion already available on this plugins home page http://www.dropndot.com/blog/wordpress/dd-simple-photo-gallery-wordpress-plugin/

You can download it from wordpess extension directory here http://wordpress.org/extend/plugins/dd-simple-photo-gallery/ to know more about this you can review the discussion on http://www.dropndot.com/blog/wordpress/dd-simple-photo-gallery-wordpress-plugin/
Read More