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.

Fancy avatar background problem!

4 posters

Go down

In progress Fancy avatar background problem!

Post by Gracco April 25th 2013, 2:57 pm

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
Gracco
Forumember

Posts : 35
Reputation : 2
Language : english

Back to top Go down

In progress Re: Fancy avatar background problem!

Post by Sanket April 25th 2013, 6:17 pm

What codes are you changing?
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

In progress Re: Fancy avatar background problem!

Post by Gracco April 25th 2013, 11:41 pm

Gracco
Gracco
Forumember

Posts : 35
Reputation : 2
Language : english

Back to top Go down

In progress Re: Fancy avatar background problem!

Post by Sanket April 26th 2013, 6:18 am

So what is the problem with the codes? You need to add the codes for us to even check it out.
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

In progress Re: Fancy avatar background problem!

Post by Gracco April 26th 2013, 1:09 pm

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>
CSS:
Code:
xyz{
 background-image: url("http://sl.glitter-graphics.net/pub/1043/1043585ir2mebcqub.gif")
}
Gracco
Gracco
Forumember

Posts : 35
Reputation : 2
Language : english

Back to top Go down

In progress Re: Fancy avatar background problem!

Post by Gracco April 26th 2013, 2:38 pm

bump
Gracco
Gracco
Forumember

Posts : 35
Reputation : 2
Language : english

Back to top Go down

In progress Re: Fancy avatar background problem!

Post by Jophy April 26th 2013, 4:17 pm

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
Jophy
ForumGuru

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

Back to top Go down

In progress Re: Fancy avatar background problem!

Post by Gracco April 26th 2013, 4:56 pm

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
Gracco
Forumember

Posts : 35
Reputation : 2
Language : english

Back to top Go down

In progress Re: Fancy avatar background problem!

Post by Sir Chivas™ April 26th 2013, 5:18 pm

Hi,

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. Very Happy
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Fancy avatar background problem!

Post by Gracco April 26th 2013, 5:21 pm

Thanks that works but how can i make it a square?
Gracco
Gracco
Forumember

Posts : 35
Reputation : 2
Language : english

Back to top Go down

In progress Re: Fancy avatar background problem!

Post by Sir Chivas™ April 26th 2013, 5:25 pm

Just change this part of the code:
Code:
border-radius: 10px!important;

To this:
Code:
border-radius: 0px!important;
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Fancy avatar background problem!

Post by Gracco April 26th 2013, 5:26 pm

Ok 1 more thing is there a way to make it longer?
Gracco
Gracco
Forumember

Posts : 35
Reputation : 2
Language : english

Back to top Go down

In progress Re: Fancy avatar background problem!

Post by Sir Chivas™ April 26th 2013, 5:28 pm

Just add this inside:
Code:
height: 250px;

increase the height size to your likings. Wink
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Fancy avatar background problem!

Post by Gracco April 26th 2013, 5:33 pm

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
Gracco
Forumember

Posts : 35
Reputation : 2
Language : english

Back to top Go down

In progress Re: Fancy avatar background problem!

Post by Sir Chivas™ April 27th 2013, 1:06 am

Increase the height to your likes, maybe 450px; would do the trick?
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Back to top

- Similar topics

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