Page 1 of 2 12 LastLast
Results 1 to 10 of 20
  1. #1
    Join Date
    Sep 2009
    Location
    Stuart, FL
    Posts
    12,401
    Plugin Contributions
    87

    Default CSS Buttons for Admin [Support Thread]

    I'm about to upload this contribution to the Plugins area ... it's a small change that can totally change the look of your admin console, changing the display from something like
    Click image for larger version. 

Name:	currencies_without_css.jpg 
Views:	211 
Size:	10.0 KB 
ID:	13611
    to something like this
    Click image for larger version. 

Name:	currencies_with_css.jpg 
Views:	206 
Size:	9.7 KB 
ID:	13610
    Once I've got the plugin's download URL, I'll update here.

  2. #2
    Join Date
    Sep 2009
    Location
    Stuart, FL
    Posts
    12,401
    Plugin Contributions
    87

    Default Re: CSS Buttons for Admin [Support Thread]

    Once reviewed, the plugin will be available here: http://www.zen-cart.com/downloads.php?do=file&id=1804

  3. #3
    Join Date
    Jan 2007
    Location
    Los Angeles, California, United States
    Posts
    10,023
    Plugin Contributions
    32

    Default Re: CSS Buttons for Admin [Support Thread]

    Quote Originally Posted by lat9 View Post
    Once reviewed, the plugin will be available here: http://www.zen-cart.com/downloads.php?do=file&id=1804
    I LOVE you!!! this will go GREAT with my admin templates.. My templates are simple templates which use some CSS3 and no images, but they make a nice change to the drab stock green admin (no offense.. ).. Just like the storefront CSS buttons eliminates the need for cumbersome storefront image button sets, I would LOVE LOVE LOVE to replace ALL the admin image buttons with CSS buttons.. It eliminates the need for creating buttons for contributions which have an admin interface..
    My Site - Zen Cart & WordPress integration specialist
    I don't answer support questions via PM. Post add-on support questions in the support thread. The question & the answer will benefit others with similar issues.

  4. #4
    Join Date
    Sep 2009
    Location
    Stuart, FL
    Posts
    12,401
    Plugin Contributions
    87

    Default Re: CSS Buttons for Admin [Support Thread]

    Quote Originally Posted by DivaVocals View Post
    It eliminates the need for creating buttons for contributions which have an admin interface..
    That was the main reason I created the plugin; I was getting eye-strain from all the differently-formatted buttons ... although I do like the look of the button-pack provided by Super Orders. Have you ever considered just packaging up those buttons as an admin-level plugin?

  5. #5
    Join Date
    Jan 2007
    Location
    Los Angeles, California, United States
    Posts
    10,023
    Plugin Contributions
    32

    Default Re: CSS Buttons for Admin [Support Thread]

    Quote Originally Posted by lat9 View Post
    That was the main reason I created the plugin; I was getting eye-strain from all the differently-formatted buttons ...
    That's why I eventually replaced the three Super Order buttons with CSS buttons. I thought the original SO buttons looked too "ugly". CSS buttons were cleaner..

    Quote Originally Posted by lat9 View Post
    although I do like the look of the button-pack provided by Super Orders. Have you ever considered just packaging up those buttons as an admin-level plugin?
    I never thought about that.. I have to admit I "borrowed" those buttons and icons from one of the few available admin templates.. (Can't remember which one..) I loved the way those buttons looked and how they spruced up the look of the admin which is why I included them in the SO package.. Maybe I will package them up and submit them..
    My Site - Zen Cart & WordPress integration specialist
    I don't answer support questions via PM. Post add-on support questions in the support thread. The question & the answer will benefit others with similar issues.

  6. #6
    Join Date
    Sep 2009
    Location
    Stuart, FL
    Posts
    12,401
    Plugin Contributions
    87

    Default Re: CSS Buttons for Admin [Support Thread]

    The plugin is now available for download ...

  7. #7
    Join Date
    Jan 2007
    Location
    Los Angeles, California, United States
    Posts
    10,023
    Plugin Contributions
    32

    Default Re: CSS Buttons for Admin [Support Thread]

    Quote Originally Posted by lat9 View Post
    The plugin is now available for download ...
    Downloaded earlier this morning and now I am incorporating it into my admin template so I can submit it.. Well done.. installed SMOOTH as glass!!!
    My Site - Zen Cart & WordPress integration specialist
    I don't answer support questions via PM. Post add-on support questions in the support thread. The question & the answer will benefit others with similar issues.

  8. #8
    Join Date
    Jan 2007
    Location
    Los Angeles, California, United States
    Posts
    10,023
    Plugin Contributions
    32

    Default Re: CSS Buttons for Admin [Support Thread]

    Wanted to share a small change I made so that the buttons on the login page match the rest of the admin CSS buttons..

    In "YOUR_ADMIN/includes/stylesheet.css" find the following:
    Code:
    body#login legend{
    background:#ffffff;
    border:1px solid #003D00;
    color:#333333;
    font-size:90%;
    padding:0.2em 0.5em;
    text-align:right;
    }
    After that add this:
    Code:
    /* <<<<<<<<<<<<<<<<< Begin CSS Login Buttons >>>>>>>>>>>>>>>>>>>> */
    .button, input.button, input[type=button] {
        background-color:white; 
        border:1px solid #003366; 
        color:#404040; 
        border-radius:6px; 
        display:inline-block; 
        font-family:Verdana; 
        font-size:11px; 
        font-weight:bold; 
        margin: 0; 
        padding:3px 8px; 
        text-decoration:none; 
    }
    .button:hover, input.button:hover, input[type=button]:hover {
        background-color:#ccc; 
        border: 1px solid #003d00; 
        cursor: pointer;
    }
    /* <<<<<<<<<<<<<<<<< End CSS Login Buttons >>>>>>>>>>>>>>>>>>>> */
    Last edited by DivaVocals; 3 Jan 2014 at 08:20 PM.
    My Site - Zen Cart & WordPress integration specialist
    I don't answer support questions via PM. Post add-on support questions in the support thread. The question & the answer will benefit others with similar issues.

  9. #9
    Join Date
    Sep 2009
    Location
    Stuart, FL
    Posts
    12,401
    Plugin Contributions
    87

    Default Re: CSS Buttons for Admin [Support Thread]

    Instead, how about
    1. Moving the @import url("stylesheet_admin_css_buttons.css"); statement to the bottom of the stylesheet.css
    2. Modifying stylesheet_admin_css_buttons.css to include the additional selectors:

    Code:
    .cssButton, .cssButton:hover, input.cssButton, .button, input.button, input[type=button] { background-color:white; border:1px solid #003366; color:#404040; border-radius:6px; display:inline-block; font-family:Verdana; font-size:11px; font-weight:bold; margin: 0; padding:3px 8px; text-decoration:none; }
    span.cssButton:hover { background-color: #dcdcdc; }
    input.cssButton:hover, .button:hover, input.button:hover, input[type=button]:hover { background-color:#ccc; border: 1px solid #003d00; cursor: pointer; }

  10. #10
    Join Date
    Jan 2007
    Location
    Los Angeles, California, United States
    Posts
    10,023
    Plugin Contributions
    32

    Default Re: CSS Buttons for Admin [Support Thread]

    Quote Originally Posted by lat9 View Post
    Instead, how about
    1. Moving the @import url("stylesheet_admin_css_buttons.css"); statement to the bottom of the stylesheet.css
    2. Modifying stylesheet_admin_css_buttons.css to include the additional selectors:

    Code:
    .cssButton, .cssButton:hover, input.cssButton, .button, input.button, input[type=button] { background-color:white; border:1px solid #003366; color:#404040; border-radius:6px; display:inline-block; font-family:Verdana; font-size:11px; font-weight:bold; margin: 0; padding:3px 8px; text-decoration:none; }
    span.cssButton:hover { background-color: #dcdcdc; }
    input.cssButton:hover, .button:hover, input.button:hover, input[type=button]:hover { background-color:#ccc; border: 1px solid #003d00; cursor: pointer; }
    Why not.. **lol**
    My Site - Zen Cart & WordPress integration specialist
    I don't answer support questions via PM. Post add-on support questions in the support thread. The question & the answer will benefit others with similar issues.

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. v153 CSS JS Loader [Support Thread]
    By lat9 in forum All Other Contributions/Addons
    Replies: 168
    Last Post: 3 Aug 2023, 03:37 PM
  2. v151 Admin Keepalive Timer [Support Thread]
    By DrByte in forum Addon Admin Tools
    Replies: 78
    Last Post: 7 Apr 2019, 03:49 PM
  3. v150 CSS3 Buttons [support thread]
    By lat9 in forum All Other Contributions/Addons
    Replies: 148
    Last Post: 25 Oct 2017, 07:50 PM
  4. Admin Profiles (for v1.3.x only!) Support Thread
    By kuroi in forum All Other Contributions/Addons
    Replies: 1237
    Last Post: 15 Jan 2016, 10:24 PM
  5. v151 Blue Admin [Support Thread]
    By vvomble in forum Addon Templates
    Replies: 11
    Last Post: 27 May 2013, 09:43 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR