; Wordpress twitter search box designs
Documents
Resources
Learning Center
Upload
Plans & pricing Sign in
Sign Out
Your Federal Quarterly Tax Payments are due April 15th Get Help Now >>

Wordpress twitter search box designs

VIEWS: 88 PAGES: 1

In this post you will learn how to change designs for wordpress twitter search provided by twitterloo twitter search engine. All the forms are made on html language, and we will teach you how to change basic form colors to fit your wordpress blog design. This tutorial for bloggers and anyone wants to know how to integrate twitter search html into website or blog.

More Info
  • pg 1
									Wordpress twitter search box designs
In this post you will learn how to change designs for wordpress twitter search provided by twitterloo twitter search engine. All the forms are made on html language, and we will teach you how to change basic form colors to fit your wordpress blog design. This tutorial for bloggers and anyone wants to know how to integrate twitter search html into website or blog. We will start from standard form provided by twitterloo, then we will change some fonts, images and more to our twitter search form element :
Search tw i search

The standard code for this form is : <div style=”width:100%;background:#f6f6f6;border:1px solid #ccc;marginbottom:.5em;”> <form style=”padding:1em;” action=”http://www.twitterloo.info” method=”get”> <input style=”width:150px;” type=”text” name=”category” id=”search” maxlength=”150? value=”Search twitter” onclick=”this.value=”;” > <input type=”submit” value=”search” /> </form> </div> Now lets change some text field and background design, we will use yellow color, but you can use any color you want, we will show exactly where the color should be changed. The width of search input field changed, now it’s wider.
Search tw i search

The code for search box below is : We marked in bold place to change background color and width of the search field, you can use defined colors like yellow,green,black, etc or define hexadecimal value of color, #cccccc will be light gray for example. <div style=”border: 1px solid #cccccc; background: yellow none repeat scroll 0% 0%; width: 100%; margin-bottom: 0.5em;”><form style=”padding:1em;” action=”http://www.twitterloo.info” method=”get”> <input id=”search” style=”width: 88%;” onclick=”this.value=”;” maxlength=”150? name=”category” type=”text” value=”Search twitter” /> <input type=”submit” value=”search” /> </form></div> Use your imagination, you may use any color, you can define fonts and images for this html object. Another great choice is to create simple html page and to paste the code there, get your free search engine, and add great feature to your website. Good luck.


								
To top