A solução seria criar outra imagem de botão, mas porque criar um imagem simples se podemos fazer algo com o mesmo efeito usando CSS?

Então utilizando o código abaixo criamos os dois links para a validação:

<a class="w3cbutton" href="http://validator.w3.org/check?uri=referer">
   w3c
      <span>
          xhtml 1.0
      </span>
</a>
<a class="w3cbutton" href="http://jigsaw.w3.org/css-validator/validator?uri=referer">
   w3c
      <span>
         css 2.1
      </span>
</a>

Aí então aplicamos as regras de formatação CSS para os links.

.w3cbutton {
  border: 1px solid #ccc;
  font-family:Tahoma,Arial,Helvetica,sans-serif;
  font-size: 8px;
  font-weight: bold;
  background-color: #fff;
  color: #0c479d;
  padding: 0 0 0 3px;
  margin: 10px;
  position: relative;
  text-transform: uppercase;
}
.w3cbutton span {
  background:#FECB65;
  padding: 0 3px 0 5px;
  margin: 0 0 0 3px;
  text-transform: uppercase;
  color: #000000;
}

Pronto, o resultado é bem melhor que os enormes botões da w3c não?

A proposta aqui é utilizar o compilador do flex para criar os arquivos SWF sem precisar do flash, deixando o flash somente para edição gráfica do projeto. Para isso é necessário que tenhamos o Flex SDK que pode ser encontrado em:

FLEX 3 SDK : http://www.adobe.com/cfusion/entitlement/index.cfm?e=flex3sdk

Dentro do pacote nos iremos encontrar os compiladores, o framework do Flex, e os players 9 e 10 (Flex 3.4 SDK) – o pacote tem aproximadamente 200MB descompactado.
O arquivo que procuramos é o mxmlc.exe localizado dentro de “bin”, este é o arquivo que irá compilar nosso arquivo “.as” e transformá-lo em um “swf”. Se quiser comprovar o funcionamento do mesmo é só arrastar um arquivo “.as” para o executável e ele irá criar o swf baseado neste script.

O Segundo passo é preparar o SciTE, iremos necessitar o SciTE e do arquivo API e .properties para que o SciTe tenha suporte “auto-completion” para AS3.
O SciTE pode ser baixado gratuitamente em:

SciTE(2.01) : http://www.scintilla.org/SciTE.html

Os arquivos api e properties podem ser encontrados aqui:

SciTE AS3 : http://arthurdick.com/projects/as3/

Para utilizar a api AS3 pro Scite é necessário adicionar um linha no seu arquivo de configuração:

import actionscript
(supondo que o seu arquivo actionscript.properties está no mesmo diretorio que o SciTE caso contrário use: “import diretorio/actionscript” onde “diretorio” é onde seu arquivo actionscript.properties está)

Pronto neste ponto você já é capaz de utilizar autocompletion ao editar arquivos AS3.
Agora a parte importante: Fazer o SciTE utilizar o mxmlc.exe para compilar o script “.as”. No meu caso eu adicionei algumas linhas no arquivo actionscript.properties:

#location of FlashPlayers
flashplayer10=caminho_para_o_flex_sdk_3.4\runtimes\player\10\win\FlashPlayer.exe
flashplayer9=caminho_para_o_flex_sdk_3.4\runtimes\player\win\FlashPlayer.exe

#location of mxmlc
mxmlc=caminho_para_o_flex_sdk_3.4\flex_sdk_3.4\bin\mxmlc.exe

e editei algumas linhas de ações do menu:

#disable default flash commands
command.go.subsystem.*.as=1
command.compile.$(file.patterns.actionscript)=$(mxmlc) $(FileNameExt)
command.go.$(file.patterns.actionscript)=$(flashplayer10) $(FileName).swf

Pronto! Agora é só usar Crtl+F7 para compilar o arquivo e F5 para executá-lo usando o flashplayer 9 ou 10.

Depois de fazer esse “trajeto” todo eu ainda queria o papervision, o qual quero muito utilizar:

Papervision : http://code.google.com/p/papervision3d/

Neste ponto já é fácil incluir este framework junto com o Flex, só é preciso baixar o arquivo compilado .swc (Papervision3D_2.0.883.swc na data deste post) e copiá-lo para dentro do diretório frameworks\libs (que também contém o framework do flex)

