Sign Up! Login: Password: New User? Forgot? Support
Code 
 
 
Forums 
Forums : Theme > GuildPortal CSS Styles - Feb 2010
Mottie (SuperAdmin) 2/11/2010 2:34 PM EST : GuildPortal CSS Styles - Feb 2010
ACK!
Mottie
Posts: 3883

0
Like

0
Dislike

GuildPortal CSS Styles

GuildPortal admin site link to the original post

With the addition of the Standard CSS Classes list, I got an idea to combine it with something like SelectorGadget's functionality (just not as complex). So, I came up with a bookmarklet that will open a styles selector window. The bookmarklet can be used on any page. All you need to do is drag the following link to your browser's toolbar or into your Bookmarks:
[ GuildPortal CSS Styles ]
It's still a work in progress, so if you find any problems tell me. Oh.. and it'll work with IE, but I've found it works a LOT slower, so I'd recommend using a different browser.

Click the link above, or from your bookmarks and try it on this site now! 

The Help-Site Home page with the GuildPortal CSS Styles window
  

Instructions

 GuildPortal CSS Styles Layout


  1. Selection Tree
    Select a CSS name from the list. The class/ID will then be highlighted in the main window, if it is visible.

  2. Currently Selected CSS Style
    After selecting a CSS name from the list, it will be marked as selected. The name will also appear in the right panel under "Selected CSS"

  3. Number of Selected Classes Found
    This value, next to the "Selected CSS" title, shows the number of currently visible selected CSS classes or ID found in the main window.

  4. Theme Selector & Reset
    Select the dark theme (black bullet) or light theme (white bullet) as desired. Your selection will be saved for the next time you open the window. To reset the options, click the red bullet.

  5. Selected CSS class/ID and Description
    This area contains the currently selected CSS name and a short description.

  6. Highlight Options
    Choose the highlight box style to include the border and/or background. You can modify the style and include the selected class' defined margin, border and/or padding.

  7. CSS Layout
    Get a visual idea of the currently selected CSS class/ID's margins, border size and padding. All values are in pixels.
Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
TopBottom

 
 
Key 
New posts No new posts
New posts ( popular ) No new posts ( popular )
New posts ( sticky ) No new posts ( sticky )
New posts ( locked ) No new posts ( locked )
 
 
Who's Online 
There are   members online.
 
 
So-and-so has logged on!
%title%
%message%