Design To Code Problem [Search Box]
1) Ok first off here is the link to my design (ignore the white spray its so it doesn't get stolen.) http://i43.tinypic.com/29qaxld.jpg
2)As you can see i have designed a search box and submit button in the upper right hand corner but i am totally unaware as to how to turn this into code. i can do the rest. the slicing, iframes and nav etc. i just need to now a step by step (the simpler the better) guide by one of the users here on how to code it. Any help what so ever will be really appreciated. Thanks in advance, Grant.
decibel.places posted this at 19:13 — 9th February 2009.
He has: 1,494 posts
Joined: Jun 2008
Hi Grant,
Welcome to TWF!
I use Firefox + Firebug and Web Developer for CSS theming
Read more on this thread
Basically you need to track down the correct CSS selectors then style them
Perhaps these Drupal sites with a themed search box will help (hint: use Web Developer/Edit CSS to see the stylesheets, use Firebug to Inspect specific elements)
http://4m.netsperience.org
http://intel.anteriorstudios.com
GrantDouglas posted this at 16:28 — 11th February 2009.
They have: 9 posts
Joined: Feb 2009
The thing is im not really that good at this and i doubt doing this would help thanks for your contribution however i was wondering if i can just get help doing this than finding out. Can i slice the input box as an html slice and put some code in ? And the same for the button?
decibel.places posted this at 17:34 — 11th February 2009.
He has: 1,494 posts
Joined: Jun 2008
Hi Grant,
I forgot to mention that it always helps to post some code here (remember to enclose it in code tags - you can use the 3rd toolbar icon from the right) or a link if the site is live
otherwise we will not know the exact code that constructs your search box, and it can vary greatly
GrantDouglas posted this at 12:43 — 12th February 2009.
They have: 9 posts
Joined: Feb 2009
I Havent written any code yet i meant would that be a possible solution ; if so how do i do that ?
decibel.places posted this at 15:06 — 12th February 2009.
He has: 1,494 posts
Joined: Jun 2008
Hi Grant,
We're jumping the gun...
First you need to create the search box.
That depends on what type of search you use. Many CMS (Drupal, WordPress etc) have built-in search. Another option would be to add Google Custom Search
Once you have added the search front-end, then you can theme it.
I previously pointed to some sites where I themed the Drupal search.
More recipes for theming search boxes
Feel free to show us your search box code once you have it so we can help you further!
GrantDouglas posted this at 15:35 — 13th February 2009.
They have: 9 posts
Joined: Feb 2009
Yeh iv tried this before . i was using the google search.. the problem isnt that i could easy integrate that but i want to use the design iv posted
decibel.places posted this at 04:10 — 14th February 2009.
He has: 1,494 posts
Joined: Jun 2008
your design looks like a pretty standard search box, you just need some css to theme the button and the text input
as I said, that depends on the actual html code you use to implement the search box
can you post the html code for the search box, or a link to a page?
if you need help adding a search box, here are some Google results
GrantDouglas posted this at 18:11 — 17th February 2009.
They have: 9 posts
Joined: Feb 2009
Oh i dont think iv made myself clear lol it seems that you think i want to make 1 like that .. i want to turn my actual jpeg design into a working search box ? if that makes it any clearer .. youv been very helpful though however
i updated the design ! http://i43.tinypic.com/2rpwxgy.jpg << Theres the new one .. its like the google powered my space one .. i would kind of like it to function in the same way but id like to use the button i designed and stuff.
i forgot
decibel.places posted this at 21:05 — 17th February 2009.
He has: 1,494 posts
Joined: Jun 2008
Grant,
That won't work because you cannot type search terms into an image
You have to create the search box with html and theme it to look like your design.
GrantDouglas posted this at 17:39 — 18th February 2009.
They have: 9 posts
Joined: Feb 2009
well can i at least use my search button as a submit button no ?
decibel.places posted this at 02:52 — 19th February 2009.
He has: 1,494 posts
Joined: Jun 2008
yes, Grant, you can theme the button with your graphic
post your code if you need help
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.