1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. This forum has been archived. New threads and replies may not be made. All add-ons/resources that are active should be migrated to the Resource Manager. See this thread for more information.

Vertical flip of category-23px-light.png

Discussion in 'Resource Requests [Archive]' started by Trombones13, Jun 11, 2011.

  1. Trombones13

    Trombones13 Well-Known Member

    I tried it in Gimp, but I think it turned the whole thing transparent or something. :cautious: Could someone vertically flip the image so that the gradient is darkest at the top, please? If you could, name it category-23-light-flipped.png; one less step for me. :p Thanks!

    Sure, I could flip it with CSS, but that's too much to configure. lol
     
  2. Wuebit

    Wuebit Well-Known Member

    Just flip is with CSS mate :3 no need to edit the image it's self.

    HTML:
    .flip-vertical {
        -moz-transform: scaleY(-1);
        -webkit-transform: scaleY(-1);
        -o-transform: scaleY(-1);
        transform: scaleY(-1);
        filter: flipv; /*IE*/
    }
     
  3. Brogan

    Brogan XenForo Moderator Staff Member

    If you don't want to do it via CSS, here's the image.
     

    Attached Files:

  4. CyberAP

    CyberAP Well-Known Member

    It'll flip the whole object.
     
  5. Wuebit

    Wuebit Well-Known Member

    well he needs to replace the .flip-vertical and add the image in the css.
    Worked on my test site :p but your better at css than I am :D
     
  6. Trombones13

    Trombones13 Well-Known Member

    That's showing up as completely white for me. :(

    If it's not too much of an ordeal :p, how can I do it via CSS without it flipping the text as well?
     
  7. CyberAP

    CyberAP Well-Known Member

    There is no possible way to do this via css.
     
  8. Luke F

    Luke F Well-Known Member

    You could layer the other parts of the element on top of a rotated element containing only the background, but it's awkward and unnecessary
     
  9. Brogan

    Brogan XenForo Moderator Staff Member

    Hmmm, you're going to need someone with PhotoShop then which supports 8 bit Alpha transparency.
     
  10. CyberAP

    CyberAP Well-Known Member

    That requires additional html. It's better to just add one file.
     
    Darkimmortal likes this.
  11. TheRevTastic

    TheRevTastic Well-Known Member

    If you can attach the image I can do it, I would just use mine, but even in windows explorer it shows up as just white.
     
    Trombones13 likes this.
  12. Trombones13

    Trombones13 Well-Known Member

    [message]
     

    Attached Files:

  13. TheRevTastic

    TheRevTastic Well-Known Member

    category-23px-light.png

    That's what I got, had to do some stuff as it still showed up as a white image for me.
     
  14. Forsaken

    Forsaken Well-Known Member

    This should work for you, and its kept transparency as far as I can tell.
     

    Attached Files:

    Kim and Trombones13 like this.
  15. Forsaken

    Forsaken Well-Known Member

    OH, you'll want to rename it, as I saved it under the same name.
     
  16. Trombones13

    Trombones13 Well-Known Member

    That one worked; thanks! :) Thanks to Taylor for the attempt as well.

    ETA: @Forsaken: No problem; I renamed it when I downloaded it. :)
     

Share This Page