Author: krstatzar
• Tuesday, November 03rd, 2009

First installment of skinning A2 my way. It is the way I do it and I’ll show you some tools and tricks of the trade. Skinning Aston2 is still very hard at first but later is getting … well … not so hard.. I mean it is getting easier. First I’ll show you what tools I use and how to set them up for maximum productivity.

Notepad++ – Or some other text editor that supports syntax highlighting. You can use Windows built-in Notepad but Notepad++ has some great features and it is absolutely free.

Total Commander – download, install it and set it up like in video below. Watch it on youtube directly for better quality.

What features are important that makes TC (Total Commander) ideal for skinning?

Author: krstatzar
• Thursday, May 07th, 2009

I know some people tend to underestimate the knowledge of skinning and question its usability in other fields but I personally find the knowledge from my skinning background pretty applicable. I’ll show one example just to illustrate it.
CSS sprites, really cool way to achieve nice rollover effects, button states, look at the css code below from planetaston.com

#menu ul li a {
display: block;
float: left;
line-height: 34px;
width:100px;
height: 34px;
text-align: center;
color: #ffffff;
text-decoration:none;
background:url(‘images/butts.png’) no-repeat top left;
}

#menu ul li a:hover, #menu ul li.current_page_item a {
color:#1D1D1D;
text-align: center;
background-position: -100px 0;

}

#menu ul li a:focus, #menu ul li.current_page_item a {
color:#FFFFFF;
text-align: center;
background-position: -200px 0;

}
#menu ul li a:active, #menu ul li.current_page_item a {
color:#FFFFFF;
text-align: center;
background-position: -200px 0;
}

And the image butts.png is below

butts
more…

Category: Articles, Tutorials  | Tags: , ,  | 2 Comments