Resultado Concurso de post Parte 1#

Olá Designers! Venho dizer quem ganhou o concurso. Mas antes de dizer quero dizer Não se sintam maus de perder. No proximo concurso vocês podem vencer. O designer que venceu é o ....

Gunichi e o Lion e o Brincalhao. Mas como o Gunichi e o Lion e o Brincalhao? É que eu esqueci de avisar que o concurso tem 3 fazes! A 1 faze é, quem faz o melhor cabeçalho! Designers em Ação! Aviso: Vocês que vão fazer a marca, mais claro, a nova com a palavra: Club Penguin Designers radicais Claro. Bem o prazo é até pra 4 de janeiro.Quando terminarem o cabeçalho, me mandem o link pelos comentarios. Até mais!

-Fifolino567 Equipe Club Penguin Designers Radicais.

Aviso: Quem não fizer o cabeçalho será excluido do concurso automaticamente.

Concurso de post.

Olá pinguins! Vejo que o blog anda meio parado! Então oque eu decidi fazer? Um concurso de post. Para participar você vai presisar se achar um designer de verdade. No minimo você presisa ser Médio ou Proficional. Para participar:

Nome do seu pinguim;
Seu tamplete;
Porque quer postar aqui;

Basta só comentar nessa post. É isso pessoal....

Pinguinando!

-Fifolino567

Essa postagem ficara no topo até dia 29 de dezembro.

Quiz do Designer -Novo quadro.

Olá pinguins.

Venho, anunciar que um quadro bem legal para alguns chamado Quiz do Designer, como participar? Coloque no comentario seu nome no xat, para que eu possa adicionalo e marcar seus pontos, meu nome no xat é Gui_LOL =P -Fifolino567.
 Mas como funcionara esse quadro? Exemplo vocês teram que recolher pontos fazendo as coisas que estarão aqui em baixo.

-Colocar o link do blog na sua casinha -100 Pontos
-Atrair seguidores pro blog -200 Pontos (Pelo menos 5 seguidores)
-Colocar CPDR no nome -50 Pontos-
-Atrair gente para o xat -100 Pontos-
-Chamar gente para o blog -500 Pontos-

Estas são algumas coisas que vocês poderão fazer. Até mais.

-Equipe CPDR.

Novo Postador-Ronaldo4513 e 1 tutorial

Olá pinguins como vai?
Hoje eu estou aqui para falar que eu sou o mais novo postador do club penguin designers radicais(cpdr),graças ao gui valeu muito obrigado gui,e para fazer um novo tutorial,o de barra de novidades mas vamos a minha ficha?

Nome:Ronaldo4513

Dias de Vida:+600

Guia de Turismo:Sim

Agente da E.P.F:Confidencial

Ninja:Sim

Ninja do fogo:Sim

Ninja da agua:Quase

E vamos as tutorial?

Como fazer:

Abra seu fw nas dimenções:

width:982

height:75

                                                                      como por:

Isto é facil é só abrir um novo gadjet HTML JAVASCRIPT e cole o codigo abaixo:

<div style="height: 64px; position: relative;"><img alt="" src="LINK DA SUA IMAGEM" /> <div style="left: 210px; top: 25px; width: 760px; position: absolute;"> <span><marquee bgcolor="transparent" behavior="scroll" width="100%" loop="infinite">Ponha sua frase aqui!</marquee></span></div></div>

E é só fazer o que é pedido,e é só até a proxima

^~ ronaldo4513

Como fazer a nova marca d' agua do CP

Ola designers! Muitos ja ficaram sabendo da nova Marca d' Agua do Club Penguin né? Estou aqui para ensinar a fazer ela!

1. Faça o texto que você quer que seja posto emcima, ou embaixo, do "Club Penguin" ou se tiver só um "Club" ou um "Penguin"... assim:

< OBS: Faça 2 layers de texto iguais >















2. No layer que estiver emcima, bote um stroke com a cor #07a2e4 e a de baixo com a cor #231f1f assim, um maior que o outro:

3. Pegue essa imagem aqui, e clique em File>Place e bote assim:

4. Ultimo passo! Clique no layer da imagem que eu te passei com o botão direito do mouse, e clique em Create Clipping Mask, e... Pronto! Veja como ficou:

Gostaram do tutorial? Ok! Falo Pinguinada! E feliz Natal!

~Mamamiau

Download Fireworks CS5

Olá Designers! Suco aqui!

Hoje irei mostrar o download do Fireworks CS5 e as instruções de como abri-lo. Sem mais, vamos para as instruções e o link de download:

