New MDM theme: Shid

Forum rules
Before you post please read how to get help

New MDM theme: Shid

Postby shideneyu on Sun Jan 13, 2013 10:34 am

Hi ! I made my first MDM theme, and I've ended making something that is the best anime GDM/MDM theme ever :mrgreen: :mrgreen: I'm not very modest I recognize :lol: But I do really love my work.

I'm so happy that I wanted to share it with you. I spent many hours in order to make it perfect. Enjoy :D

Image

I will have only one question, how to send it to the official Linux Mint's team in order to make it a part of the next realeases available themes to be chosen by the user (now, there are around 15 themes that are availables on /usr/share/mdm/themes) :) ?

If you have any request concerning the theme, let me know ;)

Others infos are available on gnome-look : http://gnome-look.org/content/show.php/ ... ent=156429

Click here to download the theme.
shideneyu
Level 1
Level 1
 
Posts: 14
Joined: Tue Oct 23, 2012 3:12 pm

Linux Mint is funded by ads and donations.
 

Re: New MDM theme: Shid

Postby viking777 on Sun Jan 13, 2013 11:50 am

I must say that anime is not my thing, come to think of it I don't even bother with themes, but even I can see that is good work.

Well done :D
Fujitsu Lifebook AH532. Intel i5 processor, 6Gb ram, Intel HD3000 graphics, Intel Audio/wifi. Realtek RTL8111/8168B Ethernet.Lubuntu 13.10,Ubuntu12.10 (Unity), Mint16 (Cinnamon), Manjaro (Xfce).
Image
User avatar
viking777
Level 14
Level 14
 
Posts: 5153
Joined: Mon Dec 01, 2008 11:21 am

Re: New MDM theme: Shid

Postby shideneyu on Wed Jan 16, 2013 12:11 pm

Thanks you :)
shideneyu
Level 1
Level 1
 
Posts: 14
Joined: Tue Oct 23, 2012 3:12 pm

Re: New MDM theme: Shid

Postby ljonesj on Mon Feb 25, 2013 9:24 am

i know this is sort of old since its late february but this is a great theme. question can i change the wallpaper for the theme and put another anime character in its place
ljonesj
Level 1
Level 1
 
Posts: 18
Joined: Tue Jun 26, 2012 10:22 am

Re: New MDM theme: Shid

Postby ljonesj on Mon Feb 25, 2013 1:08 pm

i have made a theme based off shideneyu theme i have gave him credit on gnome look here is a link to my theme

ok can a mod do the right trimming for this i have no clue what i am doing and this coming from my computer not the internet


http://gnome-look.org/content/show.php?content=157184

MIne is on Hinata from naruto

and to note on both our themes the login for mdm has a theme manager you do not have to place this in the right folder you just have to install it from mdm at local tab the second tab

screen.jpg
screen.jpg (242.3 KiB) Viewed 2926 times
Last edited by ljonesj on Mon Feb 25, 2013 2:36 pm, edited 9 times in total.
ljonesj
Level 1
Level 1
 
Posts: 18
Joined: Tue Jun 26, 2012 10:22 am

Re: New MDM theme: Shid

Postby GeneC on Mon Feb 25, 2013 1:32 pm

ljonesj wrote:.....
ok can a mod do the right trimming for this i have no clue what i am doing...


Hi lj.. :)

Just edit your post and change the
Code: Select all
[img][/img]
tags to
Code: Select all
[rimg][/rimg]


That will post a nice sized clickable thumbnail... :wink:
GeneC

AMD Phenom2x4 3.2 ghz, 12GB DDR3, Nvidia GTX 460

Sparky Cin 2.2 (SID)
Manjaro .9.0dev Cin 2.4 (Testing)
Arch XFCE/Budgie
User avatar
GeneC
Level 7
Level 7
 
Posts: 1582
Joined: Fri Sep 03, 2010 1:59 pm
Location: Maine, USA

Re: New MDM theme: Shid

Postby Jessey Lawson on Thu May 30, 2013 12:07 am

