O que se tem passado?

Olá pinguins.
Bom como podem ter reparado, o Penguins Designer anda muito parado. Muito mesmo. Eu ainda estou pensando em começar um novo Penguins Designer, com postadores novos, postagem todo dia, mas começar do 0. Ou seja apagar todas as postagens que existem aqui no blog e começar de novo. Eu sei que não tem muita gente ainda com esperança aqui no blog, eu peço que a quem está a ler isso, que partilhe nas redes sociais para ver se querem que o Penguins Designer volte.
Bom por mim é tudo. Queria também pedir que votassem aí em baixo. Obrigado.

Querem que o Penguins Designer volte?

~> Mouro001

Código - Relógio do CP!

Oi galera aqui quem digita é o Gcl, vou passar o código do relógio que tem o horário oficial do club penguin:

<embed allowfullscreen="false" allowscriptaccess="always" flashvars="xml=http://media2.clubpenguin.com/community/xml/penguin-standard-time-content.xml,http://media2.clubpenguin.com/community/xml/penguin-standard-time-properties.xml" height="55" menu="false" quality="autohigh" src="http://media2.clubpenguin.com/community/swf/penguin-standard-time.swf" style="visibility: visible;" type="application/x-shockwave-flash" width="250" wmode="transparent"></embed><br /></a>

É só você pegar o código e colocar no seu blog!

~Gcl

Tutorial - Imagem com efeito hover

Olá designers hoje vou ensinar a fazer um efeito hover em uma imagem...
é bem fácil, porém demorado.
Então vamos lá:

Primeiramente crie sua imagem de como ela fica e como ficara depois que nos passarmos o mouse.
nesse estilo:

Assim Ficará como normalmente!!

Assim quando o mouse estiver em cima

Código HTML:

Esse código a seguir você coloca em Layout//Adicionar Gadjet Html/Javascript.

<a href="LINK_DO_ITEM"><img src="http://i49.tinypic.com/e5h5dt.jpg" height="ALTURA DO ITEMpx" width="LARGURA DO ITEMpx" class="NOME DO ITEM"></a>

Você vai alterar apenas as partes destacadas do código. Em link do item você vai colocar o link que deseja que abra quando clicarem no primeiro nome. Em  altura do item, você irá colocar a  altura das imagens do menu.
No caso do meu  menu a altura é 77 pixels. Em largura do item, você vai colocar a largura da imagem. No meu caso, a imagem que contém o link "Home" tem 147 pixels de largura. E por último, em nome do item, coloque o nome do link, por exemplo "home".

Você vai repetir esse código para cada link do menu, então faça isso com bastante atenção. Quando terminar, salve o gadget. Ainda não vai aparecer nada no seu blog.

Código CSS:

Agora é a segunda parte do código. Vá no html do seu blog, e cole o código abaixo, antes de ]]></b:skin>

.NOME DO ITEM {
     background: transparent url('IMAGEM') no-repeat bottom center;
     width: LARGURA DO ITEMpx;
     height:  ALTURA DO ITEMpx;
     margin-left: 0px;
     }
.NOME DO ITEM:hover {
     background: transparent url('IMAGEM HOVER') no-repeat  top center;
     width: LARGURA DO ITEMpx;
     height: ALTURA DO ITEMpx ;
     }

Em imagem, você vai colocar o link da imagem que fica normalmente e em Imagem Hover como ela ficara depois que o mouse estiver em cima. No restante dos campos, você deve colocar as mesmas informações que colocou no código anterior, principalmente o "nome do item" que deve ser o mesmo que você colocou no código anterior.  Em margin-left, você ajusta as margens caso as imagens fiquem com espaços de umas para as outras.
Qualquer Dúvida relate no comentário, Irei atender.


~Gcl

Novo Postador

Oi galera quem fala aqui é o novo postador: Gcl
Quero agradecer ao Mouro por ter dado essa grande chance nesse grande blog.
Meus Tutoriais não são em vídeo já que minha internet não consegue fazer upload dele =\

Até Mais Galera

~Gcl

Avisos - Doação

Olá designers que nunca deixaram nós irmos abaixo.
Daqui fala o Mourinho.
Tenho de vos falar duas coisas.
A primeira é que não fazemos mais encomendas.
Neste momento sou só eu aqui postando e então eu não consigo fazer tudo sozinho, já tentei arranjar designers bons mas eles não aceitaram ainda.
Esta foi a primeira, agora a segunda, como devem ter reparado no titulo da postagem, tinha lá "Doação".
É isso mesmo, eu vou fazer uma doação de um template.
Como concorrer?
Basta seguir eu no Twitter e Retweetar o meu Tweet que está abaixo. Terá até dia 18 de outubro para participar.

DOAÇÃO DE UM TEMPLATE - PENGUINS DESIGNER http://t.co/g6lMmLDtcL Terá até dia 18 de outubro para participar.

— Mouro 001 (@Mouro001) September 30, 2013

Para me seguir clique aí:
Seguir @Mouro001

Não tenho mais nada a dizer espero que todos participem.
~> Mouro 001

Como fazer efeito hover no Image Maps

Olá pinguins.
Eu hoje ensino a vocês como podem fazer efeito hover no Image-Maps.
Vejam o vídeo:


Se vocês não conseguirem fazer, deixem um comentário que eu irei ajudar o mais rápidamente possível.
~> Mouro 001

Encomenda - Yossi

Olá pinguins!
Acabei agora de fazer a marca de água do Yossi Azar.
Ele me pediu á algum tempo uma marca de água para o blog dele, e eu fiz. Vamos ver como ela ficou:

Por agora é só. Para salvar a marca clique nela de depois aperte tecla direita e depois Guardar imagem como.

Já me seguiu no Twitter? Faça agora! Sigo devolta!
Seguir @Mouro001

~>Mouro001