Posted 5 months ago #
You will definitely be turning off Fluency for a while if you pull the trigger on the new upgrade right now. My temporary loss is definitely your informational gain.
PS- the newly tweaked WordPress dashboard is *okay* but Dean's plugin was still far superior IMO.
Posted 5 months ago #
Agreed. It does not work right now with the 3.3 new update installation of WordPress.
It looks like it is just a few minor tweaks in the CSS of the menu and some new css that needs to be over ridden in the newer system.
Posted 5 months ago #
I have a work around for those who would like one until the plugin's author can update.
Basically all this does is override Dean's and WordPress's css.
You will want to add this into your functions.php file of your theme or if you run a network of sites (like i do) you will want to put this in a custom plugin that you can put in your plugins folder or your mu-plugins folder. Either one will will work.
////////////////////////////////////////////////////////////////////////////////////
// This gives us some options for styling the admin area
///////////////////////////////////////////////////////////////////////////////////
function custom_colors() {
echo '<style type="text/css" media="screen, print">
#adminmenu li.wp-has-current-submenu .wp-menu-arrow, #adminmenu li.menu-top:hover .wp-menu-arrow, #adminmenu li.current .wp-menu-arrow, #adminmenu li.focused .wp-menu-arrow, #adminmenu li.menu-top.wp-has-submenu:hover .wp-menu-arrow div { display: none !important; }
.fluency-hover-menus #adminmenu .wp-submenu { -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.25) !important; -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.25) !important; box-shadow: 0px 0px 0px rgba(0,0,0,0.25) !important; border-left: 1px solid #FFF !important;}
</style>';
add_action('admin_head', 'custom_colors');
Posted 5 months ago #
If you've turned off the plugin and want to work within the new css to accomplish something like the default fluency implementation, give this a try:
//Add to functions.php or, ideally, include in a plugin.
function like_fluency_css() {
echo '<style>
*,body {font-family: helvetica, sans-serif;}
img#header-logo{display: none;}
#adminmenu div.wp-menu-image {float: left;width: 1px;height: 28px;}
#adminmenu .wp-menu-image a{display: none;}
#wp-admin-bar-wp-logo{display: none;}
#adminmenuback, #adminmenuwrap {background-color: #222;border-color: #444;border-right-color: #ddd;}
#adminmenu li.wp-menu-separator {display: none;}
#adminmenu div.separator {border-color: #0e6ac8;}
#adminmenu a.menu-top, .folded #adminmenu li.menu-top, #adminmenu .wp-submenu .wp-submenu-head {border-top-color: #444;border-bottom-color: #000;}
#adminmenu a {color:#fff;}
#adminmenu .wp-submenu a {color:#777;}
#adminmenu a:hover, #adminmenu li.menu-top>a:focus, #adminmenu ul.wp-submenu a:hover {color: #fff;}
#adminmenu li.menu-top:hover>a, #adminmenu li.menu-top.focused>a, #adminmenu li.menu-top>a:focus {background-color: #000;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);}
#adminmenu li.wp-not-current-submenu:hover>a {border-top-color: #000;border-bottom-color: #000;}
#adminmenu li.wp-not-current-submenu .wp-menu-arrow {border-top-color: #000;border-bottom-color: #000;background: #000;}
#adminmenu li.wp-not-current-submenu .wp-menu-arrow div {background: #000;border-color: #000;}
#collapse-menu {color: rgba(255,255,255,0.3);}
#collapse-menu:hover {color: rgba(255,255,255,1.0);}
#collapse-menu:hover #collapse-button {border-color: rgba(255,255,255,0.4);background-color: #333;background-image: -moz-linear-gradient(center bottom , #333, #444);}
#collapse-button {border-color: rgba(255,255,255,0.2);background-color: #000;background-image: -moz-linear-gradient(center bottom , #111, #000);}
#adminmenu .awaiting-mod, #adminmenu .update-plugins, #sidemenu a .update-plugins, #rightnow .reallynow {background-color: #464646;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);color: #FFFFFF;}
.folded #adminmenu .wp-submenu-head {border-bottom-color: #ccc;border-top-color: #ccc;}
.folded #adminmenu li.wp-has-current-submenu, .folded #adminmenu li.current.menu-top {border-bottom-color: #6D6D6D;border-top-color: #808080;}
</style>';
}
add_action('admin_head', 'like_fluency_css');I have not tried nsantillo's solution, but that may be more like what you're after if you're trying to continue to use fluency until it is updated.
Posted 5 months ago #
Hi mmattner. You are correct what I have above is if you are still using Fluency Admin.
Posted 5 months ago #
I have deactivated Fluency Admin because of it's incompatible with wp3.3. but the "Howdy, username" and the link to logout is missing. Does anyone know how to put it back?
Thanks in advance!
Posted 5 months ago #
tarundeology, this is an integrated part of the new admin toolbar: http://codex.wordpress.org/Version_3.3#Highlights. Unfortunately, you'll need to deactivate any plugin that removes the toolbar as it is now an integral part of the administration interface.
Posted 5 months ago #
I disabled WP Custom Admin Bar and it works.
Thanks mmattner!
Posted 5 months ago #
Info regarding Fluency and WordPress 3.3, and when an update might be expected can be found here
Posted 5 months ago #
Thanks for the info Dean.
Posted 5 months ago #
@ nsantillo - you've missed a closing } from the function custom_colors
Posted 5 months ago #
@aljuk And so your right! Thank you for catching that.
Here is the revised code:
////////////////////////////////////////////////////////////////////////////////////
// This gives us some options for styling the admin area
///////////////////////////////////////////////////////////////////////////////////
function custom_colors() {
echo '<style type="text/css" media="screen, print">
#adminmenu li.wp-has-current-submenu .wp-menu-arrow, #adminmenu li.menu-top:hover .wp-menu-arrow, #adminmenu li.current .wp-menu-arrow, #adminmenu li.focused .wp-menu-arrow, #adminmenu li.menu-top.wp-has-submenu:hover .wp-menu-arrow div { display: none !important; }
.fluency-hover-menus #adminmenu .wp-submenu { -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.25) !important; -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.25) !important; box-shadow: 0px 0px 0px rgba(0,0,0,0.25) !important; border-left: 1px solid #FFF !important;}
</style>'; }
add_action('admin_head', 'custom_colors');great to hear that dean plan to upgrade fluency - btw one my big desire - please do not forget to support tablets - some parts were unusable on tablets, especially the "popup" windows. today's wp should have this solved
You must log in to post.
