WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Need a Search Bar next to logo

View previous topic View next topic Go down  Message [Page 1 of 1]

1 Need a Search Bar next to logo on Sun Feb 13, 2011 3:36 pm

Emilio


Registered Member
Registered Member
Hello , I want to place a search bar next to my logo...
What' the Html for it? And the css + adding background image

here' the image

http://www.graphilicious.forumotion.Com

2 Re: Need a Search Bar next to logo on Sun Feb 13, 2011 4:29 pm

frost00777


Registered Member
Registered Member
what forum version is yours?

http://lordslegends.forumotion.net/

3 Re: Need a Search Bar next to logo on Sun Feb 13, 2011 4:55 pm

Emilio


Registered Member
Registered Member
PUNBB

http://www.graphilicious.forumotion.Com

4 Re: Need a Search Bar next to logo on Sun Feb 13, 2011 5:05 pm

frost00777


Registered Member
Registered Member
um, i'll try and help, since my forums dont even have a search bar, so i don't have an example in front of me, to edit.
if you provide me with an example, it would be great, till then i'll try and sort it out myself.

http://lordslegends.forumotion.net/

5 Re: Need a Search Bar next to logo on Sun Feb 13, 2011 5:17 pm

Emilio


Registered Member
Registered Member
Huuh? Wht example?

http://www.graphilicious.forumotion.Com

6 Re: Need a Search Bar next to logo on Sun Feb 13, 2011 5:22 pm

frost00777


Registered Member
Registered Member
nevermind, since your forums dont have a search bar either.

http://lordslegends.forumotion.net/

7 Re: Need a Search Bar next to logo on Sun Feb 13, 2011 5:27 pm

Emilio


Registered Member
Registered Member
Well i'm asking the code for it Smile

http://www.graphilicious.forumotion.Com

8 Re: Need a Search Bar next to logo on Sun Feb 13, 2011 5:44 pm

frost00777


Registered Member
Registered Member
ah okay, well i got the code, but i havnt fit the backgound image to it

http://lordslegends.forumotion.net/

9 Re: Need a Search Bar next to logo on Sun Feb 13, 2011 5:56 pm

Emilio


Registered Member
Registered Member
Well share me the code , i'll try to stick it up together

http://www.graphilicious.forumotion.Com

10 Re: Need a Search Bar next to logo on Sun Feb 13, 2011 6:55 pm

RockerMan


WebArtz Technician
WebArtz Technician
HTML:
Code:
<form method="get" action="/search.forum?mode=searchbox&amp;show_results=topics" class="qsearch"><input type="text"> <input type="submit" value="Search"></form>


CSS:
Code:

.qsearch {
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radiusL 4px;
   background: url('magnifier.png') no-repeat #373737;
   border: none;
   padding: 3px;
  }


Hope this helps Smile

http://www.graphics-post.com/

11 Re: Need a Search Bar next to logo on Sun Feb 13, 2011 7:03 pm

Emilio


Registered Member
Registered Member
Hello Rockerman thanks for the reply
but i only need a transparant text field on the image i gaved.

http://www.graphilicious.forumotion.Com

12 Re: Need a Search Bar next to logo on Sun Feb 13, 2011 7:24 pm

RockerMan


WebArtz Technician
WebArtz Technician
I don't understand what you mean

http://www.graphics-post.com/

13 Re: Need a Search Bar next to logo on Sun Feb 13, 2011 7:27 pm

Emilio


Registered Member
Registered Member
Never mind found it out on my own

http://www.graphilicious.forumotion.Com

14 Re: Need a Search Bar next to logo on Sun Feb 13, 2011 10:29 pm

frost00777


Registered Member
Registered Member
I think you can edit this one, so that you can get that image in.
Fully working, code:
Code:
<div class="main-content"><form action="/search.forum" method="get"><input type="text" class="inputbox medium" name="search_keywords" size="24"> <input type="submit" class="button1" value="Go"><br><label for="interne"><input id="interne" type="radio" name="typerecherche" value="interne" checked="checked"> Inside</label> <label for="google"><input id="google" type="radio" name="typerecherche" value="google"> <b><font color="#0039b6">G</font><font color="#c41200">o</font><font color="#f3c518">o</font><font color="#0039b6">g</font><font color="#30a72f">l</font><font color="#c41200">e</font></b></label><br><br><p>Display results as :<br><label for="rposts"><input id="rposts" type="radio" name="show_results" value="posts"> Posts</label> <label for="rtopics"><input id="rtopics" type="radio" name="show_results" value="topics" checked="checked"> Topics</label></p><hr><p class="center"><a href="/search.forum"><img src="http://illiweb.com/fa/empty.gif" width="12" height="13" alt="Rechercher"> Advanced Search</a></p></form></div>

http://lordslegends.forumotion.net/

15 Re: Need a Search Bar next to logo on Sun Feb 13, 2011 10:50 pm

Emilio


Registered Member
Registered Member
I've it already

http://www.graphilicious.forumotion.Com

16 Re: Need a Search Bar next to logo on Fri Feb 18, 2011 7:20 pm

Jophy


Registered Member
Registered Member
Solved => Locked

http://www.socialtechforum.com/

View previous topic View next topic Back to top  Message [Page 1 of 1]

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Need a Search Bar next to logo

Permissions in this forum:
You cannot reply to topics in this forum