Faça o download e coloque na área de trabalho
Quando clicar aparece-rá uma pasta chamada Virtual
E quando fechar o fireworks, delete essa pasta para usar outra vez
Mas não delete quando estiver em uso!

Link de Download:

http://www.4shared.com/file/_zXBFKUF/Fireworks_CS5.html?

Se der certo, ou der um problema ao abrir, deixem nos comentários que brevemente irei responder! Vou ficando por aqui!

                                                                    ~Até o próximo tutorial~
                                                                                            ~Suco~

Resultado do Concurso!

Olá Designers! Suco aqui!

Que pena que no sorteio de template Semi-Profissional só tiveram 2 inscritos. Mas quem participou teve mais chance! Usei o Random.org para isso. Não irei contar o resultado, mas vejam a imagem e saberão qual é:

Como viram, parabéns ao participante Catataux que acaba de ganhar um template semi-profissional para sou blog, Club Penguin No Ventilador! Quando eu encontrar o vencedor em seu blog falarei com ele! Vou ficando por aqui! Fui!

                                                           ~Até o próximo tutorial~
                                                                                   ~Suco~

Sorteio de Template Semi-Profissional!

Olá Designers! Suco Aqui!

Hoje vim fazer uma coisa diferente! Para alguns vai ser muito bom! Um sorteio de template semi-profissional, feito pelo Designer Suco! O Sorteio será muito simples, deixem nos comentários o link do blog ( lembrando que o blog tem de ter um chat ) e o nome do dono! Usarei um site para escolher o número sorteado (Só podem ter até 50 inscritos) e qual for escolhido ganha! Vocês tem até o dia 1 de novembro de 2012 para se inscrever, então corram! Vou ficando por aqui!

                                                        ~Até o próximo tutorial ou sorteio~
                                                                                                 ~Suco~

Tutorial Gif de Chat!

Olá Designers! Suco aqui!

Como falei na minha apresentação, ensinaria como fazer gifs para chat, e é isso que irei ensinar! Vocês precisarão do programa Xara 3D 6 , coloque o efeito, cor e nome e para salvar clique em Export animation... e salve o arquivo na pasta desejada e no site imgur.com (clique aqui para acessar) e faça upload dessa gif. Pegue o link no direct link e vá no  chat convert animation (clique aqui para acessar) e coloque o direct link que você obteve no imgur.com, clique em convert e a gif será convertida para .PNG, abra a imagem com seu Fireworks (qualquer versão) e com a varinha mágica, tire o fundo da imagem. Pronto! Sua gif está pronta! Convertendo, olha como ficou:

Legal, não é mesmo? Para usa-la você precisa-rá do power animate. Por hoje é só pessoal! Vou ficando por aqui!

                                  ~Até o próximo tutorial~
                                                           ~Suco~

Tutorial Banner

Olá Designers! Suco aqui!

Hoje ensinarei, como diz o título, um banner! Para começar, precisaremos de Fireworks (qualquer versão) e selecione o Arredondado, essa imagem aqui:

Agora com essa ferramenta, faça um retângulo com ela, pois as bordas ficarão redondas. Adicione a cor, o efeito (aconselho listrado), tipo o meu, que ficou assim:

Agora, coloque a marca d'água, vá em abrir e selecione a marca d'água desejada, coloque ela, tipo assim:

Agora coloque seu pinguim desejado na imagem, tire o pé dele com a marque tool (atalho do teclado (m) ), vejam:

E agora, para finalizar, escreva "Entre" em contorno e pronto! Olhem o meu:

No próximo tutorial ensinarei como coloca-lo em seu blog! Vou ficando por aqui designers!

                                                                           ~Até o próximo tutorial~
                                                                                                   ~Suco~

Tutorial marca de água photoscape

Olá designers!

Bem lembram do ultimo tutorial? O suco ensinou a fazer marca de agua pelo fireworks mais como tem designers que não usam esse programa! Mais me deu uma ideia de fazer esse tutorial de photoscape!
Como fazer marca de agua por Photoscape! Primeiro entre no photoscape e clike em editor... E depois clike em nova foto e coloque a imagem 16 X 16 E vai fazer um quadrado branco você vai ter que escrever, Club bem coloque o contorno a cor azul escuro (Espressura: 10)  OBS: Tente cobrir o quadrado branco.








                                                                                                                                                                                 


E escreva penguin:
















                                                                                                                                                                       


