home
products
contribute
download
documentation
forum
Home
Forums
New posts
Search forums
What's new
New posts
All posts
Latest activity
Members
Registered members
Current visitors
Donate
Log in
Register
What's new
Search
Search
Search titles only
By:
New posts
Search forums
Search titles only
By:
Menu
Log in
Register
Navigation
Install the app
Install
More options
Contact us
Close Menu
Forums
MediaPortal 1
WebService and Mobile Access
Popular Plugins
MPExtended
WebMP Skin: Bootstrap v5.1 (9 aug. 2013)
Contact us
RSS
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Reply to thread
Message
<blockquote data-quote="Dragy" data-source="post: 974945" data-attributes="member: 91197"><p>My second contribution to the WebMP skinning contest is this skin based on Bootstrap. It still looks pretty basic, but believe me when I say that it took more work then the BlueShift skin. It has some nice features, like different views for the lists, TVGuide and a cool CPU plot for the TVServer status page.</p><p>Also, it works perfectly on mobile devices. The new image lazy loading keeps your bandwith usage low, since it only downloads images when they are in your viewport. This also increases loading speed on desktop browsers.</p><p> </p><p><span style="font-size: 15px"><strong>Main new features compared to the standard skin:</strong></span></p><p>- Choose between different list views (list, coverlist, covers, big covers)</p><p>- 2 TVGuide styles, standard and list</p><p>- Grouped recordings</p><p>- CPU/Memory usage plot on TV Status page</p><p>- Seeking in video player is possible in fullscreen</p><p>- New music player layout</p><p> </p><p>[media=youtube]O_QSbInw6iA[/media]</p><p> </p><p> </p><p>[ATTACH]124814[/ATTACH] [ATTACH]124816[/ATTACH][ATTACH]124815[/ATTACH] [ATTACH]124817[/ATTACH] [ATTACH]124818[/ATTACH] [ATTACH]124819[/ATTACH] [ATTACH]124820[/ATTACH] [ATTACH]124821[/ATTACH][ATTACH]124824[/ATTACH] [ATTACH]124825[/ATTACH][ATTACH]124823[/ATTACH][ATTACH]124822[/ATTACH]</p><p>Enjoy!</p><p> </p><p><strong><span style="font-size: 15px">Installation:</span></strong></p><p>Copy the Bootstrap folder to <em>c:\Program Files (x86)\MPExtended\WebMediaPortal\www\Skins</em></p><p><span style="color: #ff0000">When upgrading, copy (and thus overwrite) the contents of the Bootstrap folder in the zip (new version) to the Bootstrap folder in above path (old version). To have no rudimentary files left on your PC, it may be best to remove all the contents from the Bootstrap folder and replace it with the new files.</span></p><p> </p><p><span style="font-size: 15px"><strong>Todo:</strong></span></p><p>- Views for Recordings list.</p><p> </p><p><span style="font-size: 15px"><strong>Changelog:</strong></span></p><p><strong>v1:</strong> Initial release</p><p><strong>v2:</strong></p><p>- Fixed big banner view for smaller screens (forced small banners)</p><p>- New Album Music player! (used JWPlayer 5 because of forcing duration, which makes seeking possible)</p><p>- Updated to Bootstrap base v2.3.1</p><p><strong>v3:</strong></p><p>- New backdrop for movie and tvshow detail view</p><p>- New sub-title for some views with extra info</p><p>- Add actors to tvshows</p><p>- Localize 'Episode' in breadcrumb</p><p>- Fixed a small responsive design bug at 779px</p><p>- Sorted recordings by date</p><p>- Added nummer of recordings per group to group title</p><p>- Fixed an issue when clicking on a recording, closing the group</p><p>- Extended album musicplayer with playing indicator</p><p>- Gave a nice color to the music player itself</p><p>- Added duration to track music player</p><p>- Added cover to track music player</p><p>- Aligned the duration in the list to be more in the middle</p><p>- Added refreshrate indicator in dropdown button</p><p><strong>v4:</strong></p><p>- Fixed rounded corners of fanart in webkit browsers</p><p>- Fixed width of coverlist item images in IE</p><p>- Fixed loading of non existent default fanart-image</p><p>- Fixed images only load when scrolling</p><p>- Added fade animation when cha nging view</p><p>- Added year to album list</p><p>- Added breadcrumbs to music</p><p>- Added artist in front of track title in playlist</p><p>- Added fast dynamic filter for movies and music</p><p>- More consistency between track and album musicplayer</p><p>- Placed breadcrumbs at left plane, making more place for the cover</p><p><strong>v5:</strong></p><p>- Only show 'players' dropdown list when more then one player</p><p>- Added current chosen genre (for movies and tvshows) to title of the page</p><p>- Statuspage CPU/Memory usage history persistent after refresh/leaving page</p><p>- Add new WebMP 0.5.4 feature: watched status for movies (not working right?)</p><p>- updated to Bootstrap base v2.3.2 (no time to test the new v3 RC yet)</p><p><strong>v5.1:</strong></p><p>- Reverted update from Bootstrap base v2.3.2 to v2.3.1 because it caused problems.</p><p>- Fixed aspect ratio of videos in Flash player (change stretching: 'exactfit' to stretching: 'uniform')</p></blockquote><p></p>
[QUOTE="Dragy, post: 974945, member: 91197"] My second contribution to the WebMP skinning contest is this skin based on Bootstrap. It still looks pretty basic, but believe me when I say that it took more work then the BlueShift skin. It has some nice features, like different views for the lists, TVGuide and a cool CPU plot for the TVServer status page. Also, it works perfectly on mobile devices. The new image lazy loading keeps your bandwith usage low, since it only downloads images when they are in your viewport. This also increases loading speed on desktop browsers. [SIZE=4][B]Main new features compared to the standard skin:[/B][/SIZE] - Choose between different list views (list, coverlist, covers, big covers) - 2 TVGuide styles, standard and list - Grouped recordings - CPU/Memory usage plot on TV Status page - Seeking in video player is possible in fullscreen - New music player layout [media=youtube]O_QSbInw6iA[/media] [ATTACH]124814[/ATTACH] [ATTACH]124816[/ATTACH][ATTACH]124815[/ATTACH] [ATTACH]124817[/ATTACH] [ATTACH]124818[/ATTACH] [ATTACH]124819[/ATTACH] [ATTACH]124820[/ATTACH] [ATTACH]124821[/ATTACH][ATTACH]124824[/ATTACH] [ATTACH]124825[/ATTACH][ATTACH]124823[/ATTACH][ATTACH]124822[/ATTACH] Enjoy! [B][SIZE=4]Installation:[/SIZE][/B] Copy the Bootstrap folder to [I]c:\Program Files (x86)\MPExtended\WebMediaPortal\www\Skins[/I] [COLOR=#ff0000]When upgrading, copy (and thus overwrite) the contents of the Bootstrap folder in the zip (new version) to the Bootstrap folder in above path (old version). To have no rudimentary files left on your PC, it may be best to remove all the contents from the Bootstrap folder and replace it with the new files.[/COLOR] [SIZE=4][B]Todo:[/B][/SIZE] - Views for Recordings list. [SIZE=4][B]Changelog:[/B][/SIZE] [B]v1:[/B] Initial release [B]v2:[/B] - Fixed big banner view for smaller screens (forced small banners) - New Album Music player! (used JWPlayer 5 because of forcing duration, which makes seeking possible) - Updated to Bootstrap base v2.3.1 [B]v3:[/B] - New backdrop for movie and tvshow detail view - New sub-title for some views with extra info - Add actors to tvshows - Localize 'Episode' in breadcrumb - Fixed a small responsive design bug at 779px - Sorted recordings by date - Added nummer of recordings per group to group title - Fixed an issue when clicking on a recording, closing the group - Extended album musicplayer with playing indicator - Gave a nice color to the music player itself - Added duration to track music player - Added cover to track music player - Aligned the duration in the list to be more in the middle - Added refreshrate indicator in dropdown button [B]v4:[/B] - Fixed rounded corners of fanart in webkit browsers - Fixed width of coverlist item images in IE - Fixed loading of non existent default fanart-image - Fixed images only load when scrolling - Added fade animation when cha nging view - Added year to album list - Added breadcrumbs to music - Added artist in front of track title in playlist - Added fast dynamic filter for movies and music - More consistency between track and album musicplayer - Placed breadcrumbs at left plane, making more place for the cover [B]v5:[/B] - Only show 'players' dropdown list when more then one player - Added current chosen genre (for movies and tvshows) to title of the page - Statuspage CPU/Memory usage history persistent after refresh/leaving page - Add new WebMP 0.5.4 feature: watched status for movies (not working right?) - updated to Bootstrap base v2.3.2 (no time to test the new v3 RC yet) [B]v5.1:[/B] - Reverted update from Bootstrap base v2.3.2 to v2.3.1 because it caused problems. - Fixed aspect ratio of videos in Flash player (change stretching: 'exactfit' to stretching: 'uniform') [/QUOTE]
Insert quotes…
Verification
Post reply
Forums
MediaPortal 1
WebService and Mobile Access
Popular Plugins
MPExtended
WebMP Skin: Bootstrap v5.1 (9 aug. 2013)
Contact us
RSS
Top
Bottom