Announcement

Collapse
No announcement yet.

Postbit Legacy UserInfo How To Center Them All?

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

  • [vB4] Postbit Legacy UserInfo How To Center Them All?

    Hi maybe someone have a better idea or hope Lynne can see this and guide me more from her code below...

    of course want to thank here you Lynne for all of this guide and tutorial for additional.css...as always the best of the best and day by day...i can learn from your tutorial....


    Code:
    /* center avatar, username, title, rank, userinfo_extra, postbit_reputation, imlinks */
    .postbitlegacy .userinfo .username_container, .postbitlegacy .userinfo .rank, .postbitlegacy .userinfo .usertitle .imlinks {text-align:center;}
    .postbitlegacy .userinfo .postuseravatar, .postbitlegacy .userinfo .postuseravatar img  {float:none; text-align:center;}
    .postbitlegacy .userinfo .usertitle {display: block; float:none; text-align:center; clear: both;}
    .postbitlegacy .userinfo .userinfo_extra {text-align:center; }
    .postbit_reputation {float:none; text-align:center;}
    .postbitlegacy .imlinks  {float:none; text-align:center;}

    through your code above i add little bit more to center some of that info on our postbit_legacy userinfo on the left side...

    but still can't figure it out how am i gonna center or push it to the middle on the same alignment those other info below our reputation image here i guess its class="userinfo_extra"


    Join Date:---Jan 2007
    Location:--- €urop€
    Posts:-------157

    that is the only problem i got now....tried all things to add and many ways but still not work or no luck at all....pls.view my attachment image below to what i want to be and to have for more info...

    thanks and best regards to all....

    Attached Files
    Last edited by princeedward; Mon 1st Mar '10, 7:44am.

  • #2
    YES! i finally figure it out....and fix my problem...

    i just add this code...

    Code:
    .postbitlegacy .userinfo .userinfo_extra dd {text-align:right;}
    to get the right side or <dd>{vb:raw post.joindate}</dd> and the others move to the right place

    now i have to ask how can i make it more nearer to the mid center? then its all perfect...

    view my latest image pls...

    thanks and best regards...

    Attached Files

    Comment


    • #3
      You'll want to change the width of that block (and also probably clear it):
      Code:
      .postbitlegacy .userinfo .userinfo_extra {
      clear:both;
      width:100px;
      
      
      }

      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 &lt;- awesome site for html/css help

      Comment


      • #4
        Originally posted by Lynne View Post
        You'll want to change the width of that block (and also probably clear it):
        Code:
        .postbitlegacy .userinfo .userinfo_extra {
        clear:both;
        width:100px;
        
        
        }
        thanks Lynne for the reply and code but it doesn't help me at all...tried to use every way but its no good...they are moving everywhere and crazy....adjust all possible px too..its also the same...hmmm...as of now the best place i said is the last one i added... they are both side to side....i dont know if there is a chance to bring them both a little bit to center...so that would be perfect...

        any idea please?

        thanks anyway and best regards...

        Comment


        • #5
          In another thread Lynne told me to change this, which I did and it worked great till I entered in this code in additional.css.

          ".postbitlegacy dl.userinfo_extra dt" changing the midwidth doesn't do anything anymore.

          Comment


          • #6
            Originally posted by princeedward View Post
            thanks Lynne for the reply and code but it doesn't help me at all...tried to use every way but its no good...they are moving everywhere and crazy....adjust all possible px too..its also the same...hmmm...as of now the best place i said is the last one i added... they are both side to side....i dont know if there is a chance to bring them both a little bit to center...so that would be perfect...

            any idea please?

            thanks anyway and best regards...

            What I posted was to be used in conjunction with the css you already posted (text-align:right). And it seems I forgot to add that you need to set float to none and margin to auto for that class also (already had that from trying something else out).
            Code:
            /* center listed userinfo in postbit_legacy */
            .postbitlegacy .userinfo .userinfo_extra dd {text-align:right;}
            .postbitlegacy .userinfo .userinfo_extra {
            clear:both;
            width:100px;
            float:none;
            margin:0 auto;
            }

            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 &lt;- awesome site for html/css help

            Comment


            • #7
              W-o-w!

              finally we or you got it...once again problem solved because of you....really great to have you always around...
              thanks a million once again Lynne...

              All The Best....More Power...And Stay Healthy...or Awake at all times...we or people always need you around.... LOL

              best regards then...

              Comment


              • #8
                I'm looking to do something very similar, so I figured I would post in here.... I have one box right aligned and it's driving me nuts. I'm not using the additional.css, just a custom style.

                Click image for larger version

Name:	VB_postbit_issue..JPG
Views:	1
Size:	15.6 KB
ID:	3678448

                I've tried editting the postbit_legacy template and postbit.css, but I cannot figure out what controls the box that contains "Thanked X Times in X posts"

                I'm sure it's right in front of my face, I just need a little help. TYIA

                Comment


                • #9
                  Since that is from a modification, you really should be asking in the modification thread about how to do that. We don't know what the code is on your page, or for that modification line, so it's hard to tell you how to do anything with it.

                  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 &lt;- awesome site for html/css help

                  Comment

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