The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Avatar Transparency Problems/Blocking Online Badge

View previous topic View next topic Go down

Solved Avatar Transparency Problems/Blocking Online Badge

Post by Cman on June 14th 2013, 4:18 pm


http://www.firealarmsrme.org/t2-image-uploading#2

I have two problems:

  1. The transparent image is appearing with a black background.
  2. The avatar is appearing to be on top of the online badge.


How can these be fixed?
avatar
Cman
Forumember

Male Posts : 681
Reputation : 5
Language : English
Location : Florida

http://firealarmsrme.org/

Back to top Go down

Solved Re: Avatar Transparency Problems/Blocking Online Badge

Post by Ultron's Vision on June 14th 2013, 4:37 pm

1) Use forumotion's "Link to an offsite Avatar" method when uploading an avatar. Requires you to have the image upladed somewhere else, otherwise all transparency is lost.
2) Widen the table a bit. Use CSS to do so.
avatar
Ultron's Vision
Forumember

Male Posts : 634
Reputation : 45
Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
Location : Vienna, Austria

http://duelacademy.net

Back to top Go down

Solved Re: Avatar Transparency Problems/Blocking Online Badge

Post by Cman on June 14th 2013, 4:43 pm

I was testing the site's avatar gallery. So, the any transparent avatar uploaded into the avatar gallery loses transparency?

So, is there not a way to make the online badge overlap the avatar? I need this so if a user has a larger avatar, the same thing does not happen.
avatar
Cman
Forumember

Male Posts : 681
Reputation : 5
Language : English
Location : Florida

http://firealarmsrme.org/

Back to top Go down

Solved Re: Avatar Transparency Problems/Blocking Online Badge

Post by Ultron's Vision on June 14th 2013, 4:58 pm

forumotion always just saves .jpgs into their database because .pngs are uncompressed images, thus using more space and cost more resources to load.
When you link to an offsite avatar, it takes forumotion less resources to insert a simple img tag and lets the client load the avatar while the database itself is not used as much as it would be with .pngs.

I will find a solution for your second problem when I get back on my PC, no worries.
avatar
Ultron's Vision
Forumember

Male Posts : 634
Reputation : 45
Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
Location : Vienna, Austria

http://duelacademy.net

Back to top Go down

Solved Re: Avatar Transparency Problems/Blocking Online Badge

Post by Cman on June 14th 2013, 5:04 pm

Ultron's Vision wrote:forumotion always just saves .jpgs into their database because .pngs are uncompressed images, thus using more space and cost more resources to load.
When you link to an offsite avatar, it takes forumotion less resources to insert a simple img tag and lets the client load the avatar while the database itself is not used as much as it would be with .pngs.
Ahh, I see. I will just stick with JPEGs.

Ultron's Vision wrote:I will find a solution for your second problem when I get back on my PC, no worries.
Thank you! Very Happy
avatar
Cman
Forumember

Male Posts : 681
Reputation : 5
Language : English
Location : Florida

http://firealarmsrme.org/

Back to top Go down

Solved Re: Avatar Transparency Problems/Blocking Online Badge

Post by Cman on June 18th 2013, 9:37 pm

Does anyone know of a solution to his? There has got to be a way to make that badge overlap the avatar...
avatar
Cman
Forumember

Male Posts : 681
Reputation : 5
Language : English
Location : Florida

http://firealarmsrme.org/

Back to top Go down

Solved Re: Avatar Transparency Problems/Blocking Online Badge

Post by Ultron's Vision on June 18th 2013, 9:49 pm

How do you add the Online badge to the profile again?

Is it via the templates or via JavaScript?
avatar
Ultron's Vision
Forumember

Male Posts : 634
Reputation : 45
Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
Location : Vienna, Austria

http://duelacademy.net

Back to top Go down

Solved Re: Avatar Transparency Problems/Blocking Online Badge

Post by Cman on June 18th 2013, 9:56 pm

