kyo

[1] Comentários

O site voltou a estar online porque estive a tratar de umas coisas se repararem eu mudei o design porque havia pessoas que não paravam de chatear por causa do antigo..
Bem não pusemos o blog em manutenção só por causa do design, verifique a lista de inovações possíveis para o blog.

-Vamos ter um novo domínio eu prefiro um grátis porque um domínio .com não vai trazer vantagens;talvez .net ou co.cc .
-Eu ainda estou a pensar em por cute news aqui no site mas acho que não é preciso.
-As vagas aumentaram pois a equipa anda com um bocado de preguiça xD.
-Vou fazer uns emotions para os comentários do blog.
-Os membros se quiserem podem ter novos avatares


Eu acho que é tudo se tiverem sugestões do que gostariam que o blog tivesse ou fizesse basta comentar.

kyo

[1] Comentários

Ola pessoal neste tutorial vou mostrar como colocar fontes no seu computador.
Primeiro comece por baixar deste site www.dafont.com
1-Comece por escolher a sua fonte
2-Clica em download
3.Procura no teu computador uma pasta a dizer fontes ou fonts dependendo da língua do computador
4-Agora coloca a fonte de que fizeste download na pasta fontes ou fonts.
5-Agora é só pegar num programa para editar imagens e testar
Para quem não percebeu escrito vou deixar umas imagens abaixo
1.Como fazer download das fontes                                






2.Abrindo o rar

3.O ficheiro já abriu e agora?

4.Pesquisando pela pasta Fontes ou Fonts

5.Colocando e testando a fonte

Download do Winrar:Clica aqui
A fonte que eu usei:Clica Aqui
Bom,muito bem explicando impossível terem dúvidas ^^

kyo

[2] Comentários

Ola pessoal blz? ,eu decidi fazer um intro(apresentação) para os videos do site,então aqui abaixo deixo ele para depois os nosso membros que fazem video aula adicionar ele no principio do video.

Clica aqui para veres ele no youtube

Akuro

[0] Comentários

Olá, sou o mais novo menbro da equipe Backout Design e estarei postando video aulas aqui no site, espero que gostem!



Em brave estarei colocando mais video aulas fiquem atentos!

Eliton

[0] Comentários

Ola pessoal sou o eliton e estou trazendo para vocês um mega pacote de renders.

Detalhes:Neste pacote vem vários renders de anime,peço que não copie.
Tamanho:82 mb






É tudo Sayonora!

Lenda444

[0] Comentários

Template:naruto preto branco e laranja                                                     Feito por:lenda444

kyo

[0] Comentários

Ola pessoal temos vagas e são poucas por isso aproveitem.
Vagas Disponiveis:
1 Criadores de Sistema
1 Criadores de Design
0 Upload de renders(Tira renders da internet)

É só  peço aos que quiserem entrar que sejam responsáveis e não sejam totalmente crianças(podem ter as suas brincadeiras no xat mas não misture brincadeira com trabalho)e claro que quero que os autores do blog tenham um post organizado.
Contato:Se estas interessado adiciona-me no msn : Igorvlot@hotmail.com

kyo

[0] Comentários

Ola pessoal,um amigo meu não estava a perceber como adicionar os avatares então fiz esta video aula para vocês,está bem explicado e desculpem por o video estar sem som :/ .

Clica aqui para assistires a video aula

kyo

[0] Comentários

Aqui deixo renders diversos,espero que gostem.

Renders de Pokémon (Pokemon Café nos ofereceu os renders para download, ninguém copiou ninguém)
Tamanho:2.83 mb
Tipo de ficheiro : Rar
Download

Renders de Naruto(Os melhores renders que encontrei)
Tamanho:8.1 mb
Tipo de ficheiro : Rar
Download

Renders de Digimon(O digimon merece mais fama, mas eles estragaram o anime a porem humanos a transformarem em robôs com os digimons ._. )
Tamanho:10.57 mb
Tipo de ficheiro : Rar
Download

Renders de anime(Mais de 100 renders encontrados pelo nosso membro Eliton os créditos são dele)
Tamanho:80.02 mb
Tipo de Ficheiro : Rar
Download

kyo

[0] Comentários

É muito fácil basta ver a imagem com atenção.

kyo

[0] Comentários

Ola pessoal trago mais um template que acabei de fazer,vou deixar o cabeçalho(header) abaixo para vocês verem.
Clica na imagem para a veres melhor

Este template traz um menu de novidades(headlines), um menu de publicidade e tem 2 menus um principal e outro para parceiros.
Nota Final:Eu acho que ele esta normal,não me empenhei lá muito na parte da postagen,dai eu não gostar lá muito dela,mas talvez eu mude ela para melhor no futuro é tudo.