E escreva da mesma altura da letra club com o fundo preto, e aproveite e escreva penguin tambem! E encaixe o club no club, o penguin, no penguin. (Nessa imagem eu estou colocando o club no club pra dar um exemplo.












E coloque o contorno no penguin também.









                                                                                                                                                                   

E dai é só salvar! E está pronta sua marca de agua olhem como ficou a minha:













E dai tire o fundo da imagem pelo paint.net! Facil não é? Então até o proximo tutorial futuros designers!

~Fifolino567

Tutorial Marca D'Água

Olá Designers! Suco aqui!

Hoje vim mostrar o tutorial de Como fazer uma marca d'água estilo Club Penguin, e sim isso todos querem saber de como ter uma!

Primeiro salve está imagem no seu computador:

Agora abra seu Fireworks (Qualquer versão dá certo) e baixe a fonte Bumbastika, download clique aqui e digite o texto, selecionando a cor branca ou a laranja, o código da laranja é #FFBC3A e o da branca é #FFFFFF
Agora faça isso:

Clicando em Sombra Interna coloque o seguinte:

Código da cor: #FF7F00

Se for branca, ponha assim:

Código da cor: #BBBBBB

Agora coloque em Photoshop Livre Effects e deixe igual está a imagem a seguir:

E depois, clique nos botões nessa sequencia: Ctrl Alt Shift Z e mais uma vez Photoshop Livre Effects mas ponha desse jeito da imagem a seguir:

O código da cor que vocês devem por é #003366 .

Depois disso, sua marca d'agua está pronta! Olhe como ficou a minha:

Legal, não? Deixem nos comentários dúvidas ou como ficou a sua! Brevemente responderei! Fui!

                                             ~Até o próximo tutorial~~Suco~

Novo Postador!

Olá Designers! Suco aqui!

Sou o mais novo postador desse maravilhoso blog! E vim passar todas minhas habilidades como designer para vocês!

Vou deixar uma imagem aqui, para vocês saberem melhor, ta? Aqui vai!

Essa é uma gif para chat não convertida que em breve ensinarei para vocês! Bem, vou ficando por aqui! Em breve ensinarei tutoriais! Fui!

                                       ~Até o próximo tutorial~ ~Suco~

Apresentação - Kya Crudo e Como fazer template

Olá!

Sou o Kya Crudo, novo postador do blog.

Quero agradecer ao Fifolino567 por ter me convidado. Eu vou ensinar como fazer
um template depois. Vamos a minha ficha de pinguim:

Nome: Kya Crudo

Dias: 235+

Assinante: Sim

Ninja: Sim

Guia: Sim

Ninja do fogo: Sim

Ninja da água: Sim

EPF: Shh, confidencial

Fase de designer: Médio

Tutorial

1. Você precisa das imagens:

Cabeçalho: http://i.imm.io/HXSz.png

Rodapé: http://i.imm.io/HXR6.png

Sidebar: http://i.imm.io/HOzV.png

Título de gadget: http://i.imm.io/HOAu.png

2. Você edita as cores, mas a parte da sidebar tem de ficar as mesmas cores.

3. Você precisa decorar as imagens,

4. Você precisa do HTML: http://forum-dcpp.forumeiros.com/h1-

No lugar de LADO DA SIDEBAR você põe left.

E troque:

• NOME DO BLOG: Coloque o nome do blog aqui.
• SEU NOME: Coloque aqui seu nome.
• URL DO FUNDO DO BLOG: Coloque aqui o link do fundo do blog.
• URL DO CABEÇALHO: Coloque aqui o link do cabeçalho.
• URL DA SIDEBAR: Coloque aqui o link da sidebar.
• URL DO TÍTULO DE GADGET: Coloque aqui o link do título de gadget.
• ALTURA DO CABEÇALHO: Coloque aqui a altura do cabeçalho.
• ALTURA DO RODAPÉ: Coloque aqui a altura do rodapé.
• LADO DA SIDEBAR: Coloque left
• MARGEM ESQUERDA DA SIDEBAR:Coloque 3
• MARGEM DIREITA DA SIDEBAR: Coloque 0

Tente procurar sem os acentos pois é bugado.

-Kya Crudo

Como fazer sidebar

Olá designers aqui é o Fifolino567 e vim ensinar como fazer sidebar! Primeiro salve essa imagem:





Salve essa imagem e entre no pixlr abra a imagem e pinte esses riscos assim:






Viu é muito facil! É só isso thau!

Link do pixlr: pixlr.com/editor

Tutorial-Rodapé(Fireworks CS5)

Ola PINGUINADA! Hoje ensinarei a fazer um rodapé!
Primeiramente vamos abrir o Adobe Fireworks CS5 e bote o tamanho 982x(ALTURA DESEJADA).
Depois vamos fazer um retangulo arredondado da cor que quiser e depois botar uma linha emcima assim:

Depois botamos um direito autoral e se você estiver fazendo um template bote o nome do que fez o Template assim:

Veja como ficou:

Falo PINGUINADA!

Como fazer template #1 Barra Cor: Verde

Ola PINGUINADA Designada! Hoje vou ensinalos a fazer um template de uma barra verde e "NÃO MUDE A COR!"se não vai ficar estranho.Ok vamos ao...

1 Passo: Imagems.

Mas um aviso: É apenas editavel no Fireworks.
Bom não vamos editar 3 coisas:Fundo do Blog, Sidebar e Titulo da Sidebar.
Vamos editar 2 coisas:

1.Cabeçalho: http://i50.tinypic.com/a0dv2b.png
2.Rodapé: http://i49.tinypic.com/2yys1on.png

Não se esqueça é editavel apenas no fireworks ou quem sabe tambem o Photoshop.

2 Passo: HTML

Vou passar o HTML. Copie com CTRL+C.
Após copiar aperte CTRL+F e procure:
LINK DO CABEÇALHO
LINK DO RODAPÉ.
Agora o HTML:


<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<script src='http://code.jquery.com/jquery-1.4.4.min.js' type='text/javascript'/>
  <head>
    <link href='.' rel='shortcut icon'/>
    <title><data:blog.pageTitle/></title>

    <b:include data='blog' name='all-head-content'/>
    <b:skin><![CDATA[/*
/*
-----------------------------------------------
Nome: SEU NOME
Nome do Blog: NOME DO SEU BLOG
Design por: NOME DO DESIGNER
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="cordasidebar" description="Cor do Background da Sidebar"
type="color" default="#1f9ddf" value="#1f9ddf">
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#279cd8" value="#279cd8">
<Variable name="textcolor" description="Text Color"
type="color" default="#000000" value="#000000">
<Variable name="linkcolor" description="Link Color"
type="color" default="#000000" value="#000000">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#000000" value="#000000">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#000000" value="#000000">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#16110D" value="#16110D">
<Variable name="bordercolor" description="Border Color"
type="color" default="#FDFDFD" value="#FDFDFD">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#E7B99A" value="#E7B99A">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#000000" value="#000000">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#1f9ddf" value="#1f9ddf">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% 'Palatino Linotype',Trebuchet,Verdana,Sans-serif" value="normal normal 100% IM Fell Double Pica SC">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal bold 0% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal bold 0% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 0% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif" value="normal normal 0% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
*/
body {
background: #FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0W4fEVoXJxV8fUbjY62hyY2kldTcXWNZXpbjDj49KCGVSpILIm8byd8bV-YsmPxyoGSkn3LrtUQjmWVTUgKXubJx7pBL0Uc9_FcPDhofyNW_-fTbh-c3paxg6L6ZKO-wMxm6QNXD8GGw/s1600/Fundo.png) fixed;
;
color:#000000;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: lcenter;
}
a:link {
color:#000000;
text-decoration:none;
}
a:visited {
color:#000000;
text-decoration:none;
}
a:hover {
color:#000000;
text-decoration:underline;
}
a {
outline: none;
}
a img {
border-width:0;
}
#navbar #Navbar1 iframe{
display:none;
visibility:none;
}
/* Header
-----------------------------------------------
*/
#header-wrapper {
width:982px;
height:400px;
margin:0 auto 0px;
border-bottom: 0px solid #63e812;
}

#header {
margin: 0px auto 0px;
padding: 0px 0px 0px 0px;
width:982px;
height:400px;
background:  url(LINK DO CABEÇALHO) bottom center no-repeat;
text-align: ;
color: transparent;
}

#header h1 {
margin:0px auto 0px;
padding: 0px 0px 0px 0px;
line-height:1.2em;
text-transform:capitalize;
letter-spacing:.2em;
font: normal normal 0% Trebuchet, Trebuchet MS, Arial, sans-serif;
}

#header a {
color:#ffffff;
text-decoration:none;
}

#header a:hover {
color:#ffffff;
}

#header .description {
margin:0px auto 0px;
padding: 0px 0px 0px 30px;
max-width:895px;
text-transform:capitalize;
letter-spacing:.2em;
line-height: 1.2em;
font: 0px;
color: #e6e6e6;
}

#header-center{
margin: 0px;
border-bottom: 0px solid #bf0e0e;
text-align: center;
float:center;
width:100%;
color:#F2C888;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 982px;
margin:0 auto 0px;
padding:0px;
text-align:left;
font: normal normal 88% Verdana, sans-serif;
background-color:transparent;
border: 0px solid #bf0e0e;
-moz-border-radius:31px;
-webkit-border-radius:31px;
-goog-ms-border-radius:31px;
}

#content-wrapper {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6HPAd7DrggivcrgS-GuH40UuXOWQuMB8ohLKyh8TyecoxuLMqTG9p9Z_4rqL3mRt4MQFfblYOZ_UUxvwSsoBDA0NDfQdhKz6D6PjVDBBWTMlBvOE11w353iAxmsALAR8mGuwo-hPtoKI/s1600/Sidebar.png) repeat scroll center top;
}