i love your Anime theme.It is the only one availale on gnome look as the others were on megaupload and no longer exist. I might use the template to create some other MDM's. Keep up the good work as you got some good talent.
Jessey Lawson
Level 3
Level 3
 
Posts: 119
Joined: Sat Oct 06, 2012 10:42 pm

Re: New MDM theme: Shid

Postby samriggs on Thu May 30, 2013 12:52 am

Just noticed this when it came to the front of the main board.
Excellent work.
Maybe you can change it to add some anime animations as well for the html mdm section, would be an excellent one to add since no one has made one with anime yet.
you can check out the thread for the html5 mdm here : viewtopic.php?f=25&t=126979
I know there's a lot of anime lovers out there that would love this one as a html mdm theme, even if it didn't animate.
Sam
"Windows: the worst system for the most money, Linux: the best system for free"
Registered Linux User #545430
SolydK
User avatar
samriggs
Level 5
Level 5
 
Posts: 843
Joined: Sun Apr 24, 2011 6:09 pm
Location: Canada

Re: New MDM theme: Shid

Postby Jessey Lawson on Sat Jun 01, 2013 11:08 am

I used your MDM to create two of my own for Gnome-look.
Jessey Lawson
Level 3
Level 3
 
Posts: 119
Joined: Sat Oct 06, 2012 10:42 pm

Re: New MDM theme: Shid

Postby samriggs on Sat Jun 01, 2013 1:24 pm

Jessey Lawson wrote:I used your MDM to create two of my own for Gnome-look.


Do you have a link to them?
"Windows: the worst system for the most money, Linux: the best system for free"
Registered Linux User #545430
SolydK
User avatar
samriggs
Level 5
Level 5
 
Posts: 843
Joined: Sun Apr 24, 2011 6:09 pm
Location: Canada

Re: New MDM theme: Shid

Postby Jessey Lawson on Sat Jun 01, 2013 1:40 pm

Jessey Lawson
Level 3
Level 3
 
Posts: 119
Joined: Sat Oct 06, 2012 10:42 pm

Re: New MDM theme: Shid

Postby samriggs on Sat Jun 01, 2013 1:45 pm

Thank you, very nice work :D
You should try some html mdm that animates or not animate, I'm sure a lot of folks would love to see some anime on a html mdm.
"Windows: the worst system for the most money, Linux: the best system for free"
Registered Linux User #545430
SolydK
User avatar
samriggs
Level 5
Level 5
 
Posts: 843
Joined: Sun Apr 24, 2011 6:09 pm
Location: Canada

Re: New MDM theme: Shid

Postby Jessey Lawson on Sat Jun 01, 2013 5:17 pm

samriggs wrote:Thank you, very nice work :D
You should try some html mdm that animates or not animate, I'm sure a lot of folks would love to see some anime on a html mdm.

I Only know HTML 4 and I have not used that in over 2 years. XD I have no idea how HTML 5 Backgrounds work. If I do one though it would be of the breadfish http://www.breadfish.co.uk/
Imagion loging into you desktop with that in an endless loop. XD
Jessey Lawson
Level 3
Level 3
 
Posts: 119
Joined: Sat Oct 06, 2012 10:42 pm

Re: New MDM theme: Shid

Postby Jessey Lawson on Sat Jun 01, 2013 5:36 pm

Code: Select all
<!DOCTYPE html>
<html>
<head>   

      <style type="text/css">

         body {
            background-color: #326696;
            margin: 0px;
            overflow: hidden;
            font-family:Monospace;
            font-size:13px;
            text-align:center;
            font-weight: bold;
            text-align:center;
         }

         a {
            color:#0078ff;
         }

      </style>

   <script src="js/bootstrap.min.js"></script>   
   <script src="js/jquery-1.9.1.min.js"></script>   
   
   <!-- bootbox code -->
   <script src="js/bootbox.min.js"></script>

   <script src="js/mousetrap.min.js"></script>

   <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">   
   <link href="theme.css" rel="stylesheet" media="screen">               

