Se voce e iniciante em designer e nao sabe fazer layouts para blogs e quer aprender aperte mais informaçoes
~Equipe Do CP Designer Super Team
Mais informaçoes >>
Postagem sujeita a alteraçoes
sábado, 6 de julho de 2013
domingo, 27 de janeiro de 2013
Como fazer um cabeçalho bonito - Solto Ao Corpo
Oi Galera Hoje Vou ensinar a como fazer um cabeçalho bonito e o seguinte nos teremos que ja ter feito a sidebar,entao vamos a tuto. iremos pegar a sidebar e colocar no cabeçalho e alinhar para que de espaço pro cabeçalho vejam um exemplo :
Viram agora iremos fazer o cabeçalho solto ao corpo, iremos fazer um retangulo grande encima dessa "continuaçao da sidebar" voces podem fazer esse cabeçalho Assim.
Vejam um exemplo :
Viram agora iremos fazer o cabeçalho solto ao corpo, iremos fazer um retangulo grande encima dessa "continuaçao da sidebar" voces podem fazer esse cabeçalho Assim.
Vejam um exemplo :
O Tamanho as dimensoes desse retangulo e : L:879 A:335
Depois de ter feito isso iremos decorar o retangulo mas ai voces edcoram do jeito que vcs preferirem ok e so isso e ate mais! Espero que gostem da post duvidas podem entrar em contato comigo no chat do mundo do penguin ou do blog
sábado, 12 de janeiro de 2013
Como Por chat debaixo do rodape
Oi galera gabri06 digitando hoje vim ensinar a como por chat no rodape e muito simples vc tem que pegar esse codigo:
e iraao colocar o seguinte id do widget
E pra ajustar a "margem do chat" quando mais voce diminui o px da "margin-left" mais pra esquerda ele vai e quando mais voce aumenta mais pra direita ele vai e depois de você ajustar para que caiba dentro do seu lugar do chat , ai depois que você fizer isso vc irar nas propriedades do chat no gadget e em html javascript vc irar colocar um monte de <br> um de baixo do outro fazendo que ele abaixa ai depois de fazer isso voces ajustam PARA QUE CAIBA CERTINHO NO LUGAR QUE VOCES DESEJAM.
E so isso e ate mais galera
-Gabri06
e irao colocar em cima de "]]></b:skin>" ,/*Configurações do Chat */#IDDOWIDGET {width: 450px;margin-left: 250px;font-size: 16px;}
no lugar do iddowidget vc irao procurar o seguinte "footer-wrapper" (sem aspas).
e iraao colocar o seguinte id do widget
E pra ajustar a "margem do chat" quando mais voce diminui o px da "margin-left" mais pra esquerda ele vai e quando mais voce aumenta mais pra direita ele vai e depois de você ajustar para que caiba dentro do seu lugar do chat , ai depois que você fizer isso vc irar nas propriedades do chat no gadget e em html javascript vc irar colocar um monte de <br> um de baixo do outro fazendo que ele abaixa ai depois de fazer isso voces ajustam PARA QUE CAIBA CERTINHO NO LUGAR QUE VOCES DESEJAM.
E so isso e ate mais galera
-Gabri06
domingo, 9 de dezembro de 2012
Como fazer parcerias rolantes
Ola penguins esse tuto foi copiado do blog designers do cp que esta inativoporem e bom acrecentar creditos a ele eu vou copiar pq sou pq sou pq vc e preguiçoso nao!!!!! e porue muito tempo ai vai o tuto
Olá designers.
Algum designer teclando mais uma vez. O pessoal anda pedindo muito ''como faz aquelas parcerias que se mexem?'' ''como faz aquelas parceiras que rolam?'' e eu estou aqui para ajudá-los. Vamos começar.
Primeiro, antes de tudo, vá ao blog que deseja pôr as parcerias rolantes. Clique emDesign e depois adicione um novo gadget como mostra a imagem abaixo.
Ok, depois dessa etapa, vamos a próxima. Copie (Ctrl + C) o código abaixo e cole (Ctrl + V) no gadget.
Olá designers.
Algum designer teclando mais uma vez. O pessoal anda pedindo muito ''como faz aquelas parcerias que se mexem?'' ''como faz aquelas parceiras que rolam?'' e eu estou aqui para ajudá-los. Vamos começar.
Primeiro, antes de tudo, vá ao blog que deseja pôr as parcerias rolantes. Clique emDesign e depois adicione um novo gadget como mostra a imagem abaixo.
Depois de ter clicado sobre o botão, aparecerá uma nova aba, e lá, várias opções. Procure por HTML/Javascript.
<marquee direction="up" scrollamount="3" onmouseover="this.stop();" onmouseout="this.start();">Depois de colado no gadget, ficará assim:
<center>
(COLE O HTML DO BANNER AQUI)
(COLE O HTML DO BANNER AQUI)
(COLE O HTML DO BANNER AQUI)
</center></marquee>
Dentro dos parênteses, onde está escrito COLE O HTML DO BANNER AQUI você colará o HTML do banner do blog que você tem parcerias, como exemplo, esse:
Copiando o HTML, vá até o gadget que está seu código e cole dentro dos parênteses, eliminando a frase ( Cole o HTML do banner aqui ) e depois de colar, elimine os parênteses, que praticamente, ficará assim:
Eu eliminei os outros parênteses, ficando igual ao HTML acima. Nos outros parênteses, coloca as suas parcerias se quiser, ou se não tiver mais parcerias, elimine-os. Abaixo é o resultado do trabalho.
Como fazer caixinha Link-me
Oie galera esse e o segundo tuto do dia hoje estarei ensinando a fazre a caixinha link-me e muito facil vc terar que visitar esse site http://www.dicasparablogs.com.br/p/gerador-de-codigos-para-blogs-crie.html
vc irar colocar nome do site ou blog endereço do site e do blog e endereço da imagem e iram aperta caixinha link-me e irar copiar aquele codigo e irao colocar no seu blog e ai irar aparecer no seu blog a imagem e debaixo o html e isso ate mais galera
vc irar colocar nome do site ou blog endereço do site e do blog e endereço da imagem e iram aperta caixinha link-me e irar copiar aquele codigo e irao colocar no seu blog e ai irar aparecer no seu blog a imagem e debaixo o html e isso ate mais galera
Como Fazer um banner
Ola galera hoje vim ensinar a criar a banners e muito facil vc simplesmente irar fazer seu banner e irar hospedar no site tinypic ou no imgur tanto vai fazer mas quando vc for pegar a imagem vc irar em HTML Para sites
e vcs irao modificar aonde esta em vermelho nesses lugares vcs irao colocar o link do seu blog
Tinypic:
<a href="http://tinypic.com?ref=51zzab" target="_blank"><img src="http://i47.tinypic.com/51zzab.png" border="0" alt="Image and video hosting by TinyPic"></a>
Imgur:
<a href="http://imgur.com/PcK5z"><img src="http://i.imgur.com/PcK5z.png" alt="" title="Hosted by imgur.com" /></a>
Depois disso seu banner estarar feito
ate mais galera
e vcs irao modificar aonde esta em vermelho nesses lugares vcs irao colocar o link do seu blog
Tinypic:
<a href="http://tinypic.com?ref=51zzab" target="_blank"><img src="http://i47.tinypic.com/51zzab.png" border="0" alt="Image and video hosting by TinyPic"></a>
Imgur:
<a href="http://imgur.com/PcK5z"><img src="http://i.imgur.com/PcK5z.png" alt="" title="Hosted by imgur.com" /></a>
Depois disso seu banner estarar feito
ate mais galera
Assinar:
Postagens (Atom)