It comes with the theme. It is not in my JavaScript, and I don't have template editing (phpBB3).
avatar
Cman
Forumember

Male Posts : 681
Reputation : 5
Language : English
Location : Florida

http://firealarmsrme.org/

Back to top Go down

Solved Re: Avatar Transparency Problems/Blocking Online Badge

Post by Ultron's Vision on June 18th 2013, 10:05 pm

I see.

Try adding this to your CSS.

Code:
img[src="http://illiweb.com/fa/prosilver/icon_user_online_en.png"] {
padding-left: 30px !important;
margin-left: 30px !important;
}
avatar
Ultron's Vision
Forumember

Male Posts : 634
Reputation : 45
Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
Location : Vienna, Austria

http://duelacademy.net

Back to top Go down

Solved Re: Avatar Transparency Problems/Blocking Online Badge

Post by Cman on June 18th 2013, 10:11 pm

No, that did not work.
avatar
Cman
Forumember

Male Posts : 681
Reputation : 5
Language : English
Location : Florida

http://firealarmsrme.org/

Back to top Go down

Solved Re: Avatar Transparency Problems/Blocking Online Badge

Post by Richard. on June 18th 2013, 10:13 pm

Your image is not transparent, that is the problem, you can fix dat by photoshop !
avatar
Richard.
Forumember

Male Posts : 249
Reputation : 12
Language : English,Romanian
Location : Durham, NC - USA.

http://forum.phpbbonline.com/

Back to top Go down

Solved Re: Avatar Transparency Problems/Blocking Online Badge

Post by Cman on June 18th 2013, 10:15 pm

Earlier in the thread, I had a transparent image, but it came out with a black background. I just uploaded that wide image to test it with the badge.
avatar
Cman
Forumember

Male Posts : 681
Reputation : 5
Language : English
Location : Florida

http://firealarmsrme.org/

Back to top Go down

Solved Re: Avatar Transparency Problems/Blocking Online Badge

Post by Richard. on June 18th 2013, 10:24 pm

Try to host the images from other sites thru this option

avatar
Richard.
Forumember

Male Posts : 249
Reputation : 12
Language : English,Romanian
Location : Durham, NC - USA.

http://forum.phpbbonline.com/

Back to top Go down

Solved Re: Avatar Transparency Problems/Blocking Online Badge

Post by Ultron's Vision on June 18th 2013, 10:27 pm

Richard., I already explained that to him. Wink
Read up a few posts and you'll see.

The problem is the placement of the image, that's what I am trying to hide.
avatar
Ultron's Vision
Forumember

Male Posts : 634
Reputation : 45
Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
Location : Vienna, Austria

http://duelacademy.net

Back to top Go down

Solved Re: Avatar Transparency Problems/Blocking Online Badge

Post by SLGray on June 18th 2013, 10:29 pm

Try hosting the image somewhere else, not on Servimg.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 40496
Reputation : 2731
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Avatar Transparency Problems/Blocking Online Badge

Post by Cman on June 18th 2013, 10:47 pm

I tried it with TinyPic, and it still did it.

I don't want to have to make the maximum avatar size small to overcome this.
avatar
Cman
Forumember

Male Posts : 681
Reputation : 5
Language : English
Location : Florida

http://firealarmsrme.org/

Back to top Go down

Solved Re: Avatar Transparency Problems/Blocking Online Badge

Post by SLGray on June 18th 2013, 10:51 pm

Could you post a link to a post that guests can see, also shows a member online?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 40496
Reputation : 2731
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Avatar Transparency Problems/Blocking Online Badge

Post by Cman on June 18th 2013, 10:55 pm

http://www.firealarmsrme.org/t1-board-rules
I posted that, and I will be online for the rest of the day, unless I timeout.

EDIT: I might be offline, here is a screenshot of what I am talking about:
avatar
Cman
Forumember

