Discover Habbo's history
Treat yourself with a Secret Santa gift.... of a random Wiki page for you to start exploring Habbo's history!
Happy holidays!
Celebrate with us at Habbox on the hotel, on our Forum and right here!
Join Habbox!
One of us! One of us! Click here to see the roles you could take as part of the Habbox community!


Results 1 to 10 of 10
  1. #1
    Join Date
    Jan 2008
    Posts
    3,711
    Tokens
    100

    Latest Awards:

    Default Forms » How do i make the boxes look good?

    Hey,
    I wonder how I can make the boxes look nicer on a form, like an image i would create, and use it for a form.
    Better than those ugly normal boxes.

    Moved by Invent (Forum Moderator) from Designing & Development: Please post in the correct forum next time, thanks .
    Last edited by Invent; 28-07-2008 at 06:44 PM.

  2. #2
    Join Date
    Aug 2006
    Location
    Manchester, UK
    Posts
    2,016
    Tokens
    141
    Habbo
    florx

    Latest Awards:


  3. #3
    Join Date
    Jul 2008
    Posts
    119
    Tokens
    0

    Default

    say you have <input type="text"> you could add css to it to change the background image <input type="text" style="background: url('imagehere'); width: imagewidth px; height: imageheight px; border: 0px;">
    Signature Removed by Jamesy (Forum Super Moderator): Referal

  4. #4
    Join Date
    Apr 2008
    Location
    Derby
    Posts
    4,668
    Tokens
    262

    Latest Awards:

    Default

    Which Forum Software are you using? vBulletin? phpBB?
    Back for a while

  5. #5
    Join Date
    Jun 2008
    Location
    United Kingdom
    Posts
    2,015
    Tokens
    568

    Latest Awards:

    Default

    Quote Originally Posted by KnownSinner View Post
    Which Forum Software are you using? vBulletin? phpBB?
    Nobody said anything about forums.

  6. #6
    Join Date
    Jul 2008
    Location
    Hastings, UK.
    Posts
    2,050
    Tokens
    0

    Latest Awards:

    Default

    Quote Originally Posted by Trinity View Post
    Nobody said anything about forums.
    Meti just got a vBulletin, so it was probably a typo.

  7. #7
    Join Date
    Jun 2008
    Location
    United Kingdom
    Posts
    2,015
    Tokens
    568

    Latest Awards:

    Default

    Quote Originally Posted by Calon View Post
    Meti just got a vBulletin, so it was probably a typo.
    I don't understand what you're on about.
    Maybe he misread the title 'Forms' -- 'Forums'.

  8. #8
    Join Date
    Jan 2008
    Posts
    3,711
    Tokens
    100

    Latest Awards:

    Default

    I haven't said anything about forums? :S

  9. #9
    Join Date
    Aug 2005
    Location
    Newcastle
    Posts
    1,417
    Tokens
    0

    Latest Awards:

    Default

    Hey Meti,

    In your css, you should make a class. A class is defined using a period (.) at the start. e.g.
    Code:
    <style>
    /* CSS *\
    .fields {
    }
    </style>
    In your input box, include the code " class="fields" ". This will relate your HTML to your CSS. Have a play around with the css. A simple css code for a field:

    Code:
    <style>
    /* CSS *\
    .fields {
           background-color: #dddddd;
           border: 2px #ad1f41 solid;
           font-family: Tahoma, Verdana;
           font-size: 11px;
           font-weight: bold;
           color: #757575;
    }
    </style>
    Have a play around with it. Hope this helped.



  10. #10
    Join Date
    Mar 2005
    Location
    Leeds
    Posts
    3,423
    Tokens
    0

    Latest Awards:

    Default

    You can also edit the CSS by changing the CSS of input

    eg:

    HTML Code:
    input{
    border: 1px solid #FFFFFF;
    background: #000000;
    }
    so on...

    If you are wanting to style each form differently, or have multiple form styles then you would use craiggs method!

Posting Permissions

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