MyBB Community Forums

So i have the smilie inserter working (finally). But there is still 1 last issue i have with it.

I would like to style it a bit differently. Then how it looks currently.



The things i would like to change:

1. The size of the container (it needs to be able to hold 4 buttons)
   
2. I want to remove most to all of the styling for the buttons. I purely want the mouse to become a pointer on hover.
   But no longer the color of the button , the border and all those things. So i want to more or less make it look like the default on the left (without the top bar).
   

I tried a few things in CSS but simply couldn't get it to to change.
Only by editing line 30 but that had an affect on all the buttons :<

If anybody is able to help me i would greatly appreciate it.

How the menu is created:

drawSmileyOption: function(option)
	{
		var item = document.createElement('button');
		item.extra = option.value;
		item.className = 'editor_dropdown_smiley_item';
		item.title = option.value;
		item.innerHTML = '<img src="jscripts/editor_themes/default/images/smiley/'+option.value+'.gif">';
		return item;
	},

May i have the forum url to see exactly the css tags names you have used. So that we can do the changes

Everything is done locally, if i would take the a picture of the whole page the old smilie inserter is still next to it so

Never do these things live, since it are such key areas that i don't want to mess with them on a live site.

But all the buttons if its of any use do have the same class:

editor_dropdown_smiley_item

Nevermind just me being utterly stupid..
Forgot to add !important behind all the things.

Working completely now



I know its not 4 rows yet, but i am happy with it

Looks great Anori - have you considered making it an ul>li?

(2012-10-21, 04:49 PM)Leefish Wrote: [ -> ]Looks great Anori - have you considered making it an ul>li?

I could have looking back at it now, but when i first (without css changes) used LI it looked horrible you got more or less:


empty-space

As a stairs, then i used buttons and it at least for the moment made it look really nice again. Like shown on the first picture, after changing a few more things with the CSS. I just decided to stay with the buttons. Have the same affect as the LI in the end and i also somehow like that little raised borders.

So i could change it (maybe i even will ) but for now i am happy with the way it looks and the way it functions