Shop Mobile More Submit  Join Login
×



Details

Submitted on
June 30, 2013
File Size
1.5 MB
Link
Thumb
Embed

Stats

Views
12,675 (8 today)
Favourites
12 (who?)
Comments
39
Downloads
4,849 (1 today)

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Share Alike 3.0 License.
×
Metro Theme v3 for phpMyAdmin 4 by hplhu Metro Theme v3 for phpMyAdmin 4 by hplhu
Windows 8 / Metro Theme for phpMyAdmin 4 v3.1

Recent update: v3.1: fixed css rules for hidden navigation bar.

In recent times, many requests have been sent for me by users, asking for a version of my Metro theme which is suitable for pma 4.

This is a minimalistic, clean theme for phpMyAdmin 4, inspired by Windows 8 app design.
Tested under Firefox 22, Chrome 27, Safari 5.1.7, Opera 12.12 and Internet Explorer 9 & 10.
Using this theme under any earlier version of browsers listed above may cause erroneous appearance. Such browsers like Internet Explorer 6, 7 and 8 are definitely not recommended for this theme.

Notes:

1. To use this theme, copy the theme directory under "themes" directory.
2. In layout.inc, schemes can be switched by defining $scheme variable.
3. If Open Sans, Segoe UI and IcoMoon font families are already installed on your system, there's no need for the webfont integration (@font-face) in common.css and fonts directory.
Add a Comment:
 
:iconseriosbrad:
seriosbrad Featured By Owner Jan 19, 2015
Could you please update this for PMA 4.3.x? There's a bunch of missing images and layout problems.  Thank you!

Example:
i.imgur.com/td06Dmh.png
Reply
:iconbuzcarter:
buzcarter Featured By Owner Edited Nov 19, 2014
Thanks much, this is terrific. Using the fixes found here in the comments this works great!

Note: I also commented out:
/*
php echo $_SESSION['PMA_Theme']->getCssCodeMirror();
*/

in themes\metro\css\codemirror.css.php

Made missing b_group.png and b_find_replace.png. Running PMA 4.2.11
Reply
:iconutahpirate:
UtahPirate Featured By Owner Oct 26, 2014
All I did was drop the theme folder as it is into the themes folder on 4.1.14, reloaded the home page, selected it in the drop-down box, and it seems to work just fine.

And for my next trick... upgrading! Okay, maybe after my project is done. But seriously, this looks really nice!
Reply
:iconaravind2905:
aravind2905 Featured By Owner Jul 11, 2014
Theme doesn't work with latest version of phpmyadmin  4.2.5
Reply
:iconnarcarsiss:
narcarsiss Featured By Owner Sep 7, 2014
^^This
Reply
:iconmikouaj:
mikouaj Featured By Owner Jun 23, 2014
For the creator
( ! ) Fatal error: Call to undefined method PMA_Theme::getCssCodeMirror() in
.\themes\metro\css\codemirror.css.php on line 164
Call Stack
#TimeMemoryFunctionLocation10.0026250680{main}( )..\phpmyadmin.css.php:020.04584462776
PMA_Theme_Manager->printCss( )..\phpmyadmin.css.php:3030.04584462856
PMA_Theme->loadCss( )..\Theme_Manager.class.php:44840.06564501936
include( '.\themes\metro\css\codemirror.css.php' )..\Theme.class.php:363
this messes up the icons for some people (I dont have time to fix it and post you the solution now, sorry :( )

For all those with the icons not showing
You have already disabled codemirror (for proper sql window working) so
go into the /css dir and delete the codemirror.css.php and the icons should be back
Reply
:icondwikodit:
dwikodit Featured By Owner May 17, 2014
yepp,, icon not showing on pma 4.1.6
Reply
:iconmailmedve:
Mailmedve Featured By Owner Mar 22, 2014
Nagyon szép munka, köszönjük szépen a fáradozásaidat.
Reply
:iconravindul:
RavinduL Featured By Owner Mar 21, 2014
Hello, 
I just happened to notice that the SQL query windows (textareas..?) do NOT work on my computer with this theme. They are just like white colored divs. Please resolve this issue and all the others that are mentioned below and release v3.2. 
Cheers!!!
(And I LOOOOVE this theme. Its better than anything else. )
Reply
:iconnonspin:
nonspin Featured By Owner Mar 28, 2014  Professional General Artist
GOTO -> Settings -> SQL Queries -> Select "SQL queries" tab

At the very bottom -> "Enable CodeMirror" -> UNCHECK
Reply
:iconmf01de:
mf01de Featured By Owner Feb 19, 2014
It seems that the sprites.css.php isn't includes. So no icons are visible.
Reply
:iconsockenklaus:
Sockenklaus Featured By Owner May 6, 2014
I'm having just the same problem as mf01de: The sprite is in the img-directory, the sprites.lib.php is there, but somehow, the sprites are not... like... used (?) the theme looks like the screenshot, i attached.

I'm using PHPMyAdmin 4.1.14.
Reply
:icononlyongunz:
Onlyongunz Featured By Owner Feb 23, 2014
Anyone have any idea to fix this problem?
Reply
:iconnonspin:
nonspin Featured By Owner Feb 24, 2014  Professional General Artist
specify
Reply
:iconmf01de:
mf01de Featured By Owner Feb 20, 2014
And checkboxes behind table content if there is no key defined.
Reply
:iconnonspin:
nonspin Featured By Owner Feb 23, 2014  Professional General Artist
Set the opacity to 1(100). Right now, it's set to "0" (transparent)

/css/common.css.php (L:676-681)

table tr.odd td:first-child input[type="checkbox"],
table tr.even td:first-child input[type="checkbox"]
{
opacity: 1; 
filter: alpha(opacity=100); /* For IE8 and earlier */
}
Reply
:iconmf01de:
mf01de Featured By Owner Feb 20, 2014
 Except the b_group.png icon which is needed to copy to ./img/. from ./img/pmd/table.png.

Reply
:iconmf01de:
mf01de Featured By Owner Feb 20, 2014
Using PMA 4.0.10 it's working fine.
Reply
:iconmf01de:
mf01de Featured By Owner Feb 20, 2014
This theme isn't working with PMA 4.1.7.
Reply
:iconpeterwadson:
peterwadson Featured By Owner Feb 3, 2014  Hobbyist Interface Designer
// "In PHPMyAdmin 4.1.6, the SQL Query window is buggy and cannot be used, though."

I can approve that :/ Will you fix that?
Reply
:iconnonspin:
nonspin Featured By Owner Feb 4, 2014  Professional General Artist
Buggy SQL QUERY Window FIX:
GOTO -> Settings -> SQL Queries -> Select "SQL queries" tab

At the very bottom -> "Enable CodeMirror" -> UNCHECK

done
Reply
:iconkyselejsyrecek:
kyselejsyrecek Featured By Owner Jan 26, 2014
Thank you for the Metro theme, it!s really nice! :-)