kyo

[1] Comentários

Ola pessoal,se querem ser nossos parceiros devem ter os requisitos.

#Parceria normal
-60 visitas diárias
-Bom conteúdo
-Ter um banner 88x31
-Ter um bom design
#Parceria Top
-120 visitas diárias
-bom conteúdo
-ter um banner 88x31
-Ter um bom design

#Publicidade
-170 visitas diárias









<a href="http://blackout-design.blogspot.com"><br /> <img src="http://milfotos.org/images/d54682134ee857b88131df264aeca9be.gif" border="0"></a><br />

<br /> <a href="http://blackout-design.blogspot.com" target="_blank"><img src="http://milfotos.org/images/45dcca919a4c2b2ea5936c240c8ec716.jpg" border="0"></a><br />

Contacto do administrador: Igorvlot@hotmail.com somente me adiciona se for algo sobre a parceria porque pedidos de amizade sem razão eu não aceito.

kyo

[0] Comentários

Aqui fica uma lista de programas que eu uso e são muito úteis.
Clica no nome e faz download
De 1 a 5:
1-Photoshop Cs4
2-Paint.net  Clica aqui e baixa os plugins!(Super importante com plugins é muito mais útil para design)
3-FireWorks Cs4
4-Corel  Draw x5
5-Gimp

Nenhum link em falta e vai estar sempre disponível porque o link de download está hospedado no site oficial  de cada programa,bom proveito!

kyo

[1] Comentários

Ola,neste tutorial vou mostrar como colocar um avatar.
Clica em Expandir modelos widget e procura por post.id (clica ctrl+f que é mais fácil)
Coloque este seguinte abaixo de <a expr:name='data:post.id'/> assim:
<b:if cond='data:post.author == &quot;O seu nome fica aqui&quot;'><img src='A sua imagem fica aqui'/></b:if>
Para quem não percebeu aqui esta uma amostra do meu sistema de avatares:


<a expr:name='data:post.id'/>
<div style='width: 472px; height: 60px; background: url(Aqui não interessa ^^) no-repeat;'>
<div style='width: 130px; height: 80px; float: left;'>
<div style='width: 73px; height: 129px; float: left; margin-left:12px; margin-top:10px; display:inline;'>

Abaixo é as imagens do autor e o nome , tem de colocar o nick dele do blogger senão colocar não vai aparecer imagem.
<b:if cond='data:post.author == &quot;Aqui fica o nome do autor&quot;'><img src='Aqui fica o link da imagen'/></b:if>

kyo

[0] Comentários

É provavelmente a coisa mais fácil de fazer,clica na imagem e aprende como.

Clica na imagem para a veres melhor

Lenda444

[0] Comentários

Bom gente essa é uma das coisas mais simples que se faz com o HTML

Primeiro vá na parte de seu HTML que esta escrito #sidebar-wrapper {

Copie-a

Agora cole em qualquer lugar dentro de others wrappers (onde a sidebar original ta)

Obs: nunca apague a sidebar original

Sem apagar nem #,-,{ você pode e deve mudar o nome da nova sidebar (se não mudar o nome da sidebar que você acabou isso pode causar alguns problemas)

Pronto,você já tem dois menus, mas ele está muito mal posicionado então você vai

Use este tutorial para fazer o resto !

Lenda444

[0] Comentários

Como ajustar o lugar do menu e posts

Para ajustar o menu vá em #sidebar-wrapper {

E para ajustar os posts vá até #main -wrapper {

Agora que já foi lá você vai decidir para que lado você quer mover o menu/posts

Margin-top:move para baixo

Margin down:move para cima

Margin left:move para a esquerda

Margin left:move para a direita

escolha qual você quer usar e cole na ficha da sidebar/post você pode escolher mais de uma margem se precisar

depois que já tem a margim no local desejado é hora de decidir o quanto cada elemento vai mover. Você tem as opções:

%(porcentagem)

Px(pixels)

Eu uso o px por que é mais universal e mais fácil de explicar, se estiver usando os tutoriais desse blog sugiro que tambemuse por px para não se comfundir

Lenda444

[1] Comentários

Como colocar um footer nos posts de seu blog:

Parte 1:

