Blurry Image on login widget Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
4 posters

    Blurry Image on login widget

    Scarlet D.
    Scarlet D.
    Forumember


    Male Posts : 130
    Reputation : 2
    Language : Greek,English
    Location : Athens,Greece

    Solved Blurry Image on login widget

    Post by Scarlet D. November 3rd 2016, 10:04 pm

    Technical Details


    Forum version : #PunBB
    Position : Founder
    Concerned browser(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Other
    Screenshot of problem : https://2img.net/h/oi66.tinypic.com/1534dw8.png
    Who the problem concerns : All members
    Forum link : http://onepiecegr.forum-pro.org/

    Description of problem

    Hello once more.

    I have this login widget on my forum which is like a wanted poster on One Piece ( i kind of customized it this way). Thing is that i want the avatar to be more blurry to the corners. I want it to seem like the avatar is mixing with the Poster.

    I need an effect similar to this one!

    the grey space you see between the avatar and the wanted poster is my fail attempt to make such a thing.

    this is the whole script:

    Spoiler:


    Last edited by Scarlet D. on November 10th 2016, 3:58 pm; edited 1 time in total
    Scarlet D.
    Scarlet D.
    Forumember


    Male Posts : 130
    Reputation : 2
    Language : Greek,English
    Location : Athens,Greece

    Solved Re: Blurry Image on login widget

    Post by Scarlet D. November 4th 2016, 9:40 pm

    anybody?
    Ape
    Ape
    Administrator
    Administrator


    Male Posts : 19432
    Reputation : 2010
    Language : fluent in dork / mumbojumbo & English haha

    Solved Re: Blurry Image on login widget

    Post by Ape November 5th 2016, 12:00 am

    Code:
    box-shadow: 0px 10px 6px #000 inset,}
    Just add the right div name to the start of the code and change the 0px and 10px and so on to your liking



    Blurry Image on login widget Left1212Blurry Image on login widget Center11Blurry Image on login widget Right112
    Blurry Image on login widget Ape_b110
    Blurry Image on login widget Ape1010
    Scarlet D.
    Scarlet D.
    Forumember


    Male Posts : 130
    Reputation : 2
    Language : Greek,English
    Location : Athens,Greece

    Solved Re: Blurry Image on login widget

    Post by Scarlet D. November 5th 2016, 4:37 pm

    APE wrote:
    Code:
    box-shadow: 0px 10px 6px #000 inset,}
    Just add the right div name to the start of the code and change the 0px and 10px and so on to your liking
    works good on mozzila, but not in chrome, in chrome it makes a grey... thing between the avatar and the poster, just like the picture I have in the topic
    Ape
    Ape
    Administrator
    Administrator


    Male Posts : 19432
    Reputation : 2010
    Language : fluent in dork / mumbojumbo & English haha

    Solved Re: Blurry Image on login widget

    Post by Ape November 5th 2016, 7:15 pm

    Thats the problem chrome and some other browsers don't support this and there is nothing we can do about it sorry



    Blurry Image on login widget Left1212Blurry Image on login widget Center11Blurry Image on login widget Right112
    Blurry Image on login widget Ape_b110
    Blurry Image on login widget Ape1010
    Scarlet D.
    Scarlet D.
    Forumember


    Male Posts : 130
    Reputation : 2
    Language : Greek,English
    Location : Athens,Greece

    Solved Re: Blurry Image on login widget

    Post by Scarlet D. November 5th 2016, 7:32 pm

    APE wrote:Thats the problem chrome and some other browsers don't support this and there is nothing we can do about it sorry
    well that's ok, I will leave it as it is then, do you have any alternative suggestions yourself? something that might fit and work on all browsers?
    _Twisted_Mods_
    _Twisted_Mods_
    Helper
    Helper


    Male Posts : 2083
    Reputation : 336
    Language : English
    Location : Ms

    Solved Re: Blurry Image on login widget

    Post by _Twisted_Mods_ November 10th 2016, 3:39 pm

    try using this
    Code:

    {
      -moz-box-shadow:    inset 0 0 10px #000000;
      -webkit-box-shadow: inset 0 0 10px #000000;
      box-shadow:        inset 0 0 10px #000000;
    }

    Scarlet D.
    Scarlet D.
    Forumember


    Male Posts : 130
    Reputation : 2
    Language : Greek,English
    Location : Athens,Greece

    Solved Re: Blurry Image on login widget

    Post by Scarlet D. November 10th 2016, 3:58 pm

    _Twisted_Mods_ wrote:try using this
    Code:

    {
      -moz-box-shadow:    inset 0 0 10px #000000;
      -webkit-box-shadow: inset 0 0 10px #000000;
      box-shadow:        inset 0 0 10px #000000;
    }


    That's close enough of what I want! and works for all browsers too! Thanks a bunch
    _Twisted_Mods_
    _Twisted_Mods_
    Helper
    Helper


    Male Posts : 2083
    Reputation : 336
    Language : English
    Location : Ms

    Solved Re: Blurry Image on login widget

    Post by _Twisted_Mods_ November 10th 2016, 4:24 pm

    your welcome.. can this be closed?
    TheCrow
    TheCrow
    Manager
    Manager


    Male Posts : 6916
    Reputation : 795
    Language : Greek, English

    Solved Re: Blurry Image on login widget

    Post by TheCrow November 10th 2016, 4:40 pm

    Problem solved & topic archived.
    Please read our forum rules: ESF General Rules



    Blurry Image on login widget Thecro10
    Forum of the Forums

    Forumotion Rules | Tips & Tricks |
    FAQ | Did you forget your password?



    *** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
    No support via PM!