Blog Documentation Book a Demo
Vanilla 1 is no longer supported or maintained. If you need a copy, you can get it here.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

Account Pictures

JazzmanJazzman
edited August 2007 in Vanilla 1.0 Help
Account Pictures
«1345678

Comments

  • skubeskube
    Call me anal, but you should probably add type to line 54, just so everything continues to validate.

    type=\"text/css\"
  • TomTesterTomTester New
    Skube, man, are you on Jazz's case here today or what?
  • MarkMark Vanilla Staff
    I think the problem is that Jazzy's add-ons are so kickass that everyone has them.
  • skubeskube
    Yeah, I'm really not targeting Jazzman. I just happen to use everything the guy makes. :)
  • StashStash ✭
    Keep the suggestions coming skube. We always want things to get better.
  • taylantaylan
    I modified this add-on slightly to allow transparency in images. When resized, transparent images were getting a black background.

    Here is the code in case anyone is interested:

    imageAlphaBlending($Original, false); imageSaveAlpha($Original, true); imageAlphaBlending($Thumb, false); imageSaveAlpha($Thumb, true);

    You might also want to remove the white background colour from the CSS (it blocks the divider line in FF2 Mac OS X):

    #Comments .CommentHeader li div.CommentIcon { background: transparent center center no-repeat;
  • MySchizoBuddyMySchizoBuddy
    where do u add the code?
  • missyacmissyac

    Taylan: What line do you put the transparent image code on?

    I modified this add-on slightly to allow transparency in images. When resized, transparent images were getting a black background.

    Here is the code in case anyone is interested:

    imageAlphaBlending($Original, false);
    imageSaveAlpha($Original, true);
    imageAlphaBlending($Thumb, false);
    imageSaveAlpha($Thumb, true);
  • taylantaylan
    Sorry about that - you can make the call right after $Thumb is created through imagecreatetruecolor around line 260:

    $Thumb = imagecreatetruecolor($ThumbWidth, $ThumbHeight); imageAlphaBlending($Original, false); imageSaveAlpha($Original, true); imageAlphaBlending($Thumb, false); imageSaveAlpha($Thumb, true);
  • icoutoicouto
    Can anyone confirm, that this extension works with the latest (1.1.2) version of Vanilla? - or are there any manual edits required?
  • dhdesigndhdesign
    Yes, this does work with 1.1.2. After installing, make sure you go to Settings and change any of the preferences for Account Pictures.

    Also, make sure you create an uploads folder, and a folder inside that called AccountPictures, and CHMOD both to 777 so that the you can upload images.
  • icoutoicouto
    @dhdesign: thank you for the info! Have the tweaks/fixes mentioned in this thread already been added to the latest version by Jazzman?
  • JDWJDW New
    After installing this extension, a display bug occurs above the icon. You can read more specifics about this bug in this thread.
  • icoutoicouto
    @JDW: are you referring to the white background problem mentioned in this comment above?
  • JDWJDW New
    icouto,

    Thank you for alerting me to that tip. The specific part of taylan's post which refers to what I was talking about is as follows:

    You might also want to remove the white background colour from the CSS (it blocks the divider line in FF2 Mac OS X):
    #Comments .CommentHeader li div.CommentIcon { background: transparent center center no-repeat;

    It is unfortunate that Jazzman (the author of Account Pictures) could not do this for us, as I am not sure exactly how it is to be done. I opened the /forum/extensions/AccountPictures/default.php file in TextWrangler. I see that line#47 looks similar to the one mentioned in taylan's post, as follows:

    #Comments .CommentHeader li div.CommentIcon { padding: {IconHeight}px 0px {IconHeight}px {IconWidth}px; }

    But what is one supposed to do at this point? Should we REPLACE line#47 with taylan's code? Or should we somehow merge the two lines together?

    Thanks!
  • icoutoicouto
    @JDW: if I remember correctly, you are actually supposed to open the default "vanilla.css" style-sheet. Somewhere in there, you will see the line above, except that instead of the word "transparent", you will see "white", or "#FFF", or something like it. Just replace that text with "transparent", and it will work ok! I hope this helps!
  • JDWJDW New
    icouto,

    Thank you for the suggestion. It works perfectly to solve the problem!

    For the sake of assisting others who may wish to try this, note that I edited the following file in TextWrangler:

    /forum/themes/vanilla/styles/default/vanilla.css

    Inside that vanilla.css file, the following code appears, starting at Line#554:

    #Comments .CommentHeader li div.CommentIcon { padding:9px 0px 9px 30px; margin-right: 6px; background-repeat:no-repeat; display: inline; background: #fff center center no-repeat; }

    Replace "#fff" with "transparent" and save. The gray line problem is now gone!

    (As an aside, it would seem this is technically a "Vanilla bug" and really should be fixed in the next release.)
  • icoutoicouto
    @JDW: I see from your postings - and your icon - that you are a Mac user, using the venerable TextWrangler. Although I, too, like TextWrangler a lot, I have found that for CSS work there is nothing - and I really mean NOTHING - that compares to MacRabbit's "CSSEdit". It makes playing around with CSS an absolute joy!
  • WandererWanderer
    pic
       CSSEdit

    Posted: Tuesday, 10 April 2007 at 4:56PM

  • kifokifo
    I must first say that this extension is really great and it has been installed and in use since Day 1. I have a slight problem here as I am using the forum on a server with safe_mode (not sure if this is relevant) and I find that I cannot CHMOD, edit, delete or download the files uploaded by Account Pictures. I want to remove some unused files inside. What is the best way to do this?
Sign In or Register to comment.