Last active: Never
Not logged in [
Login
-
Register
]
Search
Today's Posts
Stats
Back to: EJukebox Home at Audiosoft.Net
Audiosoft Forums
»
Skin Development
»
Using GRADIENTS in .dis files (Screenshot)
» Edit Post
Edit Post
Username
Need to register?
Password:
Forgot password?
Subject:
Icon:
Formatting Mode:
Normal
Advanced
Help
Andale Mono
Arial
Arial Black
Book Antiqua
Century Gothic
Comic Sans MS
Courier New
Georgia
Impact
Tahoma
Times New Roman
Trebuchet MS
Script MT Bold
Stencil
Verdana
Lucida Console
-2
-1
1
2
3
4
5
6
White
Black
Red
Yellow
Pink
Green
Orange
Purple
Blue
Beige
Brown
Teal
Navy
Maroon
LimeGreen
Message:
HTML is Off
Smilies are On
BB Code
is On
[img] Code is On
.DIS files are CSS files that specify how some objects are displayed in eJukebox. An advanced feature of CSS is that you can set Filters on the display elements. A full list of filters can be found [url=http://msdn.microsoft.com/workshop/author/filter/reference/reference.asp]< Here >[/url] (Only the entries under FILTERS). An IE5.5 and up Filter DEMO with some of the posibilitys can be found [url=http://www.fred.net/dhark/demos/css/css_filter_examples.html]< Here >[/url] The most useful filter for eJukebox might be GRADIENT...as it allows you skip making graphics for some of the elements in an eJukebox skin and instead put in perfectly stretched horizontal or vertical gradients.[url=http://msdn.microsoft.com/workshop/author/filter/reference/filters/gradient.asp]< Gradient Usage >[/url] THIS GRADIENT FILTER CODE CAN BE ADDED TO ANY ELEMENT IN A .DIS FILE .title { filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=lightblue, endColorstr=#F1F5FE, GradientType=0); } You can change the startColorstr and endColorstr as well as the GraidentType=0 or 1 for horizontal or vertical graidents. You can also add 2 digits to the start of the HEX color to set how much the gradient fades with the background. #FF0000 = normal red #00FF0000 = all background shown #55FF0000 = faded 1/2 background - 1/2 red #99FF0000 = all red gradient shown Just be carefull as using this technique can effect performance when allot of elements in the display get the effect applied. See that the.dis file doesn't make the display respond to slowly. Below is Screenshot of an artistlist.dis using a gradient background and an ALPHA filter to make the text fade out on the right side - plus a songlist.dis with album art tiled in the background and a gradient overlayed over it - along with gradients behind the play now icons, album name with image, and the title highlight. If anyone wants to mess with the new songlist.dis or artistlist.dis i made let me know and I will post it...I will be including it with the next official ejukebox release in skin form. ---
Disable Smilies?
Use signature?
Turn BBCode off?
! Delete this message !
Attachment:
Filename:
gradientEJ.jpg
Filesize:
90,354 byte(s)
Downloads:
732
»
Download
Leave current file untouched.
Upload this file instead:
Rename current file to:
Delete current file.
Audiosoft Forums
»
Skin Development
»
Using GRADIENTS in .dis files (Screenshot)
» Edit Post
Audiosoft Home
|
Download EJukebox for Windows
|
Register EJukebox
©2019
Audiosoft Network
. All rights reserved.
[queries:
18
]
HTML5 Color Picker for CSS Opacity
Short Url Service with Stats