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.

Fancy avatar background problem!

View previous topic View next topic Go down

In progress Fancy avatar background problem!

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

there is a problem i put the fancy aavatar background but it did this http://s4.postimg.org/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

Back to top Go down

In progress Re: Fancy avatar background problem!

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

What codes are you changing?

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

In progress Re: Fancy avatar background problem!

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


Gracco
Forumember

Posts : 35
Reputation : 2
Language : english

Back to top Go down

In progress Re: Fancy avatar background problem!

Post by Sanket on 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
ForumGuru

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

http://webartzforum.com

Back to top Go down

In progress Re: Fancy avatar background problem!

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

Posts : 35
Reputation : 2
Language : english

Back to top Go down

In progress Re: Fancy avatar background problem!

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

bump

Gracco
Forumember

Posts : 35
Reputation : 2
Language : english

Back to top Go down

In progress Re: Fancy avatar background problem!

Post by Jophy on 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
ForumGuru

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

Back to top Go down

In progress Re: Fancy avatar background problem!

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

Posts : 35
Reputation : 2
Language : english

Back to top Go down

In progress Re: Fancy avatar background problem!

Post by Sir Chivas™ on 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



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
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 on April 26th 2013, 5:21 pm

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

Gracco
Forumember

Posts : 35
Reputation : 2
Language : english

Back to top Go down

In progress Re: Fancy avatar background problem!

Post by Sir Chivas™ on 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;



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
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 on April 26th 2013, 5:26 pm

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

Gracco
Forumember

Posts : 35
Reputation : 2
Language : english

Back to top Go down

In progress Re: Fancy avatar background problem!

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

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

increase the height size to your likings. Wink



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
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 on 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
Forumember

Posts : 35
Reputation : 2
Language : english

Back to top Go down

In progress Re: Fancy avatar background problem!

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

Increase the height to your likes, maybe 450px; would do the trick?



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

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

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