zaterdag 30 juli 2011

Styling TinyMCE formatting dropdown box

TinyMCE configuratie:

theme_advanced_buttons1 : formatselect
theme_advanced_blockformats : "h2,p",    (toegestane tags)
content_css : "../content.css",


content.css:


.mce_h2 span.mceText {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #ff9900}
.mce_p span.mceText {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal; color:#777777}


tinymce\jscripts\tiny_mce\themes\advanced\skins\default\ui.css

wijzig deze lijnen:

.defaultSkin .mceMenu .mceText {padding:0 25px 0 25px; display:block}

.defaultSkin .mceMenu span.mceText, .defaultSkin .mceMenu .mcePreview {font-size:11px}

.defaultSkin .mceMenuItemTitle span.mceText {font-family:Tahoma,Verdana,Arial,Helvetica; font-size:11px; color:#000; font-weight:bold; padding-left:4px}


Geen opmerkingen:

Een reactie posten