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.
The forum of the forums
2 posters

    Avatar and frame around it

    Vantharia
    Vantharia
    Forumember


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

    In progress Avatar and frame around it

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

    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

    In progress Re: Avatar and frame around it

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

    Can this be done?
    TheCrow
    TheCrow
    Manager
    Manager


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

    In progress Re: Avatar and frame around it

    Post by TheCrow 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 and frame around it 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!
    avatar
    Guest
    Guest


    In progress Re: Avatar and frame around it

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

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


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

    In progress Re: Avatar and frame around it

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

    But how? I know nothing about ccs.
    avatar
    Guest
    Guest


    In progress Re: Avatar and frame around it

    Post by Guest 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.
    Vantharia
    Vantharia
    Forumember


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

    In progress Re: Avatar and frame around it

    Post by Vantharia 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
    Guest
    Guest


    In progress Re: Avatar and frame around it

    Post by Guest 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.

      Current date/time is September 23rd 2024, 2:16 pm