Geeks With Blogs
Imran Shaik Silverlight Quintessential Rambling

I have been busy with my project so I haven't really got a chance to play with Silverlight 2.0 as much as I wanted to, I had a look at it but thats about it. I'll be posting XAML Resources, VB.NET/C# source code, sample, example, videos, tutorials, media player skins (I have few of them) and almost everything but I have to get my hands dirty with Silverlight 2.0 first which I'll as soon as possible.

But today you have the first instalment of Vista resources, I had them in Adobe Illustrator format for the last few months but I thought I'll give you a taste of what is coming later on, below is the image of the sample gradients, the gradients have been applied as Rectangle fills using Fill="{StaticResource BrushKey}" on gray background. Although you can use/apply them to any height the preferred height is 40, 20, 40 and 40 respectively with the image below.

2008-03-08_023916

If you don't know how to use resources here is the sample file,

But if you know how to use resources, then this is all you need

       <LinearGradientBrush x:Key="VistaWEHeader" StartPoint="0.5,1" EndPoint="0.5,0">
           <LinearGradientBrush.GradientStops>
               <GradientStop Color="#FF000000" Offset="0"/>
               <GradientStop Color="#FF9AC6CF" Offset="0.0494537"/>
               <GradientStop Color="#FF54A1AA" Offset="0.0714264"/>
               <GradientStop Color="#FF146478" Offset="0.5"/>
               <GradientStop Color="#FF408C9A" Offset="0.505493"/>
               <GradientStop Color="#FF87B6C0" Offset="0.928574"/>
               <GradientStop Color="#FFBCCDD7" Offset="0.950546"/>
               <GradientStop Color="#FFAEBFCA" Offset="0.983521"/>
               <GradientStop Color="#FFAEBFCA" Offset="1"/>
           </LinearGradientBrush.GradientStops>
       </LinearGradientBrush>

       <LinearGradientBrush x:Key="VistaStatus" StartPoint="0.5,1" EndPoint="0.5,0">
           <LinearGradientBrush.GradientStops>
               <GradientStop Color="#FF000104" Offset="0"/>
               <GradientStop Color="#FF02070B" Offset="0.494507"/>
               <GradientStop Color="#FF33373D" Offset="0.494507"/>
               <GradientStop Color="#FF757A7C" Offset="0.917587"/>
               <GradientStop Color="#FFA0A1A3" Offset="0.956039"/>
               <GradientStop Color="#FF48494A" Offset="1"/>
               </LinearGradientBrush.GradientStops>
       </LinearGradientBrush>

       <LinearGradientBrush x:Key="VistaIEHeader" StartPoint="0.5,1" EndPoint="0.5,0">
           <LinearGradientBrush.GradientStops>
               <GradientStop Color="#FFDFE4F4" Offset="0"/>
               <GradientStop Color="#FFB8BCC2" Offset="0.0439606"/>
               <GradientStop Color="#FFE0E6F4" Offset="0.0769196"/>
               <GradientStop Color="#FFD4DBE8" Offset="0.648346"/>
               <GradientStop Color="#FFE8ECF4" Offset="0.714279"/>
               <GradientStop Color="#FFFFFFFF" Offset="1"/>
           </LinearGradientBrush.GradientStops>
       </LinearGradientBrush>

       <LinearGradientBrush x:Key="VistaMenuBar" StartPoint="0.5,1" EndPoint="0.5,0">
           <LinearGradientBrush.GradientStops>
               <GradientStop Color="#FFD4D4D4" Offset="0"/>
               <GradientStop Color="#FFF0F2F4" Offset="0.0659332"/>
               <GradientStop Color="#FFF6F5F8" Offset="0.598907"/>
               <GradientStop Color="#FFFFFFFF" Offset="0.609894"/>
               <GradientStop Color="#FFFFFFFF" Offset="0.978027"/>
               <GradientStop Color="#FFC7C7C7" Offset="0.994507"/>
               <GradientStop Color="#FFC7C7C7" Offset="1"/>
           </LinearGradientBrush.GradientStops>
       </LinearGradientBrush>

Stay tuned more coming your way, and don't forget to leave your comments.

Posted on Saturday, March 8, 2008 3:44 AM Silverlight | Back to top


Comments on this post: Vista Gradients Resources Pack 1

# re: Vista Gradients Resources Pack 1
Requesting Gravatar...
Great snippet :) Especially very handy for non-designers in order to do a little fast make-up for their apps.

I did share it on my Turkish blog, just for your info ;)

Thanks again, and keep it up.
Left by Daron Yöndem on May 24, 2008 5:44 AM

# re: Vista Gradients Resources Pack 1
Requesting Gravatar...
Hit at http://www.xamltemplates.net/ you can see a complete theme for all the silverlight and wpf controls, check it out
Left by XAMl Templates on Apr 01, 2009 9:07 AM

# re: Vista Gradients Resources Pack 1
Requesting Gravatar...
thanks for your share
Left by mbt on Jun 24, 2010 2:49 PM

# re: Vista Gradients Resources Pack 1
Requesting Gravatar...
Nice we are working currently on a update of our windows DB, the ressource pack was useful, thanks
Left by Fähren Reisen Team on Feb 21, 2011 11:37 PM

Your comment:
 (will show your gravatar)


Copyright © Imran Shaik | Powered by: GeeksWithBlogs.net | Join free