#outerbottom-wrap1 {
background:url(http://img167.imageshack.us/img167/2618/bgpagetopel1.gif)  no-repeat left top;
margin:0 0 px;
padding:0px;
}
#outerbottom-wrap2 {
background:url()  no-repeat left bottom;
margin:0 0 px;
padding: 0px;
}

#main-wrapper {
margin-left: 37px;
_margin-left: 37px;
margin-right: 0px;
_margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
border-left: 0px solid #bf0e0e;
border-right: 0px solid #bf0e0e;
border-bottom: 0px solid #bf0e0e;
background: #ffffff repeat-y;
width: 642px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
#mainbottom-wrap1 {
background:url()  no-repeat left top;
margin:0 0 px;
padding:0px;
}
#mainbottom-wrap2 {
background:url()  no-repeat left bottom;
margin:0 0 px;
padding: 0px;
}
#sidebar-wrapper {
margin-right: 23px;
_margin-right: 23px;
margin-left: 0px;
margin-top: 0px;
color: transparent;
background-color: transparent;
width: 232px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}

#newsidebar-wrapper {
margin-left: 0px;
_margin-left: 0px;
margin-top: 0px;
color: transparent;
background-color: transparent;
width: 208px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}

/* Headings
------------------------------------------------ */
h2 {
margin:1.5em 0 .75em;
font:normal bold 95% Arial, sans-serif;
line-height: 1.4em;
text-transform:capitalize;
letter-spacing:.2em;
color:#000000;
}
/* Posts
-----------------------------------------------
*/
h2.date-header {
text-align: center;
font: normal normal 0% Verdana, sans-serif;
color: transparent;
}
.post {
padding: 9px 16px 15px;
line-height: 1.4em;
border:0px dotted #000000;
}
.post h3 {
padding: 0 0 2px;
font-size: 140%;
font-weight: bold;
line-height: 1.1em;
color: #00000;
border-bottom: 2px solid #009933;
text-align:center;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration: none;
color: #000000;
}
.post h3 strong, .post h3 a:hover {
color:#000000;
color: #000000;
}
.post p {
margin:10 0 .75em;
line-height:1.1em;
}
.post-footer {
margin: .75em 0;
color:#000000;
padding-left: 5px;
text-transform:normal;
letter-spacing:.1em;
font: normal normal 86% 'Tahoma', Trebuchet, Trebuchet MS, Verdana, Sans-serif;
font-weight: normal;
line-height: 1.1em;
border:3px solid #009933;
text-align:center;
}
.comment-link {
margin-left:.6em;
color: #000000;
}
.post img {
padding:4px;
}
.post blockquote {
margin: 12px 20px 12px 20px;
padding: 0px 0px 0px 10px;
color: #000000;
font: Arial Italic
line-height: 1.6em;
color: #000000;
border: 2px solid #009933;
background: #1fab1f;
}
.post blockquote p {
}

/* Comments
----------------------------------------------- */
#comments h4 {
padding-left: 10px;
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: #000000;
}
#comments li {
padding-top: 0;
padding-right: 0;
padding-bottom: 1px;
padding-left: 17px;
background: url() no-repeat left 3px;
}
#comments-block {
padding-left: 5px;
margin:1em 0 1.5em;
line-height:1.3em;
}
#comments-block .comment-author {
padding-left: 5px;
margin:.5em 0;
}
#comments-block .comment-body {
padding-left: 5px;
margin:.25em 0 0;
}
#comments-block .comment-footer {
padding-left: 5px;
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
padding-left: 5px;
margin:0 0 .75em;
}
.deleted-comment {
padding-left: 5px;
font-style:italic;
color:gray;
}
#feed-links {
padding-left: 5px;
clear: both;
line-height: 2.5em;
text-indent:-9999em;
}
#blog-pager-newer-link {
padding: 5px;
float: left;
}
#blog-pager-older-link {
padding: 5px;
float: right;
}
#blog-pager {
text-align: center;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: #000000;
background: transparent;
line-height: 1.6em;
margin:0px;
}
.sidebar h2 {
text-align: center;
color:  #ffffff;
height: 40px;
margin:0px;
padding-top: 1px;
font-weight: bold;
line-height: 3em;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgadve8NIUG7RRM03ruqTzbNu4DH40reqY4fs9pTmaGSdggz9nlrHya6dhHEuIwnqlPVIy_2SpggRsu6F2m6MNMSlaiymr5enGuznpa5qB7CAe0hv7Tsiqt0I8pgi3zvKvTolv5lYvJWms/s1600/T%C3%ADtulo.png)  no-repeat left top;
}
.sidebar ul {
list-style:none;
margin:0px;
padding:0 0 0;
color:#2f96b9
backround:#2f96b9
border-bottom : 1px solid #f2f2f2;
}
.sidebar li {
margin:0px;
padding:0 0 .50em 20px;
text-indent:1px;
line-height:1.5em;
border-bottom : 2px solid #009933;
background:transparent url(http://img227.imageshack.us/i/setinha.png/) no-repeat;}
}
.sidebar .widget {
margin: 0px 0 0;
padding: 9px 16px 15px;
color: #bf0e0e;
border:1px solid #2f96b9;
}
.main .widget {
margin: 0px;
padding:0 0 0.9em;
}
.main .Blog {
border-bottom-width: 0;
}
/* Profile
----------------------------------------------- */
.profile-img {
float: center;
margin: 5px;
padding: 4px;
border: 1px solid #009933;
}
.profile-data {
margin:5px;
text-transform:uppercase;
letter-spacing:.1em;
font: normal normal 86% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #000000;
font-weight: bold;
line-height: 1.2em;
}
.profile-datablock {
margin:5px;
}
.profile-textblock {
margin: 5px;
line-height: 1.6em;
}
.profile-link {
margin: 5px;
font: normal normal 86% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
text-transform: uppercase;
letter-spacing: .1em;
}
/* Footer
------------------------------------------------ */
#footer {
width:982px;
height:150px;
clear:both;
background:transparent url(LINK DO RODAPÉ) no-repeat scroll left top;
margin-top: 0px;
padding-top:0px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
border-top: 0px solid #bf0e0e;
}

/* Credit
------------------------------------------------ */
#credit {
width:900px;
margin:0 auto;
text-align: center;
}
/** Page structure tweaks for layout editor wireframe */
body#layout #header {
margin-left: 0px;
margin-right: 0px;
}
#navbar-iframe { height: 0px; visibility: hidden; display: none; }
.feed-links {
clear: both;
line-height: 2.5em;
text-indent:-9999em;
}
]]></b:skin>

<script src='http://code.jquery.com/jquery-1.4.4.min.js' type='text/javascript'/>
<link href='http://hosthcp2.webs.com/jqueryhover.css' rel='stylesheet' type='text/css'/>
<script type='text/javascript'>
$(document).ready(function(){

$(&quot;img.a&quot;).hover(
function() {
$(this).stop().animate({&quot;opacity&quot;: &quot;0&quot;}, &quot;medium&quot;);
},
function() {
$(this).stop().animate({&quot;opacity&quot;: &quot;1&quot;}, &quot;medium&quot;);
});

});
</script>

