Announcement

Collapse
No announcement yet.

Styling Question

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • [Forum] Styling Question

    I would like to change the look of the VB login forms, as well as the LOGIN button... where would I find the code to do this?
    http://www.audioneeds.com - an online community for musicians, audio engineers, producers, an audio geeks alike.

  • #2
    How exactly do you wish to change them?

    Please don't PM or VM me for support - I only help out in the threads.
    vBulletin Manual & vBulletin 4.0 Code Documentation (API)
    Want help modifying your vbulletin forum? Head on over to vbulletin.org
    If I post CSS and you don't know where it goes, throw it into the additional.css template.

    W3Schools <- awesome site for html/css help

    Comment


    • #3
      http://www.audioneeds.com/forums/forum.php?styleid=10 -

      1. The alignment is messed up - Notice the way the "remember me" checkbox is at the bottom?

      2. I would like to make the boxes slightly bigger

      3. I would like to replace the "Login" Button with an image.
      http://www.audioneeds.com - an online community for musicians, audio engineers, producers, an audio geeks alike.

      Comment


      • #4
        1. Where do you want the Remember Me box to be? An image of what you want would be helpful. You could probably just use CSS to move it where you want, but it depends where you want it.

        2. The boxes.... what boxes? The login boxes? Maybe?:
        Code:
        .toplinks form input{font-size: 14px}
        3. I think you will need to edit the header template to do that.

        Please don't PM or VM me for support - I only help out in the threads.
        vBulletin Manual & vBulletin 4.0 Code Documentation (API)
        Want help modifying your vbulletin forum? Head on over to vbulletin.org
        If I post CSS and you don't know where it goes, throw it into the additional.css template.

        W3Schools <- awesome site for html/css help

        Comment


        • #5
          Click image for larger version

Name:	an-sample.jpg
Views:	1
Size:	25.4 KB
ID:	3686017

          I've attached a screen shot of an idea of the layout. Afterwards, I would like to customize the look of the input boxes... the width and height for example... and the button to submit the information that says "Login" - I'd like to perhaps replace that with an image... same functions, just an image instead of the boring grey box.
          http://www.audioneeds.com - an online community for musicians, audio engineers, producers, an audio geeks alike.

          Comment


          • #6
            You can probably move the Remember Me block up with something like:
            HTML Code:
            .toplinks .logindetails, .toplinks .logindetails {display: inline-block;}
            Then edit margins/padding to how you want.

            Please don't PM or VM me for support - I only help out in the threads.
            vBulletin Manual & vBulletin 4.0 Code Documentation (API)
            Want help modifying your vbulletin forum? Head on over to vbulletin.org
            If I post CSS and you don't know where it goes, throw it into the additional.css template.

            W3Schools <- awesome site for html/css help

            Comment

            widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
            Working...
            X