Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Purus sit amet volutpat consequat mauris nunc congue nisi vitae. Aliquam malesuada bibendum arcu vitae elementum. Elementum nibh tellus molestie nunc non. Laoreet id donec ultrices tincidunt arcu non sodales neque sodales. Nisi porta lorem mollis aliquam. Tincidunt augue interdum velit euismod in pellentesque. Eu ultrices vitae auctor eu augue ut lectus arcu bibendum. Dictum sit amet justo donec enim diam vulputate. Consectetur adipiscing elit pellentesque habitant. Dui ut ornare lectus sit amet est. Nunc sed id semper risus in hendrerit gravida rutrum. Nunc pulvinar sapien et ligula ullamcorper malesuada proin. Feugiat sed lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi.

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Purus sit amet volutpat consequat mauris nunc congue nisi vitae. Aliquam malesuada bibendum arcu vitae elementum. Elementum nibh tellus molestie nunc non. Laoreet id donec ultrices tincidunt arcu non sodales neque sodales. Nisi porta lorem mollis aliquam. Tincidunt augue interdum velit euismod in pellentesque. Eu ultrices vitae auctor eu augue ut lectus arcu bibendum. Dictum sit amet justo donec enim diam vulputate. Consectetur adipiscing elit pellentesque habitant. Dui ut ornare lectus sit amet est. Nunc sed id semper risus in hendrerit gravida rutrum. Nunc pulvinar sapien et ligula ullamcorper malesuada proin. Feugiat sed lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi.

Exemplo

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Etiam sit amet nisl purus in mollis nunc sed.

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Purus sit amet volutpat consequat mauris nunc congue nisi vitae. Aliquam malesuada bibendum arcu vitae elementum. Elementum nibh tellus molestie nunc non. Laoreet id donec ultrices tincidunt arcu non sodales neque sodales. Nisi porta lorem mollis aliquam. Tincidunt augue interdum velit euismod in pellentesque. Eu ultrices vitae auctor eu augue ut lectus arcu bibendum. Dictum sit amet justo donec enim diam vulputate. Consectetur adipiscing elit pellentesque habitant. Dui ut ornare lectus sit amet est. Nunc sed id semper risus in hendrerit gravida rutrum. Nunc pulvinar sapien et ligula ullamcorper malesuada proin. Feugiat sed lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi.

Exemplo

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Etiam sit amet nisl purus in mollis nunc sed.

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Diam maecenas ultricies mi eget mauris pharetra et ultrices neque. At volutpat diam ut venenatis tellus in. Tincidunt arcu non sodales neque. Quis risus sed vulputate odio ut enim blandit volutpat. Quis enim lobortis scelerisque fermentum dui faucibus in. Eget arcu dictum varius duis at consectetur. Mi eget mauris pharetra et ultrices. Lacus sed viverra tellus in hac habitasse. Risus commodo viverra maecenas accumsan lacus vel. Consequat semper viverra nam libero justo laoreet sit amet cursus. Cursus mattis molestie a iaculis at erat. Adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus. Ut faucibus pulvinar elementum integer.

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Purus sit amet volutpat consequat mauris nunc congue nisi vitae. Aliquam malesuada bibendum arcu vitae elementum. Elementum nibh tellus molestie nunc non. Laoreet id donec ultrices tincidunt arcu non sodales neque sodales. Nisi porta lorem mollis aliquam. Tincidunt augue interdum velit euismod in pellentesque. Eu ultrices vitae auctor eu augue ut lectus arcu bibendum. Dictum sit amet justo donec enim diam vulputate. Consectetur adipiscing elit pellentesque habitant. Dui ut ornare lectus sit amet est. Nunc sed id semper risus in hendrerit gravida rutrum. Nunc pulvinar sapien et ligula ullamcorper malesuada proin. Feugiat sed lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi.

