Announcement

Collapse
No announcement yet.

About CKEditor skin, interface

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Joe D.
    replied
    In the future we have a specific forum for making such tests - http://www.vbulletin.com/forum/forum...est-things-out

    Leave a comment:


  • LoveStream
    commented on 's reply
    I have not permission to delete my post,

  • LoveStream
    replied
    My TEST to publish to Facebook.

    Leave a comment:


  • LoveStream
    replied
    Great All.

    Leave a comment:


  • Mrdale96
    replied
    Since I'm there now trying to rectify my problem... the Css file I mentioned you have to access by going into your "clientscripts" folder on your server (looks like you discovered this). From there go into "ckeditor" and then "kama" and you'll find "toolbar.css" file which I believe is where the code you want to edit is.

    Leave a comment:


  • texasteamplayers
    replied
    That returns nothing for me, perhaps this is my problem then? What template is that supposed to be in?
    My only match on even ".cke_toolgroup" is
    Code:
    .cke_skin_kama div.cke_bottom_restore_autosave .cke_toolgroup {    height:18px;
        position:absolute;
        top:4px;
        padding:0 3px 0 0;
    }
    in editor.css template, (default, reverted template)

    hmmm when i try to override in the editor.css template.
    Code:
    .cke_skin_kama .cke_wrapper {
        background-color: #D3D3D3;
    from forum/clientscript/ckeditor/skins/kama/mainui.css
    keeps overriding mine.

    hmmmm did you make any changes to the css files in: forum/clientscript/ckeditor/skins/kama/ ?

    Leave a comment:


  • Mrdale96
    replied
    Originally posted by texasteamplayers View Post
    right, but the style for the buttons
    Code:
    .cke_skin_kama .cke_toolgroup {
    lies in forum/clientscript/ckeditor/skins/kama/toolbar.css along with everything else button related (i.e. drop downs and dialogs), right?


    edit: along with
    Code:
    .cke_skin_kama .cke_contents iframe {
    in forum/clientscript/ckeditor/skins/kama/mainui.css
    Search for in your templates -

    .cke_skin_kama .cke_toolgroup

    and then I just added :

    background-color: #XXXXXX;

    Leave a comment:


  • texasteamplayers
    replied
    Originally posted by Mrdale96 View Post
    Do a template search for ..

    .cke_skin_kama .cke_wrapper

    The background-color controls the color for the entire box/wrapper for the CK text editor
    right, but the style for the buttons
    Code:
    .cke_skin_kama .cke_toolgroup {
    lies in forum/clientscript/ckeditor/skins/kama/toolbar.css along with everything else button related (i.e. drop downs and dialogs), right?


    edit: along with
    Code:
    .cke_skin_kama .cke_contents iframe {
    in forum/clientscript/ckeditor/skins/kama/mainui.css
    Last edited by texasteamplayers; Thu 16 Jun '11, 1:58pm.

    Leave a comment:


  • Mrdale96
    replied
    Do a template search for ..

    .cke_skin_kama .cke_wrapper

    The background-color controls the color for the entire box/wrapper for the CK text editor

    Leave a comment:


  • texasteamplayers
    replied
    Originally posted by Taurus1 View Post
    I would also like to know where to style the new editor to different colors. Thanks.
    agreed. It seems currently, that the actual style sheet for the ckeditor lies in /forum/clientscript/ckeditor/skins/kama/... which means, any changes made to those css files will affect the editors apperence in all of the styles on your forum.

    So if you are like my site which has a dark and a light theme (which constrast in background color-text color), from what i have gathered so far, you have several choices:
    1. Rewrite the ckeditor to pull those style sheets which are currently in /forum/clientscript/ckeditor/skins/kama/... from vbulletin's css management system. This would allow you to customize the appearance of the editor on a per-style basis. The downside is, that subsequent vb updates will be a pain to apply until vb fixes this lack of per-style customiz'abilty (you will have to manually patch the files, ensure that your changes remain and apply and new changes to edited files)
    2. Try and make the editor unbais to color: i.e. making the tool bar transparent, likely have to modify the gradient (found in sprites.png (0,500px)), though the body-text container (where you are typing in the editor), will be a pain. You may be able to clear all css color overrides, so the system will pull from your styles body text color if your tenacious...
    3. Wait and hope vBulletin fully assimilates the editor's style into vb's style system.

    Leave a comment:


  • Taurus1
    replied
    I would also like to know where to style the new editor to different colors. Thanks.

    Leave a comment:


  • LoveStream
    started a topic [Forum] About CKEditor skin, interface

    About CKEditor skin, interface

    Hello. Team.

    I'm testing new editor too.
    Is there how to change the skin, padding or margin adjuster in the css? I look into the editor.css but I couldn't got the meaning through the lines.

    The default color is not match with us, so we need the color option or Editor Toolbar options.

    Thanks.
widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
Working...
X