can you help with STYLES dropdown list ?

Hello,

Does anyone have a code example to create "styles" in a dropdown list?

I would appreciate it!

Dennis

====================================
Here is what I have tried so far:

1.) made a copy of default.js ( as was found in /ckeditor/_source/plugins/stylescombo/styles )

2.) saved it as dnocdefault.js, in a js folder off my root ( /js/dnocdefault.js )

3.) edited the new dnocdefault.js file, creating a few styles. I saw that we are also able to create styles for elements like "h1", and they are supposed to come up in the same list. I tried that too. My dnocdefault.js file is as follows:

/*
Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.html or http://ckeditor.com/license
*/

CKEDITOR.addStylesSet( 'dnocdefault',
[
   /* Block Styles */

   // These styles are already available in the "Format" combo, so they are
   // not needed here by default. You may enable them to avoid placing the
   // "Format" combo in the toolbar, maintaining the same features.
   
   { name : 'Paragraph'      , element : 'p',
      attributes:
      {
         'line-height' :   '16px',
         'margin-bottom' :   '8px',
         'text-align' :      'justify',
         'font-size' :      '100%'
      }
   },
   { name : 'Heading 1'      , element : 'h1', 
      attributes:
      {
         'font-family' :   'Georgia, "Times New Roman", Times, serif',
         'font-size' :      '240%',
         'color' :         '#738028',
         'margin' :         '5px 0px 10px 0px'
      }
   },
   { name : 'Heading 2'      , element : 'h2', 
      attributes:
      {
         'font-family' :   'Georgia, "Times New Roman", Times, serif',
         'font-size' :      '180%',
         'color' :         '#738028'
      }
   },
   { name : 'Heading 3'      , element : 'h3', 
      attributes:
      {
         'font-family' :   'Georgia, "Times New Roman", Times, serif',
         'font-size' :      '140%',
         'color' :         '#738028'
      }
   },
   /*{ name : 'Heading 2'      , element : 'h2' },
   { name : 'Heading 3'      , element : 'h3' },
   { name : 'Heading 4'      , element : 'h4' },
   { name : 'Heading 5'      , element : 'h5' },
   { name : 'Heading 6'      , element : 'h6' },
   { name : 'Preformatted Text', element : 'pre' },
   { name : 'Address'         , element : 'address' },
   */

   { name : 'Blue Title'      , element : 'h3', styles : { 'color' : 'Blue' } },
   { name : 'Red Title'      , element : 'h3', styles : { 'color' : 'Red' } },

   /* Inline Styles */

   // These are core styles available as toolbar buttons. You may opt enabling
   // some of them in the Styles combo, removing them from the toolbar.
   /*
   { name : 'Strong'         , element : 'strong', overrides : 'b' },
   { name : 'Emphasis'         , element : 'em'   , overrides : 'i' },
   { name : 'Underline'      , element : 'u' },
   { name : 'Strikethrough'   , element : 'strike' },
   { name : 'Subscript'      , element : 'sub' },
   { name : 'Superscript'      , element : 'sup' },
   */
   { name : 'readMore' , element : 'span', styles:
      {
         'font-weight' :   'bold',
         'margin' :         '10px 0px 10px 0px'
      }
   },
   { name : 'Marker: Yellow'   , element : 'span', styles : { 'background-color' : 'Yellow' } },
   { name : 'Marker: Green'   , element : 'span', styles : { 'background-color' : 'Lime' } },

   { name : 'Big'            , element : 'big' },
   { name : 'Small'         , element : 'small' },
   { name : 'Typewriter'      , element : 'tt' },

   { name : 'Computer Code'   , element : 'code' },
   { name : 'Keyboard Phrase'   , element : 'kbd' },
   { name : 'Sample Text'      , element : 'samp' },
   { name : 'Variable'         , element : 'var' },

   { name : 'Deleted Text'      , element : 'del' },
   { name : 'Inserted Text'   , element : 'ins' },

   { name : 'Cited Work'      , element : 'cite' },
   { name : 'Inline Quotation'   , element : 'q' },

   { name : 'Language: RTL'   , element : 'span', attributes : { 'dir' : 'rtl' } },
   { name : 'Language: LTR'   , element : 'span', attributes : { 'dir' : 'ltr' } },

   /* Object Styles */

   {
      name : 'Image on Left',
      element : 'img',
      attributes :
      {
         'style' : 'padding: 5px; margin-right: 5px',
         'border' : '2',
         'align' : 'left'
      }
   },

   {
      name : 'Image on Right',
      element : 'img',
      attributes :
      {
         'style' : 'padding: 5px; margin-left: 5px',
         'border' : '2',
         'align' : 'right'
      }
   }
]);