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 and frame around it

View previous topic View next topic Go down

In progress Avatar and frame around it

Post by Vantharia on January 29th 2017, 12:37 pm

Technical Details


Forum version : #phpBB3
Position : Founder
Concerned browser(s) : Opera
Screenshot of problem : http://imgur.com/a/yvxO1
Who the problem concerns : Yourself
Forum link : http://vantharia.forumpolish.com

Description of problem

Hello again. I have another question. How can I force all avatars to display with this http://imgh.us/Bez_nazwy-6.png picture around working like a frame? I want avatars to show ""inside" that png.
avatar
Vantharia
Forumember

Male Posts : 35
Reputation : 1
Language : Polish / English

http://vantharia.forumpolish.com

Back to top Go down

In progress Re: Avatar and frame around it

Post by Vantharia on January 30th 2017, 5:11 am

Can this be done?
avatar
Vantharia
Forumember

Male Posts : 35
Reputation : 1
Language : Polish / English

http://vantharia.forumpolish.com

Back to top Go down

In progress Re: Avatar and frame around it

Post by Luffy on January 30th 2017, 11:39 am

You can add that image as
Code:
background-image
to all the avatars. The problem is that you have to make all the avatars with that specific dimensions. Now if you only want the avatars in the topics that changes.





avatar
Luffy
Manager
Manager

Male Posts : 4825
Reputation : 486
Language : Greek, English
Location : Greece

http://vibes.forumotion.com/

Back to top Go down

In progress Re: Avatar and frame around it

Post by Guest on January 30th 2017, 3:53 pm

It can also be done by using a black border and using 4 corner images.

Guest
Guest


Back to top Go down

In progress Re: Avatar and frame around it

Post by Vantharia on January 30th 2017, 4:05 pm

But how? I know nothing about ccs.
avatar
Vantharia
Forumember

Male Posts : 35
Reputation : 1
Language : Polish / English

http://vantharia.forumpolish.com

Back to top Go down

In progress Re: Avatar and frame around it

Post by Guest on January 31st 2017, 1:07 pm

Well if you do not understand CSS I can not help along... As below code needs work, IF it can work for you I do not know either. I got too little time to invest in it.

An example is to place your image around it as border and it automaticly stretches to fit the image. However the nature of your choice makes that it gets a blank space between the edge and the image inside it. Maybe this can be solved, I do not know if that will work on your forum.

Code:
.postprofile dt img {
border-image: url('https://i37.servimg.com/u/f37/15/58/53/29/edge11.png') 50 stretch;
border-style: inset;
border-width: 50px;
display: block;
}

But hopefully someone else can pick this up or have another idea for it.

Guest
Guest


Back to top Go down

In progress Re: Avatar and frame around it

Post by Vantharia on January 31st 2017, 1:58 pm

Well it did nothing but thx for help. Well maybe if not this then at least some black border around avatar or something?
avatar
Vantharia
Forumember

Male Posts : 35
Reputation : 1
Language : Polish / English

http://vantharia.forumpolish.com

Back to top Go down

In progress Re: Avatar and frame around it

Post by Guest on January 31st 2017, 4:17 pm

Hmmz I tested it on my forum it worked there.

Code:
.postprofile dt img {
border: 3px solid #000;
}

This should give you a simple black border, edit the 3px to the thickness you wish.
There are more possibilities too, like shadow etc with this kind of simple borders

If above does not work you can try it with this

Code:
.postprofile dt img {
border: 3px solid #000 !important;
}

Also can try to put it all the way at the top or bottom of your CSS stylesheet. If nothing works you have another design element blocking it.

Guest
Guest


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