1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

CSS question (Shadow surrounding Page)

Discussion in 'XenForo Questions and Support' started by Mickey Stanford, Oct 21, 2010.

  1. Mickey Stanford

    Mickey Stanford New Member

    Off topic or not, I was searching and couldn't find any answer to modify the Styles of XF in order to have the page surrounded by a CSS shadow. Went through the options of XF but maybe I'm overlooking something. Anyone care to share how to do that?
    If XF doesn't have this option, it might fall into the suggestion forum. I don't want to go through modifying the XF files and have trouble when upgrading.

    Thanks in advance
     
  2. Lawrence

    Lawrence Well-Known Member

  3. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Google gave me this shadow code ;):

    http://robertnyman.com/2010/03/16/drop-shadow-with-css-for-all-web-browsers/

    Code:
    		-moz-box-shadow: 3px 3px 4px #000;
    		-webkit-box-shadow: 3px 3px 4px #000;
    		box-shadow: 3px 3px 4px #000;
    		/* For IE 8 */
    		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
    		/* For IE 5.5 - 7 */
    		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
    
    In xenForo you can add this to an appropriate class. For example:

    Admin CP -> Appearance -> Style Properties -> General -> Content -> Miscellaneous

    You will have to make some tweaks to get it looking like you want.
     

Share This Page