O que encontrarei na página ?

Graceful Box é uma página com intuito de ajudar a deixar sua página com mais design, não temos um estilo concreto mas sim um estilo que agrade a todos que não seja somente feito para um tipo de pessoa.

Antes a Graceful era muito cheia de coisas, mas algumas coisas, muito desnecessárias e sem qualidade. Então nessa atualização eu reduzi o conteúdo, tirei as coisas sem qualidade, é deixei as melhores e também criei algumas coisas novas. De uma olhada e confira.

NUNCA copiar o conteúdo.

Sempre creditar o conteúdo que foi utilizado.

Não disponibilizar meu conteúdo em sua página.

Updates

Janeiro, - 2012.
Em janeiro tivemos a inauguração, logo depois uma atualização com um conteúdo muito melhor é em maior quantidade. Depois dessa atualização as visitas aumentaram consideravelmente, e por fim no dia 30 comecei mais uma atualização antes das minha férias acabarem. Essa atualização trouce novos conteúdos e a retirada de alguns que não tinham qualidade e eram desnecessários.

Resoucers

neomail resources

icon placeholders

button placeholders

Bullets

Pattern's

body{background:url("http://i743.photobucket.com/albums/xx77/shikinha_99/4-137.png")} body{background:url("http://i743.photobucket.com/albums/xx77/shikinha_99/3-108.png")} body{background:url("http://i743.photobucket.com/albums/xx77/shikinha_99/2-112.png")} body{background:url("http://i743.photobucket.com/albums/xx77/shikinha_99/1-122.png")} body{background:url("http://i743.photobucket.com/albums/xx77/shikinha_99/3672fa2e.png")}

body{background:url("http://i743.photobucket.com/albums/xx77/shikinha_99/Semttulo10-2.png")} body{background:url("http://i743.photobucket.com/albums/xx77/shikinha_99/Semttulo9-4.png")} body{background:url("http://i743.photobucket.com/albums/xx77/shikinha_99/semttulo3-13.png")} body{background:url("http://i743.photobucket.com/albums/xx77/shikinha_99/5-106.png")} body{background:url("http://i743.photobucket.com/albums/xx77/shikinha_99/4-138.png")} body{background:url("http://i743.photobucket.com/albums/xx77/shikinha_99/3-109.png")}

body{background:url("http://i743.photobucket.com/albums/xx77/shikinha_99/Semttulo15.png")} body{background:url("http://i743.photobucket.com/albums/xx77/shikinha_99/Semttulo14.png")} body{background:url("http://i743.photobucket.com/albums/xx77/shikinha_99/Semttulo13-1.png")} body{background:url("http://i743.photobucket.com/albums/xx77/shikinha_99/Semttulo12-1.png")} body{background:url("http://i743.photobucket.com/albums/xx77/shikinha_99/Semttulo11-1.png")}

body{background:url("http://i743.photobucket.com/albums/xx77/shikinha_99/00-6.png")} body{background:url("http://i743.photobucket.com/albums/xx77/shikinha_99/000-5.png")} body{background:url("http://i743.photobucket.com/albums/xx77/shikinha_99/0000-3.png")} body{background:url("http://i743.photobucket.com/albums/xx77/shikinha_99/00000-1.png")} body{background:url("http://i743.photobucket.com/albums/xx77/shikinha_99/000000-1.png")}

body{background:url("http://i743.photobucket.com/albums/xx77/shikinha_99/2-113.png")} body{background:url("http://i743.photobucket.com/albums/xx77/shikinha_99/1-123.png")} body{background:url("http://i743.photobucket.com/albums/xx77/shikinha_99/b62e09fb.png")} body{background:url("http://i743.photobucket.com/albums/xx77/shikinha_99/00-7.png")} body{background:url("http://i743.photobucket.com/albums/xx77/shikinha_99/0000-4.png")} body{background:url("http://i743.photobucket.com/albums/xx77/shikinha_99/00000-2.png")} body{background:url("http://i743.photobucket.com/albums/xx77/shikinha_99/000000-2.png")}

Back

Top

Mini Sings

Counter Bases

Gráficos

CSS

Aqui ficará as coisas que são feitas de css, ou seja headers e menus. Escolha abaixo qual item você quer ver, lembre-se sempre de creditar o que usar.

Headers

A edição é liberada, porem coloque sempre os créditos pois a base foi retirada daqui. Obrigada.

Como utilizar

Para começar copie o código do menu que quer utilizar, vá para o código do seu layout e cole o código entre as tags de estilo. Quando termina as tags de estilo o seu menu deve estar a seguir da última tag, mas em cima dele coloque:

Veja um exemplo mais explicativo na imagem abaixo:

Arraste até o navegador para ver em tamanho real.

E não se esqueça que no final deve ter 2 div, como está na imagem acima, porque se não colocar dois div o menu, e o texto da sua caixinha ficarão todos amontoados em uma só caixinha.

Qualquer dúvida me contate.

Finalmente os Menus

#menu a { display: block; font: 11px georgia; text-transform: uppercase; color: #FFFFFF; text-align: center; background: #BB77FF; margin: 1px; float: left; padding: 30px; width: 70px;} #menu a:hover { background-color: #D7AEFF; cursor: crosshair;} <div id="menu"> <a href="#home">Home</a> <a href="#dois">Dois</a> <a href="#tres">Três</a> <a href="#quatro">Quatro</a> </div>

#menu a { display: block; font: 15px arial; text-transform: uppercase; color: #FFFFFF; text-align: center; background: #00BA00; margin: 1px; float: left; padding: 20px; width: 20px; height: 100px;} #menu a:hover { background-color: #007000; border-top:2px dotted #00AA00; border-bottom:2px dotted #00AA00; cursor: crosshair;} <div id="menu"> <a href="#home">H<br>o<br>m<br>e</a> <a href="#dois">D<br>o<br>i<br>s</a> <a href="#tres">T<br>r<br>ê<br>s</a> <a href="#quatro">Q<br>u<br>a<br>t<br>r<br>o</a> </div>