CSS/Editor is a tool to design, edit and troubleshoot web site cascading style sheets (CSS) Cascading style sheets (CSS) are the smart way to style your web site. CSS/Editor is a practical browser based utility that will allow you to quickly manage your web site(s) cascading style sheets. Rather than work with open text and sift through the many defined style tags, CSS/Editor allows you to quickly navigate to the tag, set properties and save the sheet in real time. CSS/Editor also includes easy to reference W3C recommended standards. From beginners to experts, CSS/Editor creates and manages styles quickly and assists you in learning the complexities of the cascading style sheet language.
CSS/Editor is a tool to design, edit and troubleshoot web site cascading
style sheets (CSS)
Cascading style sheets (CSS) are the smart way to
style your web site. CSS/Editor is a practical browser based utility that
will allow you to quickly manage your web site(s) cascading style sheets.
Rather than work with open text and sift through the many defined style
tags, CSS/Editor allows you to quickly navigate to the tag, set properties
and save the sheet in real time. CSS/Editor also includes easy to reference
W3C recommended standards. From beginners to experts, CSS/Editor creates and
manages styles quickly and assists you in learning the complexities of the
cascading style sheet language.
Basic Features
Advanced Color Selection Tool
Integrated Color Scheme Generator
CSS File Updating with proper spacing and formatting
Alphabetic Tag list selection
Automatically loads all CSS files available manage
Takes the guess work out of tag and property names
Instant Previewing
Style tag standard quick reference
Intuitive interface
DNN 2.x and 3.x compatible
DNN Security Integrated, Admin and Host modes
Easy-Install Private Assembly
New Features in 1.9.2
Color Selection Quick Entry
CSS Comments on Classes and Attributes
CSS Files now save with Comments
New Attribute Toolbar provides better usability
Switch between Design, Code and Comment views for faster editing and
greater flexibility
Modified Core Architecture of AJAX interaction
Exposed CSS Reference Table of Contents
Architected for 3.x and 4.x platforms
Style Sheet Files Provides the ability to open any of the CSS
files located in your website. Administrators will see files from their
portal directory and its subdirectories, while hosts can view and edit
any of the style sheets in the entire site.
Style/Class Navigation After opening a Style Sheet, Styles or
Class Names are listed in alphabetic order in the left panel. The item
currently selected in the list will be highlighted. The selected item
attributes are shown on the right panel. Above the list of attributes is
the Style Control Toolbar and the selected style or class name is shown.
Color Selection The color selection panel provides the ability to
choose available colors. Follow these steps to select a color:
Choose a Hue
Choose a Shadow/Tone
Moving your mouse around in the shadow/tone gradient box will
automatically update this color preview box.
Selected Color, get Shadow/Tones for this color
Color Sheme Generator Clicking { ? }
next to the Selected Color hexadecimal value will open the Color Scheme
report for the Selected Color. Color scheme generation is based on the
concept of how colors are related to one another on the color wheel. Our
color scheme generator provides sets of colors that are related in
different ways so you get a full understanding of each of the
relationships, and a set of colors that accompany the Selected Color
perfectly.
Instant Preview You may instantly preview all changes to the
current style you are working on. Changes to the Name or Value of each
attribute will immediately be handled and displayed. The update is
handled in the onchange of the text objects, so you will need to leave
the cell in order for this to occur.
Style Control Toolbar Controlling the general aspects of each of
your styles, from here you can modify the style name, copy the current
style within the same stylesheet or between sheets, create a new style,
Add new attributes, Undo your changes, or delete the style completely.
Attributes (Design View) View and edit all of your attributes in
real time, with no postbacks! The text box values provide the ability to
add or update a name and value for each of your attributes. Interact
directly with the color selection by importing and exporting the color.
Plus, with our built-in CSS2.1 reference, you can identify how to set
the value for the attribute name quick and easily.
Attributes (Code View) Code view allows you to edit the physical
code for all attributes in the selected style. The code view also
provides the ability to place comments within the attribute source, and
comment out attribute lines.
Styles (Comment View) Comments provides easy display and editing
of the comments surrounding your style elements. Comments contained in
the CSS file are related directly to the style trailing the comment. All
comments will appear as headers for your elements when the file is
saved.
Help Assistance Window Help reference and CSS\Editor instructions
are available at all times via the Help Assistance window.
Changes and Undo Your settings and current workspace are stored
within your web session, so you may freely browse your site in the
process of making changes. As stated previously, Undo in the Style Sheet
Toolbar reverts the file back to its original state, when the last Load
was request - NOT - when the last save occurred. Remember to click Save
after Undo to revert the actual file back to its original state. Undo in
the Style
R2integrated (formerly Bi4ce)
R2integrated (R2i), formerly Bi4ce, is a leading creative design & software engineering firm focused on providing new media communication & technology services and products. We provide award winning designs, top selling modules and experienced engineering and expert consulting support services for Internet, Intranet and Extranet projects. R2i helps organizations bridge DNN based systems with cutting edge technologies such as the .NET Framework, Ajax and Flash.
)
)
)
)
)
)
)
)
)
)
Help Assistance Window Help reference and CSS\Editor instructions
are available at all times via the Help Assistance window. 
