Announcement

Collapse
No announcement yet.

How to: Use a background image in table cells

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

  • How to: Use a background image in table cells

    If I wanted to modify my templates to use a background image in the td instead of a color, how many templates would I need to modify?

    A lot?

  • #2
    Which color option do you want to change? (I mean the replacement variable one) Paste it here, but put an extra space so it isn't parsed (like this: { pagebgcolor})

    Comment


    • #3
      Actually, you don't need to edit any templates at all.

      Suppose you want to make {firstaltcolor} be light blue with an image background - normally you would enter this as your entry for {firstaltcolor}: #6666FF

      Therefore, this:
      Code:
      <td bgcolor="{firstaltcolor}">
      would be replaced by
      Code:
      <td bgcolor="#6666FF">
      However, if you want an image, you can trick the system like this:

      #6666FF" background="myimages/myimage.gif

      Note the careful arrangement of quotes.

      Therefore, this:
      Code:
      <td bgcolor="{firstaltcolor}">
      would be replaced by
      Code:
      <td bgcolor="#6666FF" background="myimages/myimage.gif">
      Last edited by Kier; Thu 26 Jul '01, 4:21pm.

      Comment


      • #4
        Thanks, Kier!

        Works great!

        If you want to see this in action click here

        Comment


        • #5
          pretty freakin cool!!!

          Comment


          • #6
            that's a neat trick

            Comment


            • #7
              Hey Sifuhall!

              Your board looks great! Is the image you are using a gradient image? Or is it a combo of a background color and a gif image with a transparent background? Plus, how is it that it changes sizes when going from the homepage to an actual thread?

              Thanks!

              Comment


              • #8
                re:background image in the td

                Where would I find this code to edit? I'm assuming it's in the control panel somewhere.

                Comment


                • #9
                  In Admin CP => Styles => Modify => Colors/Fonts/etc.
                  Chen Avinadav
                  Better to remain silent and be thought a fool than to speak out and remove all doubt.

                  גם אני מאוכזב מסיקור תחרות לתור מוטור של NRG הרשת ע"י מעריב

                  Comment


                  • #10
                    just a tad more help

                    Originally posted by FireFly
                    In Admin CP => Styles => Modify => Colors/Fonts/etc.
                    Thanks for the reply. I'm in the Admin CP, Styles, Mod, Colors/Fonts. Where exactly do I add this. Am I replacing code, or adding?

                    Comment


                    • #11
                      nice tip, thanks

                      Comment


                      • #12
                        Re: just a tad more help

                        Originally posted by Smoothie

                        Thanks for the reply. I'm in the Admin CP, Styles, Mod, Colors/Fonts. Where exactly do I add this. Am I replacing code, or adding?
                        I want to know this too, Where do I put the beneath code in the colours/fonts part of my style??

                        <td bgcolor="#6666FF" background="myimages/myimage.gif">

                        pls reply!

                        Thanks


                        Post Edit - All sorted now, sorry Im just new to all of this,

                        #6666FF" background="images/bgimage.gif <------- This goes in the Catbg color field!
                        Last edited by Ikram; Mon 10 Dec '01, 11:02pm.

                        Comment


                        • #13
                          Nice man !

                          Comment

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