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.

Posting profile design.

2 posters

Go down

Posting profile design. Empty Posting profile design.

Post by Liryo July 30th 2012, 11:23 pm

I look something in a forum: https://2img.net/r/ihimizer/img155/8053/nvtelen2wz.jpg

I need some help. How can i make this profile field. I mean the rounded border, the background picture behind the profile picture. Is is css or html ? Or i can make this graphically ?

PS: Sorry for my english.
avatar
Liryo
Forumember

Posts : 29
Reputation : 1
Language : Hungary

Back to top Go down

Posting profile design. Empty Re: Posting profile design.

Post by nextlevelgaming July 31st 2012, 2:00 am

Firstly Go to ACP>DISPLAY>GENERAL>GENERAL>VIEW TOPIC BODY

find avatar

should be a span class or a div class. Type span class="round" or div class="round"

good save.

now go to COLORS>CSS STYLESHEET

and insert code

.round
{
border:2px solid;
border-radius:25px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
}

that will give you that. Ill look into the background image more. its not hard i have the code somewhere
nextlevelgaming
nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Posting profile design. Empty Re: Posting profile design.

Post by Liryo July 31st 2012, 12:45 pm

Thanks for answer but it isnt work. I found the " avatar" and i write the class="round" and than in the css code to the stylesheet but it isnt work. I try to write another border code but they dont work.
I write in here:

<div class="user-basic-info">
{postrow.displayed.POSTER_RANK_NEW}
{postrow.displayed.RANK_IMAGE}
{postrow.displayed.POSTER_AVATAR}
<div class="round"></div>


Is it right ?
avatar
Liryo
Forumember

Posts : 29
Reputation : 1
Language : Hungary

Back to top Go down

Posting profile design. Empty Re: Posting profile design.

Post by Liryo August 1st 2012, 6:48 pm

bump
avatar
Liryo
Forumember

Posts : 29
Reputation : 1
Language : Hungary

Back to top Go down

Back to top


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