Ir para conteúdo
Fórum Script Brasil

emilyoly

Membros
  • Total de itens

    2
  • Registro em

  • Última visita

Sobre emilyoly

emilyoly's Achievements

0

Reputação

  1. Usa a plataforma wordpress , creio que vai atender todas as necessidades e tera um site muito dinamico.
  2. Boa noite pessoal tudo bem. Estou com o seguinte problema, q na verdade dei um jeitinho rs'. não estou conseguindo posicionar 3 divis lado a lado, para resolver isso tive q colocar float left em todas as 3 divs ai resolveu mas sei q essa não é a maneira correta. E na terceira div possuo um conjunto de links q são img , e elas não ficam posicionadas no centro vertical da div. Segue o codigo html: <article class="post"> <div class="category"> <a href="#">Categoria do Post</a> </div> <!--Category--> <div class="agrupapost"> <div class="ptitulo"><h1>Titulo do post</h1></div> <!--Titulo do post--> <div class="infoautor"> Por: <span>Daniele</span> | <span class="cinzamedio">Data: 06/05/15</span> <hr /> </div> <!--Info autor--> <div class="contentpost"> <div class="thumbpost"> <img src="images/imgpostt.jpg" height="281" width="440" alt=""> </div> <!--Tumb Post--> <div class="pfooter"> <div class="pcomment"> <a href="#"><span>12</span> Comentarios</a> </div> <div class="leiamais"> <a href="#">Continue Lendo &gt</a> </div> <div class="psocial"> <a href="#"><img src="images/social/facebook.png" height="20" width="20" alt="Facebook"></a> <a href="#"><img src="images/social/pinterest.png" height="20" width="21" alt="Pinterest"></a> <a href="#"><img src="images/social/twitter.png" height="20" width="20" alt="Twitter"></a> <a href="#"><img src="images/social/rss.png" height="20" width="20" alt="RSS"></a> </div> <!--Leia Mais--> </div> <!--Footer Post--> </div> <!--Content Post--> </div> <!--Agrupa Post--> </article> <!--Article Post--> E aqui o CSS: /*---------------POST BLOG--------------------------*/ .post{width: 620px;float: left;} .agrupapost{width: 100%;border: 1px solid #CFD1D9;margin-bottom: 20px;padding-bottom: 10px;} /* Titulo do Post */ .ptitulo{margin-top: 25px;text-align: center;} /* Informações do Post */ .infoautor{text-align: center;font-size: 12px;} .infoautor hr{width: 500px;margin:auto;margin-top: 5px;} /* Imagem do Post */ .thumbpost{margin-top: 15px;text-align: center;} /* Descrição / Conteudo Post */ .txpost{margin-top: 15px;margin-left: 20px;color: #232323;font: 14px;} /*Footer Post*/ .pfooter{ width: 100%;height: 35px; text-align: center; display: inline-block;line-height: 35px;margin-top: 20px;} /*Comentarios*/ .pcomment{font-size: 12px;float: left;width: 150px;} /* Continue Lendo */ .leiamais{margin-left: 85px;width:150px;font-size: 12px;float: left;} .leiamais a{color: #FF5B00;} .leiamais a:hover{color: #FF5B00; font: 16px;text-shadow:1px 0px 2px gray;} /*Social*/ .psocial{margin-left: 85px;width: 150px;float: left;} .psocial a {} /*Category*/ .category{position:relative;top: 15px;width: 150px;height: 30px;line-height: 30px; text-align: center;background: #FF5B00;margin:auto;} .category a{color: #fff;}
×
×
  • Criar Novo...