Postagens
Mostrando postagens com o rótulo CSS
#VIDEOAULA - Curso de HTML e CSS para iniciantes
- Gerar link
- X
- Outros aplicativos
Como fazer sidebar personalizadas
- Gerar link
- X
- Outros aplicativos
Oi pessoal, mais uma vez, eu estou fazendo um tutorial, enfim, eu estava vendo a ASK do Sugoi, e achei uma pergunta de como fazer sidebares igual do FansBr. A nova versão deles, estão com sidebares personalizadas, cada um digamos de um tamanho, e hoje, irei passar um código que eu criei para vocês, vamos lá. Coloque isso na sua css ( style.css ou abaixo do ]]> ) o seguinte código: .side1 {width:150px; height:180px; background:#000;} .side2{margin-left:162px; margin-top:-180px; width:150px; height:180px; background:#000;} .side3{margin-left:-px; margin-top:10px; width:313px; height:310px; background:#000;} .side4{margin-left:-px; margin-top:10px; width:313px; height:110px; background:#000;}
Destaques
- Gerar link
- X
- Outros aplicativos
Oi gente, como pediram no ask, como fazer uma parte para destaques no site decidi postar esse que eu sei, confiram o resultado e o tutorial abaixo. 1 - Coloque esse código em seu css: Código link 2 - Coloque esse código aonde você quer que apareça: <div class="view view-third"> <img src="URL DA IMAGEM" /> <div class="mask"> <h2>TITULO</h2> <p>Aqui Você coloca um pouco sobre o que vai ficar em destaque.</p> <a href="#" class="info">Leia Mais</a> </div> </div> Meu Resultado. Créditos : Tympanus
Código Base portal por Sweetness Design
- Gerar link
- X
- Outros aplicativos
Oi gente bom depois de uma semana eu estou de volta e vai ser assim por um bom tempo e agora o Sugoi tem mais uma colaboradora que é a Lorrayne, ela vi fazer um post se apresentando. Então sobre o código os créditos são para o blog Sweerness Designs -Mayara Pescovic e para ter acesso a ele siga essas regras clique aqui para ir ao blog.