border around postbit

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • hollyboy
    Senior Member
    • Mar 2004
    • 777

    border around postbit

    Hi,

    How do I add a border to the postbit like in the screen below?
    See the red border...

  • Jose Amaral Rego
    Senior Member
    • Feb 2005
    • 11058
    • 1.1.x

    #2
    Check out Quick Tips & Customization forum and look for LEAD_WEIGHT

    Comment

    • hollyboy
      Senior Member
      • Mar 2004
      • 777

      #3
      Originally posted by LEAD_WEIGHT
      Check out Quick Tips & Customization forum and look for LEAD_WEIGHT
      here http://www.vbulletin.com/forum/forumdisplay.php?f=107
      I dont find anything

      Comment

      • Jose Amaral Rego
        Senior Member
        • Feb 2005
        • 11058
        • 1.1.x

        #4
        It is the first two post? How did you miss that???

        Comment

        • Jose Amaral Rego
          Senior Member
          • Feb 2005
          • 11058
          • 1.1.x

          #5
          I made mine just like it.

          Comment

          • hollyboy
            Senior Member
            • Mar 2004
            • 777

            #6
            Originally posted by LEAD_WEIGHT
            It is the first two post? How did you miss that???
            I allready use your customization for profile fileds (I love them)
            U can see them in action here: http://www.interfans.org/forum/showt...=32238&page=80

            What I am looking now is how to add a border around the postbit, see the red lines in the following image: http://img368.imageshack.us/my.php?image=screen7yf.jpg

            Comment

            • Jose Amaral Rego
              Senior Member
              • Feb 2005
              • 11058
              • 1.1.x

              #7
              This might add it all around the inside, but I believe it has that in this link.



              Check out simular threads below.
              Last edited by Jose Amaral Rego; Fri 18 Nov '05, 2:58am.

              Comment

              • hollyboy
                Senior Member
                • Mar 2004
                • 777

                #8
                Originally posted by LEAD_WEIGHT
                This might add it all around the inside, but I believe it has that in this link.

                http://www.vbulletin.com/forum/showt...=160069&page=2
                allready tried and it adds the border to every cells in the table

                Comment

                • hollyboy
                  Senior Member
                  • Mar 2004
                  • 777

                  #9
                  anyone have a clue?

                  Comment

                  • BigTrucK72
                    Senior Member
                    • Oct 2005
                    • 117
                    • 3.5.x

                    #10
                    Pop a div around the postbit table and give it some color.

                    <div style="border: 1px solid red;">

                    (postbit table goes here)

                    </div>

                    Comment

                    • hollyboy
                      Senior Member
                      • Mar 2004
                      • 777

                      #11
                      Originally posted by BigTrucK72
                      Pop a div around the postbit table and give it some color.

                      <div style="border: 1px solid red;">

                      (postbit table goes here)

                      </div>
                      ok...


                      With Ie I have no problem...
                      With Firefox I dont get the right-border why?

                      Comment

                      • ChrisLM2001
                        Senior Member
                        • May 2003
                        • 1451
                        • 3.6.x

                        #12
                        That red border you wish to have is called the "tborder".

                        Away around it is to copy the settings for tborder (in the CSS manager), and copy them into the box way at the bottom of the CSS manager (for custom CSS), and make it into a class (just follow the examples listed for how to do it -- like this .tborder2 { border:1px solid #ff0000; padding:Xpx; }).

                        Then where you see where "tborder" is called in the postbit where you want to add the color, substitute it with your own class (call it something like ".tbred"; or ".pbborder" as it's easier to remember). That way you'll get the same spacing as before, but just change the border color for the postbit template.

                        "tborder" is hardcoded in the templates so to get the right placement you'll need to copy the exact settings, then change the border color -- or it will get out of joint.

                        Chris
                        "Anyone who conducts an argument by appealing to Authority
                        is not using his intelligence, he is just using his memory."
                        ~~~
                        Leonardo da Vinci

                        Comment

                        • hollyboy
                          Senior Member
                          • Mar 2004
                          • 777

                          #13
                          Originally posted by ChrisLM2001
                          That red border you wish to have is called the "tborder".

                          Away around it is to copy the settings for tborder (in the CSS manager), and copy them into the box way at the bottom of the CSS manager (for custom CSS), and make it into a class (just follow the examples listed for how to do it -- like this .tborder2 { border:1px solid #ff0000; padding:Xpx; }).

                          Then where you see where "tborder" is called in the postbit where you want to add the color, substitute it with your own class (call it something like ".tbred"; or ".pbborder" as it's easier to remember). That way you'll get the same spacing as before, but just change the border color for the postbit template.

                          "tborder" is hardcoded in the templates so to get the right placement you'll need to copy the exact settings, then change the border color -- or it will get out of joint.

                          Chris
                          I made as u said...but it happens the same as for post n.11 of this thread.

                          Look please:



                          ....border is added ok except on the right. Strange....

                          Comment

                          • ChrisLM2001
                            Senior Member
                            • May 2003
                            • 1451
                            • 3.6.x

                            #14
                            The other divs are overlapping (notorious bug between browsers). You'll notice the tborder's border-top and border-bottom is right at the edge, but cut off by 1pixel. This is due to how FF handles the other div's.

                            IE is very forgiving and much easier to design with and for. FF puts you into standards mode and hair pulling.

                            What are your new tborder CSS? And where in the postbit are you placing it?

                            If I can get into my server I'll give it a looksee.

                            Chris
                            "Anyone who conducts an argument by appealing to Authority
                            is not using his intelligence, he is just using his memory."
                            ~~~
                            Leonardo da Vinci

                            Comment

                            • hollyboy
                              Senior Member
                              • Mar 2004
                              • 777

                              #15
                              Originally posted by ChrisLM2001

                              What are your new tborder CSS? And where in the postbit are you placing it?


                              the one u said:

                              { border:1px solid #ff0000; padding:Xpx; }

                              Comment

                              widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
                              Working...
                              😀
                              😂
                              🥰
                              😘
                              🤢
                              😎
                              😞
                              😡
                              👍
                              👎