So far so good…
Neste ponto o SciTE já é capaz de compilar scripts AS3 sem precisar do flash e utilizar o framework PaperVision3D. Só pra testar utilizei o mesmo script que já havia postado aqui e funcionou normalmente.

Figures & captions

A pinned-down menu

Indented paragraphs

Alternative style sheets

A confetti menu

Getting rid of colored scrollbars (user style sheets)

Even/odd: coloring every other row

A tabbed interface

A chart comparing font styles

Horizontal and vertical centering

Boxes with drop shadows

Text shadows

Rounded boxes and unsharp shadows

fonte:http://www.w3.org/Style/Examples/007/

This JavaScript and CSS will allow you to use custom images for checkboxes, radio buttons and select lists.

Custom Form Elements

http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/

Primeiro criamos o menu:

<ul id="menu">
	<li><a href="#">Menu Link</a></li>
	<li><a href="#">Menu Link</a></li>
	<li><a href="#">Menu Link</a></li>
	<li><a href="#">Menu Link</a></li>
</ul>
;

E um pouco de css pra ficar mais visivel:

<!--
* {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
ul#menu {
	width: 200px;
	list-style: none;
}
ul#menu li{
	border-bottom:1px solid #fdfdfd;
	height:20px;
	background:#F9F9F9;
}
ul#menu a {
	text-decoration: none;
	color: #993300;
}
-->

Em seguida o script para o menu funcionar:

window.addEvent('domready', function(){
	//Menu
	var menu  = document.getElementById('menu');
	var li = menu.getElementsByTagName('li');
	for(x=0;li.length>x;x++){
		el = $(li[x]);
		el.addEvents({
			mouseenter:
			function(){
				mouseEnterFx = new Fx.Morph(this,{fps:85,unit:'px',duration: 250, transition: Fx.Transitions.linear.easeOut,link: 'cancel'});
				mouseEnterFx.start({paddingLeft:'10'});
			},
			mouseleave:
		function(){
				mouseLeaveFx = new Fx.Morph(this,{fps:85,unit:'px',duration: 250, transition: Fx.Transitions.linear.easeOut,link: 'cancel'});
				mouseLeaveFx.start({paddingLeft:0});
			}
		});
	}
});

Repare no loop “for” muito útil para atribuir o efeito a todos os elementos do menu. Neste exemplo foi utilizado o Morph para ‘trocar’ o padding da Li que contém o link do menu, fazendo com que ocorra um efeito de movimento.

Code:menu.html

http://www.webresourcesdepot.com/free-vector-world-maps-collection/

Compressed Lightbox 2.04

Partindo do fato de que esta carteira teve ínicio no “fundo de casa” de alguem por ae, é lógico que HJ ainda é comum ver pessoas que ainda fazem suas carteiras dessa maneira. Um dos pontos legais de se fazer uma carteira dessa manualmente é facilidade de se poder “customizar” sua carteira, já que o processo é bem simples (Cortar, colar etc..)

Pensando nisso resolvi criar minha propria carteira:

Olha a bagunça! lol =D

Mas olha que legal que ficou!!

Eu recomendo comprar fitas de qualidade, a fita que utilizei dependendo do nivel de calor (sol) ela começa a desprender cola, e vira uma bagunça se vc estiver sentado com ela em seu bolso.

Ajaxfile manager!

Muito simples de configurar e usar, e vc pode inclui-lo para trabalhar junto com o TinyMCE ou trabalhando em modo standalone, realmente quebra um galho quando é necessário gerenciar os arquivos que você tem que enviar para sua página ou blog.
Observe que para q integração com o edito tinymce você precisa alterar o path da imagen ao inseri-la no editor.

Primeiramente encontrei o Zend Framework, bem robusto, pelo que percebi pode-se criar aplicações bem robustas usando o ZF, mas mesmo assim não era o que eu estava procurando. Pesquisando um pouco mais achei o CakePHP, a primeira vista não achei o CakePHP tão atraente, mas depois de usa-lo um pouco mais eu particularmente gostei muito dele.

O CakePHP é um framework para desenvolvimento rápido de aplicações que usa conceitos como ActiveRecord, Association Data Mapping, Front Controller and MVC. Pra quem quer ter uma noção o quão rápido é o desenvolvimento com um framework tentem montar o “Blog Tutorial”do próprio manual do Cake.

Website
www.bakephp.org

CakePHP blog tutorial:
http://manual.cakephp.org/appendix/blog_tutorial