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.

Posting profile design.

View previous topic View next topic Go down

Posting profile design.

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

I look something in a forum: http://img155.imageshack.us/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.

Liryo
Forumember

Posts : 28
Reputation : 1
Language : Hungary

Back to top Go down

Re: Posting profile design.

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

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

http://www.easybbtutorials.forumotion.com

Back to top Go down

Re: Posting profile design.

Post by Liryo on 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 ?

Liryo
Forumember

Posts : 28
Reputation : 1
Language : Hungary

Back to top Go down

Re: Posting profile design.

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

bump

Liryo
Forumember

Posts : 28
Reputation : 1
Language : Hungary

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