starred/tinyfilemanager

Fork 0

mirror of https://github.com/prasathmani/tinyfilemanager.git synced 2026-04-26 10:55:56 +03:00

[GH-ISSUE #223] Feature request: background image #157

New issue

Closed

opened 2026-03-02 15:56:17 +03:00 by kerem · 6 comments

kerem commented

2026-03-02 15:56:17 +03:00

Owner

Originally created by @ambipur76 on GitHub (Sep 12, 2019).
Original GitHub issue: https://github.com/prasathmani/tinyfilemanager/issues/223

Is it possible to add a background image to the login page an the file lister page? A new variable would be needed to adjust the path of the background image.

Originally created by @ambipur76 on GitHub (Sep 12, 2019). Original GitHub issue: https://github.com/prasathmani/tinyfilemanager/issues/223 Is it possible to add a background image to the login page an the file lister page? A new variable would be needed to adjust the path of the background image.

kerem closed this issue

2026-03-02 15:56:17 +03:00

kerem commented

2026-03-02 15:56:18 +03:00

Author

Owner

@EV-soft commented on GitHub (Sep 13, 2019):

Is this what you want to achieve?
TFM-v2.3.8c.php

@EV-soft commented on GitHub (Sep 13, 2019): Is this what you want to achieve? [TFM-v2.3.8c.php](https://www.sky-box.dk/tinyFM/TFM-v2.3.8c.php)

kerem commented

2026-03-02 15:56:18 +03:00

Author

Owner

@ambipur76 commented on GitHub (Sep 13, 2019):

I suppose your background image is a small repetitive on, but if this is possible, than setting one big as fixed is also possible. Setting at least 1280 * 1024 size and also for the file lister page would be the best. Thank's a lot! Where did you change the php code?

@ambipur76 commented on GitHub (Sep 13, 2019): I suppose your background image is a small repetitive on, but if this is possible, than setting one big as fixed is also possible. Setting at least 1280 * 1024 size and also for the file lister page would be the best. Thank's a lot! Where did you change the php code?

kerem commented

2026-03-02 15:56:18 +03:00

Author

Owner

@EV-soft commented on GitHub (Sep 14, 2019):

SEARCH: body.fm-login-page{background-color:#f7f9fb;font-size:14px}
REPLACE: body.fm-login-page{background-color:#f7f9fb;background-image: url('.FM_background.png');font-size:14px}

File-view-table:

SEARCH: #main-table span.badge:nth-child(6){border-color:#45c3d2}
REPLACE: #main-table span.badge:nth-child(6){border-color:#45c3d2} #main-table {background-image:url('.FM_background.png');}

The file .FM_background.png should be placed in the same directory as tinyfilemanager.php

@EV-soft commented on GitHub (Sep 14, 2019): Login-page: ``` SEARCH: body.fm-login-page{background-color:#f7f9fb;font-size:14px} REPLACE: body.fm-login-page{background-color:#f7f9fb;background-image: url('.FM_background.png');font-size:14px} ``` File-view-table: ``` SEARCH: #main-table span.badge:nth-child(6){border-color:#45c3d2} REPLACE: #main-table span.badge:nth-child(6){border-color:#45c3d2} #main-table {background-image:url('.FM_background.png');} ``` The file .FM_background.png should be placed in the same directory as tinyfilemanager.php

kerem commented

2026-03-02 15:56:19 +03:00

Author

Owner

@ambipur76 commented on GitHub (Sep 14, 2019):

Thanks EV-soft! I have applied background-repeat: no-repeat; background-attachment: fixed; because my background image is a fullscreen -size. I have also added the background image to the body section ow the filelister page:
body {
font-size: 14px;
color: #222;
background: #F7F7F7;
background-image: url('background.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
}
This way the background image is also present outside the filelist table. I small thing still missing: in the bottom bar (Full Size: 4.07 MB Files: 15 Folders: 4 Memory used: 2 MB Partition size: 18.2 GB free of 578.54 GB) the background is a white background around the displayed numbers however I would also expect here my background image.

@ambipur76 commented on GitHub (Sep 14, 2019): Thanks EV-soft! I have applied background-repeat: no-repeat; background-attachment: fixed; because my background image is a fullscreen -size. I have also added the background image to the body section ow the filelister page: body { font-size: 14px; color: #222; background: #F7F7F7; background-image: url('background.jpg'); background-repeat: no-repeat; background-attachment: fixed; } This way the background image is also present outside the filelist table. I small thing still missing: in the bottom bar (Full Size: 4.07 MB Files: 15 Folders: 4 Memory used: 2 MB Partition size: 18.2 GB free of 578.54 GB) the background is a white background around the displayed numbers however I would also expect here my background image.

kerem commented

2026-03-02 15:56:19 +03:00

Author

Owner

@EV-soft commented on GitHub (Sep 15, 2019):

Try:
.badge { background: transparent; }
to remove the white background

@EV-soft commented on GitHub (Sep 15, 2019): Try: `.badge { background: transparent; }` to remove the white background

kerem commented

2026-03-02 15:56:19 +03:00

Author

Owner

@ambipur76 commented on GitHub (Sep 16, 2019):

OK, thank you! This has worked. Now the background works as I have imagined.

@ambipur76 commented on GitHub (Sep 16, 2019): OK, thank you! This has worked. Now the background works as I have imagined.

kerem referenced this issue

2026-03-02 16:02:17 +03:00

[PR #157] [CLOSED] Allow search when in readonly mode #913