Fancy avatar background problem!
4 posters
Page 1 of 1
Fancy avatar background problem!
there is a problem i put the fancy aavatar background but it did this https://2img.net/h/s4.postimg.cc/pyevuk6nh/Gracco_GFX_Shop_Page_2_Google_Chrome.jpg the background for it is on the bottom how can i fix this! my forum is http://www.worldgenerationda.com/
Gracco- Forumember
- Posts : 35
Reputation : 2
Language : english
Re: Fancy avatar background problem!
What codes are you changing?
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Fancy avatar background problem!
i used the same as here https://help.forumotion.com/t122977-profile-code
Gracco- Forumember
- Posts : 35
Reputation : 2
Language : english
Re: Fancy avatar background problem!
So what is the problem with the codes? You need to add the codes for us to even check it out.
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Fancy avatar background problem!
Templets:
- Code:
<div class="xyz"><span class="name"><a name="{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}{postrow.displayed.POSTER_AVATAR}<br /><br />
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</span></div>
- Code:
xyz{
background-image: url("http://sl.glitter-graphics.net/pub/1043/1043585ir2mebcqub.gif")
}
Gracco- Forumember
- Posts : 35
Reputation : 2
Language : english
Re: Fancy avatar background problem!
Please don't double/triple post. Your post need to be separated by 24 hours before bumping, replying or adding more information. Please use the edit button instead. |
Jophy- ForumGuru
- Posts : 17924
Reputation : 836
Language : English
Location : Somewhere
Re: Fancy avatar background problem!
I want to make the fancy profile border look like this one in this screenshot http://i.imm.io/142Vm.png but mine is like this http://i.imm.io/142Vp.png Can anyone please tell me how to make it like that? my forum is http://www.worldgenerationda.com/ i got the first screenshot from http://sacredbeastsacademy.forumegypt.net/t668-gladeoffire-vs-gavalar1-the-rematch#8364
Gracco- Forumember
- Posts : 35
Reputation : 2
Language : english
Re: Fancy avatar background problem!
Hi,
Try adding this inside your CSS: ACP >> Display >> Colors >> CSS (TAB)
Just change the hex color to your likes.
Try adding this inside your CSS: ACP >> Display >> Colors >> CSS (TAB)
- Code:
.xyz {
background-image: url(http://i.imgur.com/I35DAyA.png);
border-radius: 10px!important;
margin: 10px!important;
padding: 10px 10px 30px;
border-bottom-color: #00275E;
border-bottom-width: 4px;
border-style: solid none;
border-top-color: #00275E;
border-top-width: 1px;
}
Just change the hex color to your likes.
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Fancy avatar background problem!
Thanks that works but how can i make it a square?
Gracco- Forumember
- Posts : 35
Reputation : 2
Language : english
Re: Fancy avatar background problem!
Just change this part of the code:
To this:
- Code:
border-radius: 10px!important;
To this:
- Code:
border-radius: 0px!important;
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Fancy avatar background problem!
Ok 1 more thing is there a way to make it longer?
Gracco- Forumember
- Posts : 35
Reputation : 2
Language : english
Re: Fancy avatar background problem!
Just add this inside:
increase the height size to your likings.
- Code:
height: 250px;
increase the height size to your likings.
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Fancy avatar background problem!
last thing sorry if this is too much the words are going outside the border http://i.imm.io/14389.png im very sorry if this is too much for u
Gracco- Forumember
- Posts : 35
Reputation : 2
Language : english
Re: Fancy avatar background problem!
Increase the height to your likes, maybe 450px; would do the trick?
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Similar topics
» Adding chatbox rules problem and background of announcements problem
» Black avatar background ?
» Fancy avatar background
» Background under avatar column
» problem with avatar
» Black avatar background ?
» Fancy avatar background
» Background under avatar column
» problem with avatar
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum