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.

can i have a little change in the group background script

View previous topic View next topic Go down

Solved can i have a little change in the group background script

Post by Michael_vx on August 29th 2015, 10:37 am

the Script blow

Code:
a span[style="color:#FF0000"] strong {
background: url("http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif");
}
is for adding a background to member names in order by the group they belong to
what i want is a way to make the background with a fixed size and putting icon at the left side of the names i tried to use this
Code:
a span[style="color:#FF0000"] strong {
  background: url("http://i63.servimg.com/u/f63/11/73/76/86/64x64_13.png") no-repeat 14px 14px,url("http://i82.servimg.com/u/f82/11/72/76/36/f6d7c310.png") 0 0 / 100% 100%;
}
but its did not work
this image what i want to achive

thank you


Last edited by Michael_vx on August 31st 2015, 9:03 am; edited 1 time in total

Michael_vx
Forumember

Male Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

Solved Re: can i have a little change in the group background script

Post by Michael_vx on August 30th 2015, 12:50 pm

hello ?
any one here Very Happy

Michael_vx
Forumember

Male Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

Solved Re: can i have a little change in the group background script

Post by Klemen on August 30th 2015, 2:07 pm

You could try adding the image you want on the left separately with ':before'.

Example:
Code:

a span[style="color:#FF0000"]:before{
    content: url('http://i63.servimg.com/u/f63/11/73/76/86/64x64_13.png');
}

Try playing around with that.

Klemen
Forumember

Male Posts : 292
Reputation : 32
Language : English, German, Slovene

http://www.bannedbrotherhood.com

Back to top Go down

Solved Re: can i have a little change in the group background script

Post by Michael_vx on August 30th 2015, 5:08 pm

blackeye
may be i was not clear yet
i want both a background and icon
also the the main problem is the size of the background i need it to be a fixed size of background like the image i provide above
blackeye

Michael_vx
Forumember

Male Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

Solved Re: can i have a little change in the group background script

Post by Klemen on August 30th 2015, 5:11 pm

@Michael_vx wrote:blackeye
may be i was not clear yet
i want both a background and icon
also the the main problem is the size of the background i need it to be a fixed size of background like the image i provide above
blackeye

I meant that you have to add both, your previous CSS and the one I posted:

Code:

a span[style="color:#FF0000"] strong {
    background: url("http://i82.servimg.com/u/f82/11/72/76/36/f6d7c310.png") 0 0 / 100% 100%;
}

a span[style="color:#FF0000"]:before{
    content: url('http://i63.servimg.com/u/f63/11/73/76/86/64x64_13.png');
}

I'm not sure how to re-size the icon, but you could downsize it in an image editor program beforehand.

Would that be alright?


Klemen
Forumember

Male Posts : 292
Reputation : 32
Language : English, German, Slovene

http://www.bannedbrotherhood.com

Back to top Go down

Solved Re: can i have a little change in the group background script

Post by Michael_vx on August 30th 2015, 7:33 pm

blackeye
its almost good
the only thing missing is to make sure the background is to be like the image i provide

Michael_vx
Forumember

Male Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

Solved Re: can i have a little change in the group background script

Post by Klemen on August 30th 2015, 8:35 pm

Finally got it.


Add this to your CSS:
Code:

a span[style="color:#FF0000"] strong{    /*set to group color that you want to change*/
    color: #000562;    /* group color that will appear */
    background: url('http://www.burnglidingclub.co.uk/uploads/userprofile/small/1000banner.jpg');    /*enter background image link*/
    width: 90px;    /*set to background width */
    height: 30px;    /*set to background height */
    line-height: 30px;    /*set to background height */
    text-align: center;
    display: inline-block;

}

a span[style="color:#FF0000"]:before{    /* set to group color that you want to change */
    content: url('http://i32.tinypic.com/v5v6s7.jpg');    /* enter url of the image that will be left of the username */
}

And change the code according to the comments I made.


Last edited by Klemen on August 31st 2015, 10:36 am; edited 1 time in total

Klemen
Forumember

Male Posts : 292
Reputation : 32
Language : English, German, Slovene

http://www.bannedbrotherhood.com

Back to top Go down

Solved Re: can i have a little change in the group background script

Post by Michael_vx on August 31st 2015, 8:54 am

wow brother affraid
its ****ing cool style my brother
words are not Enough to thank you for your great help
because im not good Enough to code things
im glad
so happy by your help
for stuff my topic is solved and it can be archived

Michael_vx
Forumember

Male Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

Solved Re: can i have a little change in the group background script

Post by SLGray on August 31st 2015, 7:09 pm

Topic solved and archived



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


SLGray
Administrator
Administrator

Male Posts : 36751
Reputation : 2449
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