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.

Blurry Image on login widget

4 posters

Go down

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

http://onepiecegr.forum-pro.org/

Back to top Go down

Solved Re: Blurry Image on login widget

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

anybody?
Scarlet D.
Scarlet D.
Forumember

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

http://onepiecegr.forum-pro.org/

Back to top Go down

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
Ape
Ape
Administrator
Administrator

Male Posts : 19084
Reputation : 1988
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

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
Scarlet D.
Scarlet D.
Forumember

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

http://onepiecegr.forum-pro.org/

Back to top Go down

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
Ape
Ape
Administrator
Administrator

Male Posts : 19084
Reputation : 1988
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

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?
Scarlet D.
Scarlet D.
Forumember

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

http://onepiecegr.forum-pro.org/

Back to top Go down

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;
}

_Twisted_Mods_
_Twisted_Mods_
Helper
Helper

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

http://liquidcode.forumotion.com

Back to top Go down

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
Scarlet D.
Scarlet D.
Forumember

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

http://onepiecegr.forum-pro.org/

Back to top Go down

Solved Re: Blurry Image on login widget

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

your welcome.. can this be closed?
_Twisted_Mods_
_Twisted_Mods_
Helper
Helper

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

http://liquidcode.forumotion.com

Back to top Go down

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
TheCrow
TheCrow
Manager
Manager

Male Posts : 6897
Reputation : 794
Language : Greek, English

https://forumote.forumotion.com

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum