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.

how to make topic avatars like this(?)

View previous topic View next topic Go down

how to make topic avatars like this(?)

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

Hello again



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



obrigado, Joker Smile

J0k3R^
Forumember

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

http://fmplanet.forumgreek.com

Back to top Go down

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

Post by Pizza Boi on 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
Hyperactive

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

http://redlustempire.forumtl.com/

Back to top Go down

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

Post by J0k3R^ on 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^
Forumember

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

http://fmplanet.forumgreek.com

Back to top Go down

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

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

Hi Very Happy

Can you paste the code you used?

Regards,
Pizza Boi

Pizza Boi
Hyperactive

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

http://redlustempire.forumtl.com/

Back to top Go down

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

Post by J0k3R^ on 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^
Forumember

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

http://fmplanet.forumgreek.com

Back to top Go down

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

Post by Pizza Boi on 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.



Regards,
Pizza Boi

Pizza Boi
Hyperactive

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

http://redlustempire.forumtl.com/

Back to top Go down

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

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

Bump!

J0k3R^
Forumember

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

http://fmplanet.forumgreek.com

Back to top Go down

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

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

Bump ↑

J0k3R^
Forumember

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

http://fmplanet.forumgreek.com

Back to top Go down

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

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

Bump ↑

J0k3R^
Forumember

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

http://fmplanet.forumgreek.com

Back to top Go down

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

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

Bump ↑

J0k3R^
Forumember

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

http://fmplanet.forumgreek.com

Back to top Go down

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

Post by Pizza Boi on 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
Hyperactive

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

http://redlustempire.forumtl.com/

Back to top Go down

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

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

i tried but nothing changed :/

J0k3R^
Forumember

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

http://fmplanet.forumgreek.com

Back to top Go down

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

Post by Jophy on 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
ForumGuru

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

Back to top Go down

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

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

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

J0k3R^
Forumember

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

http://fmplanet.forumgreek.com

Back to top Go down

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

Post by Pizza Boi on 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
Hyperactive

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

http://redlustempire.forumtl.com/

Back to top Go down

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

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

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


J0k3R^
Forumember

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

http://fmplanet.forumgreek.com

Back to top Go down

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

Post by Pizza Boi on 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
Hyperactive

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

http://redlustempire.forumtl.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