<link href='' rel='shortcut icon' type='image/png'/>
<script>
function click() {
if (event.button==2||event.button==3) {
oncontextmenu=&#39;return false&#39;;
}
}
document.onmousedown=click
document.oncontextmenu = new Function(&quot;return false;&quot;)
</script>
<script>
function click() {
if (event.button==2||event.button==3) {
oncontextmenu=&#39;return false&#39;;
}
}
document.onmousedown=click
document.oncontextmenu = new Function(&quot;return false;&quot;)
</script>
<script language='JavaScript'>
//Blocker1
function clique() {if (event.button==2||event.button==3) {oncontextmenu=&#39;return false&#39;;}}
document.onmousedown=clique
document.oncontextmenu = new Function(&quot;return false;&quot;)
</script>
  </head>

  <body oncontextmenu='return false'>

  <div id='outer-wrapper'><div id='wrap2'>

   <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>

 
    <div id='header-wrapper'>
      <b:section id='header'>
<b:widget id='Header1' locked='true' title='Tour News CP (Cabeçalho)' type='Header'/>
</b:section>
    </div>
<b:section class='header-center' id='header-center' maxwidgets='1' showaddelement='yes'/>
    <div id='content-wrapper'>
<div id='page-footer'/>
      <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Arquivo do blog' type='BlogArchive'/>
<b:widget id='Followers1' locked='false' title='Seguidores' type='Followers'/>

</b:section>
      </div>

      <div id='newsidebar-wrapper'>
        <b:section class='sidebar' id='newsidebar' preferred='yes'>

</b:section>
      </div>


<div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>
</b:section>
      </div>

     <!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'>&#160;</div>


    </div> <!-- end content-wrapper -->

    <div id='footer-wrapper'>
      <b:section class='footer' id='footer'>
<b:widget id='Feed1' locked='false' title='Blog and web' type='Feed'/>
</b:section>
    </div>

<div align='center' class='credit'>
    </div>

  </div></div> <!-- end outer-wrapper -->
<script type='text/javascript'>
var gaJsHost = ((&quot;https:&quot; == document.location.protocol) ? &quot;https://ssl.&quot; : &quot;http://www.&quot;);
document.write(unescape(&quot;%3Cscript src=&#39;&quot; + gaJsHost + &quot;google-analytics.com/ga.js&#39; type=&#39;text/javascript&#39;%3E%3C/script%3E&quot;));
</script>
<script type='text/javascript'>
try {
var pageTracker = _gat._getTracker(&quot;UA-7250311-1&quot;);
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>


E depois que voce tiver terminado clique em salvar e... VOILA! Um template novinho em folha e verde.
Falo PINGUINADA!

Novo Postador!!!

Ola PINGUINADA! Meu nome é Mamamiau! E vou postar nesse blog. Vejam minha ficha:

Nome:Mamamiau

Design:Templates(temporariamente pago),Bys,Banners,etc.

Dias de vida:+200

Idade:11

Assinante:Não mais nesta segunda eu vou ser.

Ninja/Agua/Fogo:Sim/Não/Não

EPF:Confidencial

Falo Pinguinada!

Tutorial: Como linkar Banner

Olá gente!

Estou aqui, fazendo meu primeiro tutorial no Cp Designers Radicais. Como sabem, o blog não é assunto do que ocorre na ilha do Cp, e sim tutoriais de designers, e tudo mais.

Hoje estarei ensinando como linkar banners, tem gente que não sabe o que é isso, então, irei ensina-lhes.

1. Após escolher um banner, vá no lugar que deseja colocá-lo. Ex.: página de parceria, postagem, designer.

2. Pegue o código do banner, geralmente vem embaixo do próprio banner.

3. Cole o código do banner, no local desejado, depois disso, clique em ''Editar HTML''.

4. E assim, o banner ficará deste jeito, como ficou o do blog The Club Penguin Dear e do Cp Designers Radicais.




E, aí gostaram? Espero que sim! Quero saber suas dúvidas nos comentários! Até mais e pinguinando! ~Gigiod

Novo quadro! E um tutorial

Olá designers!!! aqui é o Samucka e venho com um novo quadro ele vai se chamar....

-Mas Samucka como, assim Magazine HTML?

-Bom... nesse quadro eu e outras pessoas postaremos modelos de HTML (eu no final explicarei oque é isso)

E como prometi um tutorial!

e eu venho com um tutorial Paint.net e ele vai ser:

como fazer efeitos numa forma!!!

e alguns devem estar se perguntando como assim numa forma?

-Efeitos como listrado e etc dentro da forma do paint.net muito usado em cabeçalhos (uso muito nós meus..)

mas vamos logo ao que interessa! abra seu PAINT.NET e faça um documento na altura e largura que quiser.

Eu no caso decidi fazer um cabeçalho mas se lembrem se a sua for alguma parte de blog como cabeçalho ou rodapé tire o fundo dela como eu mostrei em um tutorial.

agora pegue a ferramenta ou forma que quiser:

e agora use-a e pegue a ferramenta Preenchimento (um balde de tinta) e lá em cima pode ver que tem um tipo de "menu" olhe:

Lá você escolhe o efeito mas pra quem vai fazer partes de blog como Cabeçalho ou Rodapé.. Continua no Photoscape mas alguns reclamaram que quando passam pro Photoscape a imagem fica com fundo branco mas ela só fica se você colocar itens fora dela e depois salvar aumentando a imagem com Branco (zoom) mas vamos ver como ficou meu cabeçalho:

(Clique par aumentar e ver melhor)

eu sei não esta tãoo bom assim mas esta legal! e agora eu explicarei como disse o que é HTML

Mas bem.... HTML pra mim é o corpo do blog o HTML é feito para aplicar seus templates ou mudar alguma coisa do blogger que também poderá mudar funções dele. o HTML também é usado para funcionamento de alguma coisas como um chat ou jogos e etc...

mas pra MIM HTML  é isso.

Tchau Designers e um abraço gelado!

~Samucka~

Como por xat no seu blog

Oi galera aqui é o Fifolino567 e vim postar mais um tutorial!! Como por xat no seu blog! Bem primeiro entre no site xat.com e clike em make a  chat a box.
Em seguida você devera escolher o fundo do xat e a largura e altura do xat:


E depois você tem que copiar o codigo que é esse:



 Em seguida,  você devera copiar o codigo entrar no seu blog apertar em design dai em layout e apertar em um quadrado dai em digitar um texto você cola o codigo e pronto! É esse o tutorial espero ter ajudado thau!

~Fifolino567

Festa Do Fifolino

Novo postador/Designer : Gigiod

Olá gente !

Como devem ter visto no título eu sou o novo postador e designer desse maravilhoso blog, o Club Penguin Designers Radicais! Estarei aqui para postar vários programas e utilidades do mundo do designer, tais como escrever em fotos, baixar fontes, fazer banners, etc.

* Nome: GigioD

* Dias de vida: +300 dias

* Selos: 180 selos

* Ninja: Sim ( de todos os tipos )

* Guia: Sim .

*Agente da EPF: Si .... Shh! Isso é confidencial !

Sou um designer nível médio mais estarei ensinando algumas coisinhas para você!

Até a próxima e comentando .....

~ Gigiod

Como tirar fundo das imagens

E aí designers!!! Sanucka aqui com mais um tutorial!

como tirar fundo das imagens!!!
Primeiramente abra seu paint.NET e agora selecione a ferramenta varinha magica clique no fundo ou nos fundos da imagen e aperte delete muito facil não é? Também pode ser feito no Fireworks! no meu caso faço com paint.net  fica com mais qualidade com Fireworks fica pequenas bordas do fundo da imagem é muito facil mas pra que não tem infelizmente não dá pra fazer em photoscape 
:( .  Tchauzinho até o proximo tutorial e PINGUINANDO!

Novo Postador/Design

Eaee Designers! Aqui é o novo Postador do CPDR e Design Isso mesmo!! ai vão algumas informações minhas:

Nome: Samucka
Ninja: sim
Ninja Aguá: Não
Ninja fogo: quase
Designer: Clarooo!
Assisnante: Não

E claro venho com um tutorial... 

Como fazer Chat Junto as Regras!

bom... primeiro abra seu fireworks ou outro programa como paint.net e pegue o modelo de cada fundo junto ao chat...

Clique aqui Para salvar ele em seu PC. ele esta editável coloque Pinguins Puffles o logo do seu blog as regras e etc... Para quem esta usando Paint.net e já editou mande o modelo para o Photoscape (qualquer versão) e faça o mesmo coloque as regras imagens e etc.. mas atenção! não mude nada do seu modelo NADA.  e agora descubra o ID do seu chat ele pode ser descoberto pelo html ou pelo site dele (do chat) que tem "id=numero do id" sem aspas. agora hospede as regras e troque o codigo do seu chat por esse:


<center>
<div style="background-image: url(LINK DA IMAGEM); line-height: 13px; width: 590px; height: 780px;"><span style="color: rgb(255, 255, 255);">
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<embed wmode="transparent" src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=ID DO XAT&rl=Brazilian" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /></embed></span></div></center>

e o bom disso mesmo e que não muda nada todos continuam com seus cargos :D  Agora a Postagem chegou ao fim.
espero quem tenham gostado e aprendido!

~Samucka~

1 doação de tamplete!

Oi gente hoje vim fazer 1 doação, quem fizer o primeirero ou o segundo comentario nos vamos fazer seu tamplete voce fala como vai ser o tamplete os vencedores (2) teram que entrar em contato comigo...é isso thau

>Fifolino567<

Tutorial como fazer um by (video)

Ola pessoal rauls3 na areá hoje de manha fiz um video (tutorial) de como fazer um by (coloquem ele em tela cheia)
Vou mostra-lo para vocês:

Viram gostaram?

Espero que tenham aprendido!

Rauls3

MARCA D'AGUA

Ola pessoal Rauls3 na area

Eu estava viajando e por isso não deu pra eu fazer encomendas então fui a parte de encomendas e decidi fazer essa:

UM COMENTÁRIO:

1. 
   matheus242727 de julho de 2012 14:08

   Quero uma marca d agua com o titulo Todas As Noticias de Club penguin.

   
   

   

   http://imm.io/z1Jv

   
   

   Bem aqui esta matheus espero que goste!

   
   

   Rauls3

1 encomenda

Oi gente o Pidous pediu um fundo preto escrito Pidous vamos ver como fico:

http://i.imgur.com/Jb2Jq.png

espero que goste! thau.