Announcement

Collapse
No announcement yet.

About CKEditor skin, interface

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

  • [Forum] 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.

  • #2
    I would also like to know where to style the new editor to different colors. Thanks.
    For custom designed Windows 7 Visual Styles/Themes, please visit CreativX!

    Comment


    • #3
      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.

      Comment


      • #4
        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
        Pittsburgh Sports Forum | http://www.pghsportsforum.com/forum
        Twitter - @pghsportsforum
        Facebook - www.facebook.com/pghsportsforum

        Comment


        • #5
          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, 12:58pm.

          Comment


          • #6
            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;
            Pittsburgh Sports Forum | http://www.pghsportsforum.com/forum
            Twitter - @pghsportsforum
            Facebook - www.facebook.com/pghsportsforum

            Comment


            • #7
              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/ ?

              Comment


              • #8
                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.
                Pittsburgh Sports Forum | http://www.pghsportsforum.com/forum
                Twitter - @pghsportsforum
                Facebook - www.facebook.com/pghsportsforum

                Comment


                • #9
                  Great All.

                  Comment


                  • #10
                    My TEST to publish to Facebook.

                    Comment


                    • LoveStream
                      LoveStream commented
                      Editing a comment
                      I have not permission to delete my post,

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

                    Comment

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