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.

how to make topic avatars like this(?)

3 posters

Go down

how to make topic avatars like this(?) Empty how to make topic avatars like this(?)

Post by J0k3R^ April 20th 2014, 12:40 pm

Hello  again



How can i make the topic avatars look cool like this? or something similar to that

how to make topic avatars like this(?) Demo12

obrigado, Joker Smile
J0k3R^
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

how to make topic avatars like this(?) Empty Re: how to make topic avatars like this(?)

Post by Pizza Boi April 20th 2014, 1:01 pm

Hi Very Happy

Hmm... I can't exactly give you the code they used since A: That's plagiarism, and B: I don't know where you saw that lol.

Code:
.user-basic-info img {
  border: #px solid #Color;
  border-radius: #px #px #px #px;
  background-image:url(IMG LINK);
}

You can add your other styles there.

Regards,
Pizza Boi
Pizza Boi
Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

Back to top Go down

how to make topic avatars like this(?) Empty Re: how to make topic avatars like this(?)

Post by J0k3R^ April 20th 2014, 1:29 pm

yeah, sure, i didnt ask for the same code just something cool frame for avatars like he got. this is from a Jalokim's forum.

hm, your code didnt work actually, ive created a frame image for my forum's avatars but when i paste the url its just like it doesnt exist. (i tried other images aswell Smile )
J0k3R^
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

how to make topic avatars like this(?) Empty Re: how to make topic avatars like this(?)

Post by Pizza Boi April 20th 2014, 1:31 pm

Hi Very Happy

Can you paste the code you used?

Regards,
Pizza Boi
Pizza Boi
Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

Back to top Go down

how to make topic avatars like this(?) Empty Re: how to make topic avatars like this(?)

Post by J0k3R^ April 20th 2014, 1:44 pm

Code:
.user-basic-info img {
  border: 5px solid #545454;
  border-radius: 3px 3px 3px 3px;
  background-image:url('http://iconmeme.pbworks.com/FCKeditor/build-fck/editor/f/blank_sxsw.png');
}
J0k3R^
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

how to make topic avatars like this(?) Empty Re: how to make topic avatars like this(?)

Post by Pizza Boi April 20th 2014, 1:52 pm

Hi Very Happy

That's odd, it works for my forum. Perhaps you're already using the same selector in your CSS? Please try and check, clear your cache and cookies, resync, etc.

how to make topic avatars like this(?) It_wor10

Regards,
Pizza Boi
Pizza Boi
Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

Back to top Go down

how to make topic avatars like this(?) Empty Re: how to make topic avatars like this(?)

Post by J0k3R^ April 22nd 2014, 3:57 pm

Bump!
J0k3R^
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

how to make topic avatars like this(?) Empty Re: how to make topic avatars like this(?)

Post by J0k3R^ April 23rd 2014, 2:33 pm

Bump ↑
J0k3R^
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

how to make topic avatars like this(?) Empty Re: how to make topic avatars like this(?)

Post by J0k3R^ April 24th 2014, 2:43 pm

Bump ↑
J0k3R^
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

how to make topic avatars like this(?) Empty Re: how to make topic avatars like this(?)

Post by J0k3R^ April 25th 2014, 2:45 pm

Bump ↑
J0k3R^
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

how to make topic avatars like this(?) Empty Re: how to make topic avatars like this(?)

Post by Pizza Boi April 25th 2014, 10:52 pm

Hi Very Happy

I thought you ditched this idea lol. Anyway, can you please try adding padding? That should give your background-image enough space Smile.

Regards,
Pizza Boi
Pizza Boi
Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

Back to top Go down

how to make topic avatars like this(?) Empty Re: how to make topic avatars like this(?)

Post by J0k3R^ April 26th 2014, 4:28 pm

i tried but nothing changed :/
J0k3R^
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

how to make topic avatars like this(?) Empty Re: how to make topic avatars like this(?)

Post by Jophy April 26th 2014, 7:55 pm

Is the code still not working? I saw on your forum it displayed the same as what Pizza Boi showed in the screenshot?
Jophy
Jophy
ForumGuru

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

Back to top Go down

how to make topic avatars like this(?) Empty Re: how to make topic avatars like this(?)

Post by J0k3R^ April 26th 2014, 7:57 pm

not.. i temporary added a good stylish border till someone help me with this one Very Happy
J0k3R^
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

how to make topic avatars like this(?) Empty Re: how to make topic avatars like this(?)

Post by Pizza Boi April 27th 2014, 2:56 am

Hi Very Happy

This one DEFINITELY worked, though change the ID I used, I used this for phpBB3 xD.

Code:
.postprofile dt img {
background-image: url('http://iconmeme.pbworks.com/FCKeditor/build-fck/editor/f/blank_sxsw.png');
padding-left: 35px;
max-height: 150px;
padding-right: 41px;
padding-bottom: 35px;
}

Regards,
Pizza Boi
Pizza Boi
Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

Back to top Go down

how to make topic avatars like this(?) Empty Re: how to make topic avatars like this(?)

Post by J0k3R^ April 27th 2014, 8:06 am

its
div.user-basic-info img{
for my forum
but the result is very buggy xD

how to make topic avatars like this(?) CUsxuj9
J0k3R^
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

how to make topic avatars like this(?) Empty Re: how to make topic avatars like this(?)

Post by Pizza Boi April 27th 2014, 6:46 pm

Hi Very Happy

You should experiment with the padding-left/-right/bottom-top Smile . That would set it and to make it easier for you, the avatars have to be uniformed in size and you can even position them relatively to the frame Wink .

Regards,
Pizza Boi
Pizza Boi
Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

Back to top Go down

Back to top

- Similar topics

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