Exemplo

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Etiam sit amet nisl purus in mollis nunc sed.

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Diam maecenas ultricies mi eget mauris pharetra et ultrices neque. At volutpat diam ut venenatis tellus in. Tincidunt arcu non sodales neque. Quis risus sed vulputate odio ut enim blandit volutpat. Quis enim lobortis scelerisque fermentum dui faucibus in. Eget arcu dictum varius duis at consectetur. Mi eget mauris pharetra et ultrices. Lacus sed viverra tellus in hac habitasse. Risus commodo viverra maecenas accumsan lacus vel. Consequat semper viverra nam libero justo laoreet sit amet cursus. Cursus mattis molestie a iaculis at erat. Adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus. Ut faucibus pulvinar elementum integer.

Ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget. Neque volutpat ac tincidunt vitae semper quis lectus nulla. Tempor nec feugiat nisl pretium fusce id velit. Vitae purus faucibus ornare suspendisse. Turpis massa sed elementum tempus egestas. Dictum varius duis at consectetur lorem donec. Ac auctor augue mauris augue neque gravida in. Aliquet lectus proin nibh nisl condimentum id venenatis a condimentum. Ultrices dui sapien eget mi proin sed libero enim sed. Quis risus sed vulputate odio ut. Sodales neque sodales ut etiam. Vel pharetra vel turpis nunc eget lorem. Netus et malesuada fames ac turpis egestas integer. Vitae aliquet nec ullamcorper sit.

Tutorial - Retirando o 'Tecnologia do Blogger' e assinar postagens ATOM

Nos templates nativos do blogger, normalmente, no footer tem duas frases que nós odiamos - 'assinar postagens atom' e o famoso, tecnologia do blogger. Sinceramente, não me incomodo tanto com o último, mas o primeiro é de me deixar louca, porque fica completamente fora do padrão do layout e deixa o blog totalmente desorganizado.


Eu até entendo o porque ter os créditos ao blogger no footer, afinal, você tá utilizando a sua plataforma. Mas o assinar postagens atom? Nunca entendi, só sei que sempre retirei dos meus layout's.

Big tutorial - Instalando o Wordpress

Eu sei que muitos vão me julgar por falar de outra plataforma utilizando o blogspot, mas sejamos sinceros; O wordpress é limpo, fácil de se utilizar e para editar o layout então, é melhor ainda. Eu, no momento, tenho usado o blogger, mas isso será por pouco tempo, já que em todos os tutoriais eu já tenho citado a outra plataforma.

Já digo que instalar o wordpress é uma coisa chata, demorada, mas que no final recompensa. Mas sinceramente, não vale a pena migrar se voce não tem nenhum conhecimento em HTML ou php. Do mais, vamos lá.

Tutorial - Perfil da autora em bolinha no gadget em hover

Olá meus amores, tudo bem? O tutorial de hoje é bem simples, mas complementar e necessário para que seus leitores conheçam quem está por trás de tudo. É muito chato visitar um blog e não saber quem escreve. Fica aquele ar de curiosidade, dúvida e até mesmo desconfiança. Do porquê aquela pessoa não dá as caras ao público.


Muitos de vocês já devem saber como colocar o perfil do blogger na barra lateral em bolinha. Hoje, eu irei explicar outra maneira de adicionar as redes sociais da autora, com uma mini descrição e foto em hover.

Exemplo

Tutorial - Efeito marquee na propaganda

Olá amores, como vão? Então, definitivamente, ninguém suporta uma página lotada de anúncios e por isso, utilizamos, - e não negue porque eu sei que voce usa - o adblocker.

 Bloggueiros também são filhos de Deus, e por isso, precisamos muitas vezes disponibilizar nossa página ao ADNS do google, ou de empresas parceiras.  O X da questão é que na maioria das vezes,os blogs começam a ficar desorganizados pelas propagandas e banners excessivos.

O efeito marquee não utiliza nenhum script ou css, ele já é natural do seu próprio template, e hoje eu vou ensinar como organizar as propagandas deixando o blog bonito e organizado.

Ah, caso a sua empresa parceira peça para que o gadget dela fique em total 'vizualização', tente colocar sem o efeito marquee mas de forma organizada. Normalmente, o efeito serve para um ou dois parceiros, mas isso fica a critério seu.

Pacote de Imagens para postagens e texturas + PSD'S

 Olá desingers, tudo bem? No início do blog eu ficava pescando para encontrar imagens boas e de qualidades para o topo das postagens. Claro que elas não são extremamente necessárias, mas, deixam o seu blog organizado e bem estruturado, eu recomendo e a maioria dos bloggueiros de longa viagem, também.

É difícil encontrar uma imagem que tenha o tamanho exato para o post, que se encaixe perfeitamente, porque quase nunca existe. Mas, diante mão, disponibilizo aqui um pacote de imagens para postagem. 

Elas foram retiradas do tumblr, com edição de largura e altura. Não será necessário créditos ao blog em caso de utilização, mas sim ao autor da fotografia, que se encontrará no bloco de notas do dowloand. 

