SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Thread: Search

  1. #1
    SitePoint Enthusiast davidzone's Avatar
    Join Date
    Jun 2001
    Location
    Somewhere in the USA
    Posts
    35
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Search

    I have just set up a forum and I was wondering how I could make the search box smaller not in length but in height (up and down). I am trying to make it the size of the one at this site but I haven't had any success. Could somebody please explain to me what parameters I should use to do this. Thanx. I use the code recommended to me by vbulletin techs and it is I believe the same as used by sitepoint.

    ---Davidzone

  2. #2
    SitePoint Enthusiast welded's Avatar
    Join Date
    Jun 2001
    Location
    vancouver.bc.ca
    Posts
    96
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    here's how sitepoint customizes their search box:
    Code:
    <FORM NAME="form1" METHOD="post" ACTION="">
    <INPUT TYPE="text" NAME="textfield" CLASS="search" SIZE="15" MAXLENGTH="150">
    </FORM>
    and in your style sheet definition add this:

    Code:
    INPUT {
    border-color : #3F4F5F;
    color : #000000;
    background-color : #DFE5E5;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    }
    .search {
    font: 10px verdana,sans-serif,arial;
    color: "#3F4F5F" ;
    font-weight: bold;
    }
    further customizations should be easy for you to implement

    Edit:


    i should add that to change the height of the text box, just change the font size in the .search style class.

    i edited the code a bit to eliminate the horizontal scrollbars, but the effect remains the same.
    Last edited by welded; Jun 19, 2001 at 15:06.
    it's amazing what velocity can do
    when human beings are in season

  3. #3
    The Hiding One lynlimz's Avatar
    Join Date
    Jul 2000
    Location
    Singapore
    Posts
    2,103
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Just a note.
    To enable same length for both IE and NS, use the width.

    eg. width : 150px;

    specify the size in the <input> field too.
    IE will take the width and netscape will take the <input> size as the length.

    for height, chnage the font-size. don't bother about the height css1 element as it doens't work on netscape.
    "Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world."
    -- Albert Einstein

  4. #4
    SitePoint Enthusiast davidzone's Avatar
    Join Date
    Jun 2001
    Location
    Somewhere in the USA
    Posts
    35
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    thanx

    Thanx, I appreciate the help.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •