About the opera and its standard template for viewing FTP
It so happened that since ancient times I use the Opera browser, and right in it you can open FTP (th !!!!), which is convenient if you need to download a movie from the server. But for some strange reason, for many years now, the standard style for viewing FTP is like a pumpkin and how it is truly incomprehensible for me to use it: the width for content is 650px, of which 160px is given under the name! The name of the film can be transferred to several lines, and to make the width, for example, 80% THEM THEM, apparently, do not allow voices in the head. The standard template looks like this (without long names - why show ugly):
And the opera is a customizable browser with the ability to customize the interface as you want! And, of course, the template for viewing FTP can also be edited! Um ... And only css can be edited, that is, the template itself cannot be changed and js can be used, only css, only hardcore. Apparently this is done for security reasons and laziness. But me and access to the CSS for the eyes. My standard template for viewing FTP now looks like this :
')
Removed the useless inscription “File listing”, content width 90%, removed unnecessary __ column with date. I also did the highlighting of the line under the cursor and increased the width of the link even beyond the limits of the link. If you move the mouse on the example, then even my confused syllable can be understood.
But then I decided to play a little and made a list view. The width is artificially limited to 1215px so that it is shown correctly on different screens. Here one could make a width of the same 90%, but, firstly, it’s inconvenient to use it and I did it for fun, and secondly it’s just an intermediate step before the following example. It happened by chance (there would be a job - I wouldn’t confess in life :)) and I made it similar to the list in Windows by adding the directory icon (thanks again to bolk for his irrepressible passion for research ) and removing unnecessary data. In general, using the positioning it would be possible to show in the footer the size, type and format of the file as in the status bar - I can do it later. So :
But this is all simple, but I wanted to use P0W3R 0F CSS3, I wanted to make ftp in the form of a menu from some computer game, from which I don’t remember, well, I started to create. In the process, the opera turned out to be not at all friendly with css-animation and brakes godlessly. But like firefox, webkit surprises with speed. In general, given the glitchiness of the latest versions of the opera, I am increasingly looking at chrome. The last example I recommend to watch is in chrome because of the speed of work:
It was really interesting to do only with the help of css. In chrome, however, there is some problem with transparency at the end of the animation. And in view of the speed of work in the opera, this solution is completely unsuitable for use. Therefore, the width is again strictly fixed at 1215px, and the maximum number of lines is five, although all this can be changed if desired.
And all this is not useless experiments, but quite a thing ready to use, you just need to take dir.css and put it in place of yours, for example, I need to replace the file "/usr/share/opera/styles/dir.css", but you have he may be elsewhere.
Traditionally useless link to github , but let it be!
And I take this opportunity to say hello to ugenk whose works are ftp that I used for the demonstration - it is not easy to find public ftp in our time.
And the opera is a customizable browser with the ability to customize the interface as you want! And, of course, the template for viewing FTP can also be edited! Um ... And only css can be edited, that is, the template itself cannot be changed and js can be used, only css, only hardcore. Apparently this is done for security reasons and laziness. But me and access to the CSS for the eyes. My standard template for viewing FTP now looks like this :
')
Removed the useless inscription “File listing”, content width 90%, removed unnecessary __ column with date. I also did the highlighting of the line under the cursor and increased the width of the link even beyond the limits of the link. If you move the mouse on the example, then even my confused syllable can be understood.
But then I decided to play a little and made a list view. The width is artificially limited to 1215px so that it is shown correctly on different screens. Here one could make a width of the same 90%, but, firstly, it’s inconvenient to use it and I did it for fun, and secondly it’s just an intermediate step before the following example. It happened by chance (there would be a job - I wouldn’t confess in life :)) and I made it similar to the list in Windows by adding the directory icon (thanks again to bolk for his irrepressible passion for research ) and removing unnecessary data. In general, using the positioning it would be possible to show in the footer the size, type and format of the file as in the status bar - I can do it later. So :
But this is all simple, but I wanted to use P0W3R 0F CSS3, I wanted to make ftp in the form of a menu from some computer game, from which I don’t remember, well, I started to create. In the process, the opera turned out to be not at all friendly with css-animation and brakes godlessly. But like firefox, webkit surprises with speed. In general, given the glitchiness of the latest versions of the opera, I am increasingly looking at chrome. The last example I recommend to watch is in chrome because of the speed of work:
It was really interesting to do only with the help of css. In chrome, however, there is some problem with transparency at the end of the animation. And in view of the speed of work in the opera, this solution is completely unsuitable for use. Therefore, the width is again strictly fixed at 1215px, and the maximum number of lines is five, although all this can be changed if desired.
And all this is not useless experiments, but quite a thing ready to use, you just need to take dir.css and put it in place of yours, for example, I need to replace the file "/usr/share/opera/styles/dir.css", but you have he may be elsewhere.
Traditionally useless link to github , but let it be!
And I take this opportunity to say hello to ugenk whose works are ftp that I used for the demonstration - it is not easy to find public ftp in our time.
Source: https://habr.com/ru/post/133381/
All Articles