As imagens também se encontram em psd, são totalmente editáveis, acompanham também skin's e estilos para as mesmas, caso goste de editar a imagem individualmente para cada post.

Para baixar, clique em leia mais.

Tutorial - Leia Mais com Hover Degradê e efeito zoom

Olá amores, como vão? Eu andei fuçando alguns códigos por aí e personalizando algumas coisas e BUM - resolvi fazer um botão de leia mais bem personalizado, com degradê e houver zoom. O efeito é bem bonito e da um toque especial a página, mas é possível fazer algumas alterações próprias e personalizadas no botão que eu irei ensinar com o tutorial de hoje. - Não se preocupe, irei explicar timtim por timtim

Ah, o exemplo com preview vocês podem utilizar o do próprio layout do DC, afinal, o código que irei disponibilizar é o mesmo. Entretanto, no caso de uso não esqueça de creditar ao DC, pois, o código é de minha autoria.

Exemplo

                                             

                                                          Normal

Efeito Houver

Para prosseguir o tutorial, siga o mesmo caminho de sempre e vá em Desing » Temas » Editar o Html

F.A.Q

Olá, o Desing Cativa é um cantinho especial para postagem de tutoriais de HTML, css e photoshop. Porém, quando der na telha, postarei sobre resenhas de livros, moda, fotografias e assuntos diversos. Somos o antigo Creat HTML, e nesta página, espero que fiquem sanadas algumas dúvidas sobre o blog e afins.

1- Como foi criado e codificado o template do blog?

Sua base foi montada no Photoshop cs6, e codificada inteiramente por mim. Utilizei alguns poucos tutoriais de blogs de HTML que citarei a seguir.

2- Disponibiliza o seu layout em modo free? 

O layout atual do DC não será disponibilizado para dowloand gratuito, no entanto, na troca de template, eu irei disponibiliza-lo.

3- Baixei um layout free, e agora?

Você tem total direito de edita-lo, mas não pode retirar os créditos. Meu layout tem a instalação de gadgets diferentes, então pode ser que seja um pouco complicado na hora de coloca-lo, caso aconteça de ter dúvidas, não hesite em perguntar.

4- Como funciona o sistema de encomendas?

O layout é encomendado na ala 'peça' e será entregue durante o prazo estimado - máximo de 8 dias úteis - por um valor combinado segundo a tabela de preço do DC, podendo ser parcelado em até 3x sem juros.

5- Me ensina tal tutorial?

Pesquise no blog primeiro ou nos nossos parceiros para antes ter certeza de que o tutorial não foi postado. Caso não, terei carinho e consideração em posta-lo para você  aqui no blog. Mas, se algum blog parceiro já tiver postado, não fique chateado se eu te indicar para lá, afinal, são blogs maravilhosos também.

6- Tal tutorial que postou está dando errado, e agora?

Calma, refaça ele devagar. Veja se deu certo. Se deu, ok, tranquilo, não é minha culpa. Caso não, me envie o problema por comentário, se der, por favor, copie a linha do erro.

7- Posso postar um tutorial daqui lá no meu blog?

Claro, mas desde que credite, plágio é crime.

8- Não consigo colocar o Nivo Slider no meu blog, e agora Gabs?

Igual a aba 6, eu também tive dificuldade de colocar o Nivo slider nas minhas primeiras vezes. Alguns códigos na internet estão faltando, tente colocar o css dele - código que cola antes de 'skin' como o primeiro da lista, e veja se dá certo. Comigo, isso normalmente funciona.

9- Quero criar um theme para meu tumblr, mas não consigo?

O tumblr é realmente complicado de criar um template. Mas, eu irei ensinar posteriormente. No futuro, com os tutoriais do DC, vocês vão acabar aprendendo que é só montar a base, o resto é css. Levem essa frase para vida, e principalmente, pro tumblr.

10- Como você começou a gostar de HTML?

Quando eu tinha 12 anos, blogando também, fui fuxicando o css das coisas e acabei me tornando no que sou hoje.

11- Disponibiliza o código do Creat Html?

Não posso, infelizmente, eu perdi a senha do meu antigo blog de HTML, se não, eu disponibilizaria pra vocês e não teria morrido fazendo a base desse layout do zero.

12- Posso me inspirar no seu template?

Se inspirar, sim. Copiar não. Mas por favor, credite qualquer coisa que use daqui. Fique ciente de que caso eu veja, eu divulgarei seu blog como lista de plágio.