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

Pumpkins effect in sidebar [Halloween] 1.4

Pumpkins

  1. Velli

    Velli Active Member

  2. tommydamic68

    tommydamic68 Well-Known Member

  3. Velli

    Velli Active Member

  4. Shelley

    Shelley Well-Known Member

  5. tommydamic68

    tommydamic68 Well-Known Member

  6. Shelley

    Shelley Well-Known Member

    I've noticed in the code the incorrect path or rather the filename is present. You'll have to rename the background path name to point to the image.

    Code:
    .sidebar .section:before {
    content: "";
    display: block;
    height: 25px;
    margin-top: 5px;
    background: url("@imagePath/xenforo/overlay/sidebar_xmas.png") no-repeat scroll left transparent;
    }
    it should be the following

    Code:
    .sidebar .section:before {
    content: "";
    display: block;
    height: 25px;
    margin-top: 5px;
    background: url("@imagePath/xenforo/overlay/halloweenczbar.gif") no-repeat scroll left transparent;
    }
    
     
    Velli likes this.
  7. Shelley

    Shelley Well-Known Member

    Confirmed.

    Simply upload the image to your style /overlay folder and in EXTRA.CSS paste the following.

    Code:
    .sidebar .section:before {
    content: "";
    display: block;
    height: 25px;
    margin-top: 5px;
    background: url("@imagePath/xenforo/overlay/halloweenczbar.gif") no-repeat scroll left transparent;
    }
    
    Screenshot_6.png
     
  8. Shelley

    Shelley Well-Known Member

    Because the visitorPanel doesn't have a container and the image looks kind of odd on it I thought I'd share the css to have that hidden on the chance some might want to not display it on the visitiorpanel.

    Code:
    .sidebar .visitorPanel:before {display: none!important;}

    Image Hidden
    ......................................................Image displayed
    Screenshot_7.png Screenshot_8.png
     
    CallieJo likes this.
  9. Velli

    Velli Active Member

    Thanks @Shelley for all the help.
    I would not be able to simply followed your addon.
     
    Shelley likes this.
  10. tommydamic68

    tommydamic68 Well-Known Member

    So this code will work with widget framework!
     
  11. Shelley

    Shelley Well-Known Member

    Yeah, this will work with the widget framework I installed it and tested it on my testing site you just have to change the filename of the image in the css.
     
  12. CallieJo

    CallieJo Active Member

    This is a cute resource. Thanks to all who shared. I can see doing the same thing for other holidays.
     
    Velli likes this.

Share This Page