</head>
<body>           
      <script type="text/javascript" src="js/three.min.js"></script>
      

      <script>   
         
      var selected_row = -1;
   
      // Called by MDM to disable user input
      function mdm_disable() {
         document.getElementById("entry").value = "disabled";
         document.getElementById("entry").disabled = "disabled";
         document.getElementById("ok_button").disabled = "disabled";
      }
      
      // Called by MDM to enable user input
      function mdm_enable() {
         document.getElementById("entry").value = "";
         document.getElementById("entry").disabled = false;
         document.getElementById("ok_button").disabled = false;
      }
      
      // Called by MDM to set the welcome message
      function set_welcome_message(message) {         
         document.getElementById("welcome_message").innerHTML = message;
      }
      
      // Called by MDM to update the clock
      function set_clock(message) {         
         document.getElementById("clock").innerHTML = message;
      }
      
      // Called by MDM to allow the user to input a username      
      function mdm_prompt(message) {   
         mdm_enable();      
         document.getElementById("label").innerHTML = message;
         document.getElementById("entry").value = "";
         document.getElementById("entry").type = "text";
         document.getElementById("entry").focus();
      }
      
      // Called by MDM to allow the user to input a password
      function mdm_noecho(message) {   
         mdm_enable();      
         document.getElementById("label").innerHTML = message;
         document.getElementById("entry").value = "";
         document.getElementById("entry").type = "password";
         document.getElementById("entry").focus();
      }
      
      // Called by MDM to show a message (usually "Please enter your username")
      function mdm_msg(message) {         
         document.getElementById("message").innerHTML = message;         
      }
      
      // Called by MDM to show a timed login countdown
      function mdm_timed(message) {
         if (message != "") {
            document.getElementById("timed").style.display = 'block';
         }
         else {
            document.getElementById("timed").style.display = 'none';
         }         
         document.getElementById("timed").innerHTML = message;         
      }
      
      // Called by MDM to show an error      
      function mdm_error(message) {                  
         if (message != "") {
            document.getElementById("error").style.display = 'block';
         }
         else {
            document.getElementById("error").style.display = 'none';
         }
         document.getElementById("error").innerHTML = message;
      }   
                  
      // Send user input to MDM
      function send_login() {
         // read the value before we disable the field, as it will be changed to "disabled"
         var value = document.getElementById("entry").value;
         mdm_disable();
         alert("LOGIN###" + value);
         return false;
      }
      
      function init() {
         document.getElementById("error").style.display = 'none';         
         document.getElementById("timed").style.display = 'none';         
         document.getElementById("current_session_picture").width = 16;            
      }
      
      // Called by MDM to add a user to the list of users
      function mdm_add_user(username, gecos, status) {
                                 
         var link1 = document.createElement('a');   
            link1.setAttribute('href', "javascript:alert('USER###"+username+"')");

         var link2 = document.createElement('a');   
            link2.setAttribute('href', "javascript:alert('USER###"+username+"')");
            
         var picture = document.createElement('img');
            picture.setAttribute('class', "user-picture");
            picture.setAttribute('src', "file:///home/"+username+"/.face");
            picture.setAttribute('onerror', "this.src='file:///usr/share/pixmaps/nobody.png';");
            
         var realname_div = document.createElement('div');
            realname_div.setAttribute('class', "usergecos");
            realname_div.innerHTML = gecos;
            
         var username_div = document.createElement('div');
            username_div.setAttribute('class', "username");
            username_div.innerHTML = username;

         if (status != "") {
            var userstatus_div = document.createElement('div');
            userstatus_div.setAttribute('class', "userstatus");
            userstatus_div.innerHTML = status;
         }
                                                                                                         
         link1.appendChild(picture);                                          
         
         if (gecos != "") {
            link2.appendChild(realname_div);   
         }
         else {
            link2.appendChild(username_div);   
         }
                  
         if (status != "") {
            link2.appendChild(userstatus_div);   
         }
                  
         var table = document.getElementById("users");
 
            var rowCount = table.rows.length;
            var row = table.insertRow(rowCount);
             row.username = username;             
 
            var cell1 = row.insertCell(0);           
            cell1.width = "50px";
            cell1.appendChild(link1);                            

            var cell2 = row.insertCell(1);           
            cell2.appendChild(link2);                   
      }   
      
      // Called by MDM to add a session to the list of sessions
      function mdm_add_session(session_name, session_file) {
         
         session_name = session_name.replace("Ubuntu", "Unity");
         
         var filename = session_name.toLowerCase();
         filename = filename.replace(/ /g, "-");
         filename = filename.replace(/\(/g, "");
         filename = filename.replace(/\)/g, "");
                                       
         var link1 = document.createElement('a');   
            link1.setAttribute('href', "javascript:alert('SESSION###"+session_name+"###"+session_file+"');select_session('"+session_name+"','"+session_file+"');");

         var link2 = document.createElement('a');   
            link2.setAttribute('href', "javascript:alert('SESSION###"+session_name+"###"+session_file+"');select_session('"+session_name+"','"+session_file+"');");
            
         var picture = document.createElement('img');
            picture.setAttribute('class', "session-picture");
            picture.setAttribute('src', "../common/img/sessions/"+filename+".svg");
            picture.setAttribute('onerror', "this.src='../common/img/sessions/default.svg';");
                     
         var name_div = document.createTextNode(session_name);            
                                                                                                         
         link1.appendChild(picture);
         link2.appendChild(name_div);
            
         var table = document.getElementById("sessions");
 
            var rowCount = table.rows.length;
            var row = table.insertRow(rowCount);
 
            var cell1 = row.insertCell(0);
            cell1.width = "28px";         
            cell1.appendChild(link1);
         
            var cell2 = row.insertCell(1);           
            cell2.appendChild(link2);
      }   

      function select_session(session_name, session_file) {
         var filename = session_name.toLowerCase();
         filename = filename.replace(/ /g, "-");
         filename = filename.replace(/\(/g, "");
         filename = filename.replace(/\)/g, "");
         document.getElementById("current_session_picture").src = "../common/img/sessions/"+filename+".svg";
         document.getElementById("current_session_picture").title = session_name;
         document.getElementById("current_session_picture").width = 16;
         $('#sessionSelection').modal('hide');
      }

      // Called by MDM to add a language to the list of languages
      function mdm_add_language(language_name, language_code) {

         var filename = language_code.toLowerCase();
         filename = filename.replace(".utf-8", "");
         bits = filename.split("_");
         if (bits.length == 2) {
            filename = bits[1];                                                   
         }         
            
         var link1 = document.createElement('a');   
            link1.setAttribute('href', "javascript:alert('LANGUAGE###"+language_code+"')");

         var link2 = document.createElement('a');   
            link2.setAttribute('href', "javascript:alert('LANGUAGE###"+language_code+"')");

         var picture = document.createElement('img');
            picture.setAttribute('class', "language-picture");
            picture.setAttribute('src', "../common/img/languages/"+filename+".png");
            picture.setAttribute('onerror', "this.src='../common/img/languages/generic.png';");
            picture.setAttribute('title', language_name);            
                                 
         var name_div = document.createTextNode(language_name);            
                                                                                                         
         link1.appendChild(picture);      
         link2.appendChild(name_div);                     

         var table = document.getElementById("languages");
 
            var rowCount = table.rows.length;
            var row = table.insertRow(rowCount);
           
            var cell1 = row.insertCell(0); 
            cell1.width = "25px";         
            cell1.appendChild(link1);
           
            var cell2 = row.insertCell(1);           
            cell2.appendChild(link2);

      }   

      function mdm_set_current_language(language_name, language_code)   {
         var filename = language_code.toLowerCase();
         filename = filename.replace(".utf-8", "");
         bits = filename.split("_");
         if (bits.length == 2) {
            filename = bits[1];                                                   
         }
         document.getElementById("current_language_flag").src = "../common/img/languages/"+filename+".png";         
         document.getElementById("current_language_flag").title = language_name;
         document.getElementById("current_language_flag").width = 16;
      }
      
      // Called by MDM if the SHUTDOWN command shouldn't appear in the greeter
      function mdm_hide_shutdown() {
         document.getElementById("shutdown").style.display = 'none';
      }   
      
      // Called by MDM if the SUSPEND command shouldn't appear in the greeter
      function mdm_hide_suspend() {
         document.getElementById("suspend").style.display = 'none';
      }
      
      // Called by MDM if the RESTART command shouldn't appear in the greeter
      function mdm_hide_restart() {
         document.getElementById("restart").style.display = 'none';
      }
      
      // Called by MDM if the QUIT command shouldn't appear in the greeter
      function mdm_hide_quit() {
         document.getElementById("quit").style.display = 'none';
      }
      
      // Called by MDM if the XDMCP command shouldn't appear in the greeter
      function mdm_hide_xdmcp() {
         document.getElementById("xdmcp").style.display = 'none';
      }         
      
      function select_user(index) {               
         var table = document.getElementById("users");
         var rowCount = table.rows.length;
         var row_to_select = index % rowCount;
         if (row_to_select < 0) {
            row_to_select = rowCount - 1;
         }

         for (var i = 0, row; row = table.rows[i]; i++) {            
            row.style.backgroundColor = 'rgba(80,80,80,0.0)';
         }

         var row = table.rows[row_to_select];
         row.style.backgroundColor = 'rgba(80,80,80,0.5)';     

         selected_row = row_to_select;   

         alert('USER###'+row.username);
      }      

      function quit_dialog() {         
         bootbox.dialog("$areyousuretoquit",
         [
            {
               "label" : "<i class='icon-off'></i> $shutdown",
               "class" : "btn btn-small",
               "callback": function() {
                  alert('FORCE-SHUTDOWN###');
               }
            },

            {
               "label" : "<i class='icon-download-alt'></i> $suspend",
               "class" : "btn btn-small",
               "callback": function() {
                  alert('FORCE-SUSPEND###');
               }
            },

            {
               "label" : "<i class='icon-refresh'></i> $restart",
               "class" : "btn btn-small",
               "callback": function() {
                  alert('FORCE-RESTART###');
               }
            },

            /*{
               "label" : "<i class='icon-ban-circle'></i> $quit",
               "class" : "btn btn-small",
               "callback": function() {
                  alert('QUIT###');
               }
            },

            {
               "label" : "<i class='icon-share-alt'></i> $remoteloginviaxdmcp",
               "class" : "btn btn-small",
               "callback": function() {
                  alert('XDMCP###');
               }
            },*/

            {
               "label" : "Cancel",
               "class" : "btn-small"
            }
         ]);
      }

      
   
   </script>

    <!-- Language selector -->
    <div id="languageSelection" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
       <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
          <h3 id="myModalLabel">$selectlanguage</h3>
       </div>
       <div class="modal-body">
          <table class="table-striped table-bordered table-hover table-condensed" id="languages"></table>
       </div>
       <div class="modal-footer">
          <button class="btn" data-dismiss="modal" aria-hidden="true">$close</button>          
       </div>
    </div>

    <!-- Session selector -->
    <div id="sessionSelection" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
       <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
          <h3 id="myModalLabel">$selectsession</h3>
       </div>
       <div class="modal-body">
          <table class="table-striped table-bordered table-hover table-condensed" id="sessions"></table>
       </div>
       <div class="modal-footer">
          <button class="btn" data-dismiss="modal" aria-hidden="true">$close</button>          
       </div>
    </div>
   
   <div class="box">

      <div id="welcome_message"></div>
      <div id="clock"></div>

      <div id="logo">
         <img src="img/logo.png"/><br/><br/>
         <p><b>Linux Mint 15 "Olivia"</b></p>
      </div>

      <div id="error" class="alert alert-error"></div>
      <div id="timed" class="alert alert-info"></div>      
                        
      <div id="table-wrapper">
           <div id="table-scroll">
             <table class="table-condensed" id="users">       
             </table>
           </div>
      </div>
      

      <div id="buttons">
         <a href="#languageSelection" role="button" class="btn btn-small" id="language_button" data-toggle="modal" title="$selectlanguage"><img src="../common/img/languages/generic.png" height="16" id="current_language_flag"/></a>

         <a href="#sessionSelection" role="button" class="btn btn-small" id="session_button" data-toggle="modal" title="$selectsession"><img src="../common/img/sessions/default.svg" height="16" id="current_session_picture"/></a>

         <a class="btn btn-small" href="#" onClick="quit_dialog();" title="$quit" id="quit_button"><i class="icon-off"></i></a>         

      </div>                                                                  
      
      <div id="message"></div>
      
      
      <div id="form">
         <img src="img/text.png" width="300" height="350" id="text_img"/>
         <form class="form-inline" onSubmit="return send_login();">
            <fieldset>         
               <label id="label"></label>
               <input type="text" class="input-medium mousetrap" id="entry">
               <button type="submit" class="btn-small btn-inverse" id="ok_button">$ok_label</button>
            </fieldset>
         </form>
      </div>

   </div>      
   
