Need to Center - Post Icons Legend & Title Field

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Joseph777
    Senior Member
    • Sep 2004
    • 631
    • 3.0.3

    Need to Center - Post Icons Legend & Title Field

    How do I center the "post icons legend" and the "title field" in all instances that it occurs? ... such as new thread and edit thread?


    {on my forums, it does not appear on replies as it has been removed}


    See attached screenshot for details
    Attached Files
    Last edited by Joseph777; Sun 2 Jan '05, 8:01am.
  • Joseph777
    Senior Member
    • Sep 2004
    • 631
    • 3.0.3

    #2
    bump...

    Comment

    • SVTBlackLight01
      Senior Member
      • Jan 2003
      • 135

      #3
      My icons are on the bottom, but you should just be able to wrap some <center> tags around $posticons in both templates and change

      Code:
      <!-- subject field -->
      <table cellpadding="0" cellspacing="0" border="0" class="fieldset">
      to
      Code:
      <!-- subject field -->
      <table cellpadding="0" cellspacing="0" border="0" class="fieldset" align="center">
      Last edited by SVTBlackLight01; Mon 3 Jan '05, 3:31pm.
      MODern ENGINEuity
      Modular Powered Community

      Automotive Books, Movies, Games and More!

      Comment

      • Joseph777
        Senior Member
        • Sep 2004
        • 631
        • 3.0.3

        #4
        Could you be more specific about exactly where to add the center tags?

        And what do center tags look like? This : <C> and </C>?

        And I don't see any difference in the two sections of code you have posted?

        Comment

        • SVTBlackLight01
          Senior Member
          • Jan 2003
          • 135

          #5
          My bad. I edited the code in the above post.

          To center the post icons, in the newthread and editpost templates find
          Code:
          $posticons
          and replace with
          Code:
          <center>$posticons</center>
          MODern ENGINEuity
          Modular Powered Community

          Automotive Books, Movies, Games and More!

          Comment

          • Joseph777
            Senior Member
            • Sep 2004
            • 631
            • 3.0.3

            #6
            Thanks. It is kind of working.

            The post icons and the subject field are both centering. However, they are still staying towards the left of the newpost and editpost views. Like there is some other invisible column that I need to remove or integrate.

            Arrrrrrgggggghhhhhh!!!!
            Last edited by Joseph777; Mon 3 Jan '05, 3:50pm.

            Comment

            • SVTBlackLight01
              Senior Member
              • Jan 2003
              • 135

              #7
              Since it's a custom skin, could you post the first part of one of the templates up to where you made the edits?
              MODern ENGINEuity
              Modular Powered Community

              Automotive Books, Movies, Games and More!

              Comment

              • Joseph777
                Senior Member
                • Sep 2004
                • 631
                • 3.0.3

                #8
                Originally posted by SVTBlackLight01
                Since it's a custom skin, could you post the first part of one of the templates up to where you made the edits?
                Sure:

                Code:
                $stylevar[htmldoctype]
                <html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
                <head>
                <title>$vboptions[bbtitle] - $vbphrase[post_new_thread]</title>
                $headinclude
                </head>
                <body$onload>
                $header
                $navbar
                <form action="newthread.php" method="post" name="vbform"<if condition="!is_browser('webtv')"> onsubmit="return validatePost(this, this.subject.value, $vboptions[postminchars], $vboptions[postmaxchars]);" onreset="vB_RESET(this);"</if>>
                $postpreview
                <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
                <tr>
                <td class="tcat">
                <span class="smallfont" style="float:$stylevar[right]"><strong>$vbphrase[forum]</strong>: <a href="forumdisplay.php?$session[sessionurl]f=$foruminfo[forumid]">$foruminfo[title]</a></span>
                $vbphrase[post_new_thread]
                </td>
                </tr>
                <tr>
                <td class="panelsurround" align="center">
                <div class="panel">
                <div style="width:$stylevar[formwidth]" align="$stylevar[left]">
                 
                $usernamecode 
                				[color=red]<center>[/color]$posticons[color=red]</center>[/color]
                				<br>
                <!-- subject field -->
                <table cellpadding="0" cellspacing="0" border="0" class="fieldset" [color=red]align="center"[/color]>
                Yesterday, I edited the phrase "Logged in as X" that usually appears to the right of that area to "nbsp" in phrase manager to make it disappear. When I did that, the post icons box crept over to the right a little more. It is like there is some blank column that needs to be removed.???

                BTW, thanks for all the help.

                Comment

                • frage
                  Member
                  • Nov 2004
                  • 39
                  • 3.0.6

                  #9
                  <div style="width:$stylevar[formwidth]" align="$stylevar[left]">

                  $usernamecode
                  <center>$posticons</center>
                  <br>
                  <!-- subject field -->
                  <table cellpadding="0" cellspacing="0" border="0" class="fieldset" align="center">


                  +++++++++++++++++++++++++++++++++++++++++++++++++

                  try to use this code:

                  <div style="width:$stylevar[formwidth]" align="$stylevar[left]">

                  $usernamecode
                  </div>
                  <div align="center">
                  $posticons</div>
                  <!-- subject field -->
                  <table cellpadding="0" cellspacing="0" border="0......



                  frage
                  Last edited by frage; Mon 3 Jan '05, 4:16pm.

                  Comment

                  • Joseph777
                    Senior Member
                    • Sep 2004
                    • 631
                    • 3.0.3

                    #10
                    Originally posted by frage
                    please use

                    <div align="center"> $posticons</div>
                    because vbulletin is valid html
                    thanks
                    frage
                    Why? I'm cornfused? Is the way posted above incorrect or problematic in some way?

                    Comment

                    • frage
                      Member
                      • Nov 2004
                      • 39
                      • 3.0.6

                      #11
                      Originally posted by mechanical mind
                      Why? I'm cornfused? Is the way posted above incorrect or problematic in some way?
                      it isn't correct to use <center> in xhtml

                      in html it is correct
                      but
                      I have edited my post ,....
                      because I've seen your code too late

                      try to use it...

                      good night
                      frage

                      Comment

                      • Joseph777
                        Senior Member
                        • Sep 2004
                        • 631
                        • 3.0.3

                        #12
                        Originally posted by frage
                        it isn't correct to use <center> in xhtml
                        ok

                        Originally posted by frage
                        in html it is correct
                        ok (which it?)

                        Originally posted by frage
                        but
                        I have edited my post ,....
                        because I've seen your code too late
                        what did you edit? and why? what was too late?

                        Originally posted by frage
                        try to use it...
                        which it?

                        Originally posted by frage
                        good night
                        frage
                        good night

                        Comment

                        • SVTBlackLight01
                          Senior Member
                          • Jan 2003
                          • 135

                          #13
                          OK. This should have the effect you're looking for. Using the templates with the previous edits still in place

                          Find
                          Code:
                          <div style="width:$stylevar[formwidth]" align="$stylevar[left]">
                           
                          $usernamecode 
                          				<center>$posticons</center>
                          				<br>
                          abd replace with
                          Code:
                          <div align="$stylevar[left]">
                           
                          $usernamecode
                          <br />
                          $posticons
                          <br />
                          This should also work with the original $usernamecode phrase.
                          Last edited by SVTBlackLight01; Mon 3 Jan '05, 5:45pm.
                          MODern ENGINEuity
                          Modular Powered Community

                          Automotive Books, Movies, Games and More!

                          Comment

                          • Joseph777
                            Senior Member
                            • Sep 2004
                            • 631
                            • 3.0.3

                            #14
                            Originally posted by SVTBlackLight01
                            OK. This should have the effect you're looking for. Using the templates with the previous edits still in place...
                            Thanks SVT. That worked. It centered both the post icons legend and the title line.

                            The only thing I would like to do is make the post icons legend narrower, so that it doesn't go across the entire screen? A way to make it say half that width?

                            So that it is about the size of the title line...

                            Comment

                            • SVTBlackLight01
                              Senior Member
                              • Jan 2003
                              • 135

                              #15
                              Your welcome.

                              If the post icon legend is narrowed it will have to be centered separately, and frage did have a good point.

                              So replace
                              Code:
                              $posticons
                              with
                              Code:
                              <div align="center">$posticons</div>
                              Then in the posticons template just before
                              Code:
                              <fieldset class="fieldset" style="margin:10px 0px 0px 0px">
                              add
                              Code:
                              <div style="width:50%">
                              and at the end just after
                              Code:
                              </fieldset>
                              add the closing
                              Code:
                              </div>
                              adjust the width to get the look you want.
                              MODern ENGINEuity
                              Modular Powered Community

                              Automotive Books, Movies, Games and More!

                              Comment

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