TextArea Tricks in Blogger CSS

Programming Language

TextArea Tricks in Blogger CSS

AJITH KP   September 27, 2012

Brothers did you like this CSS Animated TextArea ?

Hello This is an Animated Textarea scripted by Ajith Kp and Ajmal if you like this give your repudations and Critisism

Guyzzz How to add this like textarea in your blogger based blog?
From Template  Select Edit HTML and Proceed to edit.
Just copy the whole code

.adv-textarea { background: #fff; border: 1px solid #00FFFF; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; background-color:black; color:#32CD32; font-size: 13px; line-height: 18px; min-width: 300px; width: 60%; height: 100px; padding: 10px; margin: 0; outline: none; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 1px 1px 2px 2px #00FFFF; box-shadow: 1px 1px 2px 2px #00FFFF; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .adv-textarea:hover { background: #fff; border: 1px solid #00FFFF; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 13px; line-height: 18px; min-width: 300px; width: 60%; height: 100px; padding: 10px; margin: 0; outline: none; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; background-color:#252424; color:red; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 1px 1px 2px 2px #00FFFF; box-shadow: 1px 1px 2px 2px #00FFFF; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }

and paste just above  "]]></b:skin>" and save the template [Search "></b:skin>" by Ctrl+F.]

Then while posting textarea content select HTML and add textarea like this,

<textarea class="adv-textarea">

Textarea Content

</textarea>

Hope You understand this... Don't forget to comment here...

Flower Falling Effect

HTML

Flower Falling Effect

Ajith KP   June 03, 2012

Did You Like this html page? Did you like flower falling effect? Make your defaced pages beautiful. like this. Here Source code of this html page: flower falling effect [HTML]