WordPress.org

Ready to get started?Download WordPress

Forums

Change your CSS (9 posts)

  1. Mark (podz)
    Support Maven
    Posted 10 years ago #

    Seems that the thread has dropped back, so I'll plug it if that's ok
    http://www.tamba2.org.uk/graphicalcss/
    Information so you can change the CSS in the following areas;
    * The Header
    * The Post Content
    * The Menu
    * The Footer
    * Link Classes
    * The rap div & Images
    * Put the menu on the left
    * Image alignment & Drop Shadows
    * Customising the Comments page

  2. Mark (podz)
    Support Maven
    Posted 10 years ago #

    Thanks !
    I'll add that :)
    I'm actually offline due to moving house / isp change for a few days from tonight, and I'm planning on checking the tutorial all over (yay for Xampp !) and making any necessary changes.
    I'll credit you for the code - thanks again :)

  3. Anonymous
    Unregistered
    Posted 10 years ago #

    Thanx a WHOLE lot for this, it helped me a bunch
    -Heiesuke

  4. lnguyen
    Member
    Posted 10 years ago #

    is there any update on how to style the seaarch box?

  5. Anonymous
    Unregistered
    Posted 10 years ago #

    test

  6. Anonymous
    Unregistered
    Posted 10 years ago #

    About the search form, check for these sections in your css file which control form margines and the text input box:
    #menu form {
    margin: 0 0 0 13px;
    }
    #menu input {
    background: #eee;
    border: 1px solid #999;
    letter-spacing: -0.05em;
    width: 80%;
    }
    Also add these to the bottom of your css file just to test how it might look with these additional tags. It'll give you some idea how to modify the forms.
    I saw this binarybonsai.com :
    input, textarea
    {
    padding: 2px;
    font: 8pt verdana, Arial, 'Lucida Grande';
    -moz-border-radius: 6px;
    background: #eee;
    border: 1px solid #ccc;
    color: #666;
    }
    input[type="text"]
    {
    width: 200px;
    margin: 0 2px 0;
    }
    .inputcont {
    padding: 0 0 10px 0;
    }
    .textareacontrol { float: right; }
    #commentform textarea
    {
    width: 100%;
    margin: 0;
    }
    input[type="submit"]
    {
    color: white;
    background: #444;
    padding: 2px 3px;
    }
    select { font: 11px Verdana, 'Lucida Grande', 'Lucida Sans Unicode', Sans-Serif; }
    /* FOCUS & HOVER */
    input[type="text"]:hover { border-color: #999; }
    input[type="submit"]:hover
    {
    background: #a30;
    color: white;
    cursor: pointer;
    }
    input[type="text"]:focus, textarea:focus
    {
    border: 1px solid #a30;
    color: #333;
    background: white;
    -moz-border-radius: 4px;
    }
    input[type="submit"]:focus
    {
    background: #333;
    color: white;
    }
    #menu #s:focus
    {
    color: #a51;
    background: #;
    }
    -------
    M

  7. Anonymous
    Unregistered
    Posted 10 years ago #

    fdasfdasfsdfdas

  8. MaxT
    Member
    Posted 10 years ago #

    Nice contribution, afdsfdsfdasdf, keep it up!

  9. Mark (podz)
    Support Maven
    Posted 10 years ago #

    @southsea
    I've not forgotten, but in looking at doing the tutorial, and seeing where different versions of WP have the relevant code, I'm going to wait until 1.2 comes out and I can use that.
    Although it's not too hard to find, because it's messing with 'behind the scenes' php code, I'd rather write some very clear instructions that cover sourceforge releases. Right now, I'd guess that there a whole load of versions being used.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.