In PHPMyAdmin 4.1.6, the SQL Query window is buggy and cannot be used, though.
Reply
:iconpeterwadson:
peterwadson Featured By Owner Jan 23, 2014  Hobbyist Interface Designer
Thanks for updateing to phpMA v4 ;D
Reply
:iconhunited80:
HUNited80 Featured By Owner Dec 12, 2013
A 4.0.10-es verzióval még tökéletesen működik. Valószínűleg változtathattak valamit a témakezelésen.
Reply
:iconhunited80:
HUNited80 Featured By Owner Dec 12, 2013
Mindenhova ezt a képet teszi be: themes/dot.gif
Reply
:iconhunited80:
HUNited80 Featured By Owner Dec 12, 2013
Szia, valamiért nem jelennek meg a képek. Lehet tudni az okát? 4.1-es verziójú phpmyadmint használok.
Reply
:iconf3cuk:
f3cuk Featured By Owner Dec 11, 2013
Great theme! Definately deserves more attention! You should put it up on themeforest to get a little more :-)
Reply
:iconextreemer:
extreemer Featured By Owner Nov 7, 2013  Student Interface Designer
Amazing theme! Thanks! :)
Reply
:iconjamilporta:
jamilporta Featured By Owner Sep 24, 2013
Thanks! Works great! :)
Reply
:icongalihpratama:
galihpratama Featured By Owner Sep 20, 2013  Professional Interface Designer
thanks :D, btw b_group.png is missing
Reply
:iconjustink101:
justink101 Featured By Owner Aug 25, 2013
Amazing job. Thanks so much. Noticed a broken image in the left-hand side navigation bar:

/themes/metro/img/b_group.png
Reply
:iconlatindaddy:
latindaddy Featured By Owner Aug 10, 2013
Could you posibly add a feature where you can change the text size like in the default themes, there is also a slight bug im linking image below, maybe you could email me some instruction Ip'm really new to this

Reply
:iconaic22:
aic22 Featured By Owner Jul 19, 2013
Awesome theme! Thanks. Will you post to GitHub or to the PhpMyAdmin site?
Reply
:iconchawkinsuf:
chawkinsuf Featured By Owner Jul 18, 2013
Also, the nav bar doesn't hide properly because the navigation tree is fixed. This will make it work with absolute positioning instead. Add or replace the listed properties to the styles:

#pma_navigation_content {
   height: 100%;
}

#pma_navigation_tree {
   position: absolute;
   top: 100px;
}


Reply
:iconhplhu:
hplhu Featured By Owner Jul 19, 2013
Rules fixed, thanks! :)
Reply
:iconchawkinsuf:
chawkinsuf Featured By Owner Jul 18, 2013
Awesome work. The checkboxes in the browse page are not quite in the right place though. Add the following style to fix it:

#table_results td:not(.grid_edit):first-child:before,
#table_results tr.marked td:first-child:before {
   left: 11px;
}
Reply
:iconleecherboy:
leecherboy Featured By Owner Jul 10, 2013
thx great theme
Reply
Add a Comment: