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.

Make Smilies Transparent

View previous topic View next topic Go down

Solved Make Smilies Transparent

Post by Spyro Dragon™ on December 10th 2014, 11:06 pm



Is there a way to make the smilie box transparent with the background, it kinda Doesn't go with my theme.

Spyro Dragon™
Forumember

Male Posts : 202
Reputation : 2
Language : English

http://SpyroDragon.com

Back to top Go down

Solved Re: Make Smilies Transparent

Post by Mati on December 10th 2014, 11:30 pm

Try this in your CSS

Code:
div.sceditor-dropdown {
    background: transparent!important;
}

Mati
Active Poster

Posts : 1873
Reputation : 281
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://elite-gaming.forumotion.net/

Back to top Go down

Solved Re: Make Smilies Transparent

Post by Spyro Dragon™ on December 11th 2014, 9:03 am

Nothing Happend

Spyro Dragon™
Forumember

Male Posts : 202
Reputation : 2
Language : English

http://SpyroDragon.com

Back to top Go down

Solved Re: Make Smilies Transparent

Post by SarkZKalie on December 11th 2014, 10:32 am

Code:
#sce_smilies_body, .smiley-element {
background: transparent !important;
/* Option #2 */
background: url('http://i59.servimg.com/u/f59/17/84/98/50/backro10.jpg') 100% repeat; !important
}
Use this option #2, if the first one doesn't w#2k :3


Last edited by sarkzkalie01 on December 11th 2014, 10:38 am; edited 1 time in total

SarkZKalie
Forumember

Male Posts : 419
Reputation : 74
Language : English

http://rotavn.nstars.org/

Back to top Go down

Solved Re: Make Smilies Transparent

Post by Spyro Dragon™ on December 11th 2014, 10:36 am

the 1st one made it all white and the 2nd one did nothing.

Spyro Dragon™
Forumember

Male Posts : 202
Reputation : 2
Language : English

http://SpyroDragon.com

Back to top Go down

Solved Re: Make Smilies Transparent

Post by SarkZKalie on December 11th 2014, 10:42 am

Why didn't I see smiley box on your forum?

SarkZKalie
Forumember

Male Posts : 419
Reputation : 74
Language : English

http://rotavn.nstars.org/

Back to top Go down

Solved Re: Make Smilies Transparent

Post by Spyro Dragon™ on December 11th 2014, 10:43 am

oh because its reuining the theme... so im turning it back on to test the codes...and if they don't work im turing it back off.. ill leave it on for a while so you can see.. and the 2nd one just put my background picture in it and kept the ugly white border  .. I want it transparent with the background...  A picture scrolling over a picture doesn't look good.

Spyro Dragon™
Forumember

Male Posts : 202
Reputation : 2
Language : English

http://SpyroDragon.com

Back to top Go down

Solved Re: Make Smilies Transparent

Post by inallsorts on December 11th 2014, 10:47 am

Mati™ wrote:Try this in your CSS

Code:
div.sceditor-dropdown {
    background: transparent!important;
}

Just letting everyone know, this code works perfectly on phpBB3.

inallsorts
Forumember

Posts : 246
Reputation : 8
Language : English

Back to top Go down

Solved Re: Make Smilies Transparent

Post by Spyro Dragon™ on December 11th 2014, 10:48 am

The first guy to reply to this had gave me this code and  nothing happend

Spyro Dragon™
Forumember

Male Posts : 202
Reputation : 2
Language : English

http://SpyroDragon.com

Back to top Go down

Solved Re: Make Smilies Transparent

Post by SarkZKalie on December 11th 2014, 11:05 am

What about this?
Code:
#sceditor_smilies {
background-color: transparent; !important
}

SarkZKalie
Forumember

Male Posts : 419
Reputation : 74
Language : English

http://rotavn.nstars.org/

Back to top Go down

Solved Re: Make Smilies Transparent

Post by Spyro Dragon™ on December 11th 2014, 11:15 am

well that got rid of the border.. but the picture is still not transparent
Just put a black box behind it.

Spyro Dragon™
Forumember

Male Posts : 202
Reputation : 2
Language : English

http://SpyroDragon.com

Back to top Go down

Solved Re: Make Smilies Transparent

Post by SLGray on December 11th 2014, 9:44 pm

Add the #CSS to the top of your stylesheet.


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


SLGray
Administrator
Administrator

Male Posts : 35672
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Make Smilies Transparent

Post by Spyro Dragon™ on December 12th 2014, 4:59 am

Does the same thing... Closest we got so far was just replacing it with a black img.. but I want it transparent with the background...


Aucualy I put 2 of the codes in and one makes it transparent but it makes the site not scroll...


I put this code in



----------

#sceditor_smilies {
background-color: transparent; !important
}
#sce_smilies_body, .smiley-element {
background: transparent !important;


----
on the top.. and it made it transparent with the background..but now the Background wont stay still.. I don't want the background to move.

Spyro Dragon™
Forumember

Male Posts : 202
Reputation : 2
Language : English

http://SpyroDragon.com

Back to top Go down

Solved Re: Make Smilies Transparent

Post by SLGray on December 12th 2014, 5:46 am

#sce_smilies_body, .smiley-element {
      background: transparent !important;
      position:  fixed !important:
}


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


SLGray
Administrator
Administrator

Male Posts : 35672
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Make Smilies Transparent

Post by Spyro Dragon™ on December 13th 2014, 3:26 am

#sceditor_smilies {
background-color: transparent; !important
}
#sce_smilies_body, .smiley-element {
background: transparent !important;
#sce_smilies_body, .smiley-element {
      background: transparent !important;
      position:  fixed !important:
}


Is what did the trick..
  [SOLVED]

Spyro Dragon™
Forumember

Male Posts : 202
Reputation : 2
Language : English

http://SpyroDragon.com

Back to top Go down

Solved Re: Make Smilies Transparent

Post by Ange Tuteur on December 13th 2014, 3:35 am

Topic archived

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

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