Primeiro procure em seu HTML .post-footer {

Logo depois dela escreva:

background: url:( url da imagem)

agora ficara mais ou menos assim:

.post-footer {

background: url:( url da imagem)

margin: .75em 0;

color:$sidebarcolor;

text-transform:uppercase;

letter-spacing:.1em;

font: $postfooterfont;

line-height: 1.4em;

Se estiver mais pra esquerda ou mais para a direita faça o seguinte

.post-footer {

Margin-right ou left: n° de pixels nessesarios Px

background: url:( url da imagem)

margin: .75em 0;

color:$sidebarcolor;

text-transform:uppercase;

letter-spacing:.1em;

font: $postfooterfont;

line-height: 1.4em;

margin e a margin,e quando coloca right ou left você esta escolhendo a que lado o HTML se refere nesse momento (nessa parte você olha qual você precisa left para esquerda ou right para direita)

kyo

[0] Comentários

Ola pessoal isto é tipo um curso com as coisas mais importantes da aparência de um blog,então eu vou deixar um tutorial informativo e rápido para aqueles que querem aprender o básico sobre design e sistema.

(Eu não sou um nerd a sistema : ) mas sei o essencial para construir um blog)

Nota:Clica nas imagens para veres melhor.

 Como mudar o icon do blog

Como mudar a imagem e tamanho do cabeçalho(header)

Como mudar a imagem e tamanho do meio do blog(outer)

Como por um fundo de imagem debaixo do titulo do menu

Como mudar a imagem e tamanho da parte de baixo (footer)

Parte do meio e de baixo do post (Post h3)

Avatares para vários autores (post.id)

Como mudar o nome e domínio do blog

Bom é tudo,não esqueça de comentar e explicar as suas dúvidas.

kyo

[0] Comentários

Aviso!Mover div não é facil requer algum treino.

Com esse exemplo, vocês irão desenvolver diversas aplicações como: carrossel de imagens, carrossel com vitrine de produtos e muito mais.

Testei esse script seguindo os padrões da W3C para que não haja nenhum problema com tipos de navegadores. Bem, testei apenas no Firefox e no IE e funcionou.

Notem que nesse exemplo exite a tag:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">.

Primeiro, criaremos a div com o id=container que se movimentará.

Para começar, notem que existem os styles left:0; e o position: relative;,

?

1 2 3

<div id=container style="left:0; position: relative;">     <img src="Aqui o link da imagen"> </div>

Logo em seguida, criaremos os botões de voltar e avançar.
Os botões chamarão as funções tras() e frente().

Agora o mais importante da festa. Vamos criar as funções responsáveis pela movimentação do elemento.

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14

function frente() {       var movimento = setTimeout("frente()")     var speed = 5     var divContainer = document.getElementById("container").style     avancaDIV = parseInt(divContainer.left)+speed+"px"       if(avancaDIV=="300px") {         clearTimeout(movimento)         return false;     }       divContainer.left = avancaDIV }

Vamos ver se entenderam:

1) crio a variável responsável pela movimentação do elemento var movimento = setTimeout(“frente()”)

2) passo a velocidade que o elemento percorrerá. var speed = 5

3) seto a o elemento que se movimentará indicando que será pelo style var divContainer = document.getElementById(“container”).style

4) informo de quantos em quantos pixels o elemento se deslocara na horizontal. No nosso caso é de 5 em 5px, até chegar no 300px que então entrará no passo Quinto.

5) crio uma condição dizendo que quando o elemento chegar no pixel 300px, deverá parar.

Agora, para voltar, é só fazer ao contrário, informando a posição inicial.

Veja abaixo o script completo e um link para testar nossa aplicação.

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Pietro Gaião - Tutorial</title>   <style type="text/css">     #container { width:220px; height:50px; border:1px solid;}     #divleft { width:15px; height:50px;}     #divright { width:15px; height:50px;} </style>   <script language=JavaScript>   function frente() {       var movimento = setTimeout("frente()")     var speed = 5     var divContainer = document.getElementById("container").style     avancaDIV = parseInt(divContainer.left)+speed+"px"       if(avancaDIV=="300px") {         clearTimeout(movimento)         return false;     }       divContainer.left = avancaDIV } function tras() {     var movimento = setTimeout("tras()")     var speed = -5     var divContainer = document.getElementById("container").style     recuaDIV = parseInt(divContainer.left)+speed+"px"       if(recuaDIV=="-5px" ) {         clearTimeout(movimento)         return false;     }       divContainer.left = recuaDIV }   </script>   </head> <body>   <div id=container style="left:0; position: relative;">     <img src=" O Link da imagen"> </div>   <input onClick="tras();" type=button value=voltar> <input onClick="frente();" type=button value=avançar>   </body> </html>

Teste nossa aplicação. Como Mover div na horizontal pelo eixo X

É isso aí.
Fiquem a vontade para enviar comentários e para que possam aprimorar mais ainda os conhecimentos.

Até a próxima.