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.

profile image border

View previous topic View next topic Go down

Solved profile image border

Post by kieksė on May 11th 2014, 1:36 pm

Hello! :)How to make a border around your avatar in CSS? Or even add a picture under avatar? I actually don't know how to explain it but I hope you got what I wanted to say. Very Happy P.S. my forum is phpBB2
Thanks for any help Embarassed

kieksė
Forumember

Female Posts : 69
Reputation : 1
Language : lithuanian - english - korean - russian

Back to top Go down

Solved Re: profile image border

Post by Pizza Boi on May 11th 2014, 1:43 pm

Hi Very Happy

Can you please link me to a topic that guests can view in your forum? And yes, just borders, right? If you want an image to be added around it like some 'Award' area or something, please provide me with a border image and I will style it so that you can just copy the code here 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

Solved Re: profile image border

Post by kieksė on May 11th 2014, 2:04 pm

http://bloodaddicted.ohmylife.net/t606-veidu-sarasas
No, no. not like award area. I want the border to be like solid, dotted or something and around profile image.

kieksė
Forumember

Female Posts : 69
Reputation : 1
Language : lithuanian - english - korean - russian

Back to top Go down

Solved Re: profile image border

Post by Pizza Boi on May 11th 2014, 6:51 pm

Hi Very Happy

Okay then. Hmm... okie dokie, let's do this step by step.

First off, go to your AP < Display < viewtopic_body < Find this portion:

Code:
{postrow.displayed.POSTER_AVATAR}

Change it to:

Code:
<div class="myavatar">{postrow.displayed.POSTER_AVATAR}</div>

Second, save and publish it now go to AP < Display < Stylesheet < Add this code:

Code:
.myavatar {
  border: #px solid/dotted/groove/inset/outset/dashed/double #Color;
  border-radius: #px #px #px #px; /* They're read as top, right, bottom, left I believe - Remove this message to prevent errors */
}

I gave you the styles for the borders and if you want to have each side an independent style, you can do something like this:

Code:
.myavatar {
  border-left: style;
  border-right: style;
  border-bottom: style;
  border-top: style;
  border-radius: style;
}

The style should be changed to the styles you want.

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

Solved Re: profile image border

Post by kieksė on May 13th 2014, 8:31 pm

this didn't work :///

kieksė
Forumember

Female Posts : 69
Reputation : 1
Language : lithuanian - english - korean - russian

Back to top Go down

Solved Re: profile image border

Post by Pizza Boi on May 13th 2014, 9:39 pm

Hi Very Happy

Hmm.. try this instead:

Code:
<span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
                                  {postrow.displayed.RANK_IMAGE}</span><span class="postdetails poster-profile" id="myavatar">{postrow.displayed.POSTER_AVATAR}</span><br /><br />
            <!-- BEGIN profile_field -->
            <span class="postdetails poster-profile">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
         </span><br />

Compare the current one you have and use that.

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

Solved Re: profile image border

Post by kieksė on May 14th 2014, 7:58 pm

THANKSS!!
how can I do image around it? if i can of course

kieksė
Forumember

Female Posts : 69
Reputation : 1
Language : lithuanian - english - korean - russian

Back to top Go down

Solved Re: profile image border

Post by Pizza Boi on May 14th 2014, 8:48 pm

Hi Very Happy

What do you mean around it? Do you want a rounded avatar or something?

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

Solved Re: profile image border

Post by kieksė on May 15th 2014, 4:53 pm

Like there's this frame and I want my avatar to be inside the frame. I can't explain.....
Spoiler:

kieksė
Forumember

Female Posts : 69
Reputation : 1
Language : lithuanian - english - korean - russian

Back to top Go down

Solved Re: profile image border

Post by Pizza Boi on May 16th 2014, 7:37 am

Hi Very Happy

Hmm... try this: I'm not ENTIRELY sure about the padding as the image you have is very big so please adjust it yourself Wink .

Code:
.myavatar {
  background:url(http://fc05.deviantart.net/fs71/f/2012/281/7/7/png_frame_by_cpg785-d5h62yn.png) no-repeat;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
}

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

Solved Re: profile image border

Post by kieksė on May 16th 2014, 6:06 pm

thanks thanks thanks!!!

kieksė
Forumember

Female Posts : 69
Reputation : 1
Language : lithuanian - english - korean - russian

Back to top Go down

Solved Re: profile image border

Post by Pizza Boi on May 16th 2014, 6:42 pm

Hi Very Happy

The pizza's here! That'd be $2.99 Wink .

No problem~

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

Solved Re: profile image border

Post by SLGray on May 16th 2014, 7:49 pm

Topic Solved & Archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36639
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.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