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.

Avatar and frame around it

2 posters

Go down

In progress Avatar and frame around it

Post by Vantharia January 29th 2017, 11:37 am

Technical Details


Forum version : #phpBB3
Position : Founder
Concerned browser(s) : Opera
Screenshot of problem : https://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.
Vantharia
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 January 30th 2017, 4:11 am

Can this be done?
Vantharia
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 TheCrow January 30th 2017, 10: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.
TheCrow
TheCrow
Manager
Manager

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

https://forumote.forumotion.com

Back to top Go down

In progress Re: Avatar and frame around it

Post by Guest January 30th 2017, 2:53 pm

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


Back to top Go down

In progress Re: Avatar and frame around it

Post by Vantharia January 30th 2017, 3:05 pm

But how? I know nothing about ccs.
Vantharia
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 January 31st 2017, 12: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.
avatar
Guest
Guest


Back to top Go down

In progress Re: Avatar and frame around it

Post by Vantharia January 31st 2017, 12: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?
Vantharia
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 January 31st 2017, 3: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.
avatar
Guest
Guest


Back to top Go down

Back to top


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