Male Posts : 681
Reputation : 5
Language : English
Location : Florida

http://firealarmsrme.org/

Back to top Go down

Solved Re: Avatar Transparency Problems/Blocking Online Badge

Post by Cman on June 20th 2013, 4:38 am

Does anyone has a solution?
avatar
Cman
Forumember

Male Posts : 681
Reputation : 5
Language : English
Location : Florida

http://firealarmsrme.org/

Back to top Go down

Solved Re: Avatar Transparency Problems/Blocking Online Badge

Post by SLGray on June 20th 2013, 4:48 am

When I visit your forum, the avatar is stretching outside the border of the message profile. The right side is over the message border. It is stretching into the space on the right side of your forum.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 40496
Reputation : 2731
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Avatar Transparency Problems/Blocking Online Badge

Post by Cman on June 20th 2013, 4:56 am

Are you able to post a screenshot of what you are seeing?
avatar
Cman
Forumember

Male Posts : 681
Reputation : 5
Language : English
Location : Florida

http://firealarmsrme.org/

Back to top Go down

Solved Re: Avatar Transparency Problems/Blocking Online Badge

Post by SLGray on June 20th 2013, 4:59 am

Look fine now.

Add this to your CSS:
Code:
.postprofile dd, .postprofile dt {
    margin-top: 15px;
}


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 40496
Reputation : 2731
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Avatar Transparency Problems/Blocking Online Badge

Post by Cman on June 20th 2013, 5:08 am

It moved the avatar down, but now there are large gaps:

Is there anyway to make the online badge overlap the image?
avatar
Cman
Forumember

Male Posts : 681
Reputation : 5
Language : English
Location : Florida

http://firealarmsrme.org/

Back to top Go down

Solved Re: Avatar Transparency Problems/Blocking Online Badge

Post by SLGray on June 20th 2013, 5:12 am

Remove the code I gave you, please.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 40496
Reputation : 2731
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Avatar Transparency Problems/Blocking Online Badge

Post by Cman on June 20th 2013, 5:19 am

I have now done that.
avatar
Cman
Forumember

Male Posts : 681
Reputation : 5
Language : English
Location : Florida

http://firealarmsrme.org/

Back to top Go down

Solved Re: Avatar Transparency Problems/Blocking Online Badge

Post by Sir Chivas™ on June 20th 2013, 4:58 pm

Is this solved?



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.


avatar
Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6801
Reputation : 433
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Avatar Transparency Problems/Blocking Online Badge

Post by Cman on June 20th 2013, 7:06 pm

No, but if no one has a solution, I can mark it as solved.
avatar
Cman
Forumember

Male Posts : 681
Reputation : 5
Language : English
Location : Florida

http://firealarmsrme.org/

Back to top Go down

Solved Re: Avatar Transparency Problems/Blocking Online Badge

Post by Jophy on June 21st 2013, 8:50 am

Try this code:
Code:
.postprofile dd, .postprofile dt {
    margin-top: 15px;
    display: block;
}

Remove it if it messes the area, right now I don't know the code for the online icon to overlap the avatar, one solution for this is to move the profile to the left instead of right(if you only want to).
avatar
Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

Solved Re: Avatar Transparency Problems/Blocking Online Badge

Post by Cman on June 22nd 2013, 12:08 am

That did the same thing with the gaps. Don't worry about it, I could probably make a maximum avatar size. I prefer the profile on the right, and, anyways, it looks silly with the online badge just stranded on the right away from the profile.

Arrow Solved

Thanks to everyone who helped me with this.
avatar
Cman
Forumember

Male Posts : 681
Reputation : 5
Language : English
Location : Florida

http://firealarmsrme.org/

Back to top Go down

Solved Re: Avatar Transparency Problems/Blocking Online Badge

Post by SLGray on June 22nd 2013, 1:58 am

Topic Solved & Locked


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 40496
Reputation : 2731
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


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