</body>
</html>

<script src="js/bootstrap.min.js"></script>

<script>
   init();

   Mousetrap.bind('up', function() {      
       select_user(selected_row - 1);
   });

   Mousetrap.bind('down', function() {
       select_user(selected_row + 1);
   });

   Mousetrap.bind('ctrl+l', function() {
       $('#languageSelection').modal('show');
   });

   Mousetrap.bind('ctrl+s', function() {
       $('#sessionSelection').modal('show');
   });

   Mousetrap.bind('esc', function() {
       quit_dialog();
   });

   Mousetrap.bind('tab', function() {
       document.getElementById("entry").focus();
   });
</script>





Man this code is messy. I have no clue where ot being in the index.html
Last edited by zerozero on Sat Jun 29, 2013 8:45 pm, edited 1 time in total.
Reason: please use code tags
Jessey Lawson
Level 3
Level 3
 
Posts: 119
Joined: Sat Oct 06, 2012 10:42 pm

Re: New MDM theme: Shid

Postby samriggs on Sat Jun 01, 2013 6:50 pm

:lol: can't believe you pasted the whole file in here, that's Clem's clouds and it's actually very nice.
anything in script tags is java script which in this one has all the javascript pretty much in one big gulp, some like it that way some like separated more, all depends on your preference, plus this one uses webgl and triple js.
If you want a more basic one to work from grab the one labeled mdm in the html-mdm themes section instead.
It has a basic core to start from.
In the html5 mdm thread there are tons of links to learn this stuff. You can get it all here: viewtopic.php?f=25&t=126979
I also added some js code snippets here: viewtopic.php?f=25&t=128396
you'll namely have to get used to css and html to do some basic stuff and if animations they can be done in css also you can learn all about it here: http://www.w3schools.com/css3/css3_animations.asp
it doesn't take long to get the hang of it.
"Windows: the worst system for the most money, Linux: the best system for free"
Registered Linux User #545430
SolydK
User avatar
samriggs
Level 5
Level 5
 
Posts: 843
Joined: Sun Apr 24, 2011 6:09 pm
Location: Canada

Re: New MDM theme: Shid

Postby Jessey Lawson on Sat Jun 29, 2013 8:25 pm

Ill pass. I made a few more though.
Jessey Lawson
Level 3
Level 3
 
Posts: 119
Joined: Sat Oct 06, 2012 10:42 pm

Re: New MDM theme: Shid

Postby ljonesj on Sun Jul 07, 2013 5:53 pm

Jessey Lawson wrote:http://gnome-look.org/content/show.php/Cheerleader+Cutie+Pies?content=158903 Anime Cheerleaders
http://gnome-look.org/content/show.php/ ... ent=158894 Firefox
http://gnome-look.org/content/show.php/ ... ent=158902 It is LGPL as I don't own the image.
http://gnome-look.org/content/show.php/ ... ent=158896 One for us who love ROS

the first link is this aria the scarlet ammno as the pink haired girl and the dark haired girl with the ribbon reminds me of them
ljonesj
Level 1
Level 1
 
Posts: 18
Joined: Tue Jun 26, 2012 10:22 am

Linux Mint is funded by ads and donations.
 

Return to Themes, Icons, & Wallpaper

Who is online

Users browsing this forum: No registered users and 3 guests