Announcement

Collapse
No announcement yet.

How to add a bevel to table strips using CSS

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

  • How to add a bevel to table strips using CSS

    How do you add bevel to a particular column such as found in here http://forums.jjr512.com/
    (See Category - Site-Related, Computer Stuff etc) 10Q
    Focusing on the Amateur Soccer Scene

  • #2
    A really simple way to do it would be to take the {categorybackcolor} replacement variable, and make it replace to this:
    Code:
    #123ABC" style="border:1px outset;
    (where #123ABC is your chosen background color)
    Last edited by Kier; Wed 27 Mar '02, 8:29pm.

    Comment


    • #3
      Sound silly, but where can I find the code??

      [edit] Thank you so much. Mananged to figure it out....silly me[/edit]
      Last edited by rascal; Wed 27 Mar '02, 2:56pm.
      Focusing on the Amateur Soccer Scene

      Comment


      • #4
        Just as an addendum, if you want to define the colors of the bevel yourself, then you can do so like this:

        First, edit the headinclude template, and somewhere inside the <style>....</style> area, add this code:
        Code:
        .bevel {
        	border: 1px solid;
        	border-color: topColor rightColor bottomColor leftColor;
        }
        (replacing topColor/rightColor/bottomColor/leftColor with the colors you want to see in those positions)

        Then edit that replacement variable again, and rather than having
        Code:
        #123ABC" style="border: 1px outset;
        you should now have
        Code:
        #123ABC" class="bevel

        Comment


        • #5
          Just an example...

          (apologies for the grotty colors, but it's just to show how it works)
          Last edited by Kier; Wed 27 Mar '02, 8:52pm.

          Comment


          • #6
            Noted. Thanks Keir!
            Can't imagine I tried about 2hrs before giving up....
            Focusing on the Amateur Soccer Scene

            Comment


            • #7
              I want to do this so badly! But I am not quite grasping the instructions. So very sorry but it's not sinking in and im afraid to tinker with it! Here is more what I want:

              http://www.3dhq.net/forums/index.php

              I LOVE this look but I am SO LOST!!! Please help?

              Comment


              • #8
                *bump* there were no answers and i went ahead in my eagerness and made a mess http://www.thehunterslife.com/forums/

                see how its WHITE and blinding??!! I wanted the effect in the link I gave above and this is so NOT it! oh yuk
                Last edited by RavenBeauty; Sat 6 Apr '02, 5:08am.

                Comment


                • #9
                  well i fixed it to where it isnt as bad.. as it was.. white can be so WHITE LOL but still it is so far from the look i was striving for please hep me

                  Comment


                  • #10
                    Where you have
                    Code:
                    style="border:3px outset;"
                    try replacing that with
                    Code:
                    style="border:3px solid; border-color: (topColor) (rightColor) (bottomColor) (leftColor);"
                    ... replacing (topColor) with #ACB123 etc...

                    Comment


                    • #11
                      Thanks Kier, looks great!
                      Eric J. Moreels
                      ComiX-Fan Owner/Administrator
                      e-mail: [email protected]
                      Web: http://www.comixfan.com/xfan/

                      Comment

                      Related Topics

                      Collapse

                      Working...
                      X