mcwe_simple

MCWE is a tool that allows web developers to change the site’s design without editing CSS files. MCWE is a Drupal module that is very easy to install in the site’s core. After activation, a block appears that offers the possibility to change CSS styles in the page. When the MCWE is active web masters can select every object in the page and edit everything. Moreover, web developers can scale the HTML tree. There is a possibility to access the parents tag and then the children tag. The opposite direction from parent to children also is possible. When the object is captured, the panel with all the styles helps web masters to change the aspect of page. All styles CSS is separated in some sections like: position, backgrounds, text, fonts. In that section web developers can set value to CSS property. There are some widgets that allow simplifying the editing CSS process: autocomplete, the panel with general style for people that don’t know CSS. Also there is a possibility to control the styles that were set. In that compartment web developer has all the styles that have been set in the site with MCWE from the beginning till now. In addition, web master can disable and edit all the style and set the page where the CSS style will work. MCWE is a new project and is better that the traditional way of editing CSS style, because due to MCWE, web master can see the change in the browser and save CSS style in the browser without opening, changing and saving CSS files. Also MCWE is a useful tool for simple administrators of sites that want to correct a simple bug without calling web masters.

How to use

Install module. Add the "Mcwe Simple" block somewhere on the page. Click on the Activate button from the "Mcwe Simple" block. A popup appear on the left side.
Click on the element one want to edit. In order to go to parent or children use the button from the popup from the top. In order to get the selector clock on "Get element".
In order to make an selector click on "Make element".
The selector appears on the the popup. In order to edit style click on the selector.
Another popup appear. Edit styles using the sections:position, backgrounds, text, fonts. Also one can add some other properties on "Generel" section clicking on "Add property". In order to save the style click on "SAVE CSS".
In order to edit the style you have saved click on "Control" button. A popup appear. In order to disable/enable some block of styles click on checkbox from left side. In order to edit the style manually click on "Edit styles" from right side. In order to edit style using the popup click on "Go to get" from left side.

Important

The style are saved in database. When a page is loaded, it is checked is there are some style for that page. If true, the style are put on the attribute "style" of the element using javascript. The advantage is that the style have high priority and will be apply always.