Ir para conteúdo
  • 0

[Resolvido] [Duvida] Comentario em HTML .-.

AleexFew

Perguntado por AleexFew,

 Compartilhar

Pergunta

23 respostass a esta questão

Posts Recomendados

Naghtrion

Naghtrion

Postado
Postado

Fala disso?: http://prntscr.com/9n6w8w
 
Se sim e usar Bootstrap:
 

 

 

 

		<!-- Opniões -->
		<section id="opnioes" class="opnioes" style="background-color: #e1e1e1">
			<div class="container text-center">
				<div class="row">
					<h2>Opniões</h2>
					<div class="carousel slide col-md-12" id="opniao" data-ride="carousel" data-interval="10000">
						<ol class="carousel-indicators">
							<li data-target="#opniao" data-slide-to="0" class="active"></li>
							<li data-target="#opniao" data-slide-to="1" class=""></li>
							<li data-target="#opniao" data-slide-to="2" class=""></li>
							<li data-target="#opniao" data-slide-to="3" class=""></li>
							<li data-target="#opniao" data-slide-to="4" class=""></li>
						</ol>
						<div class="carousel-inner">
							<div class="item active">
								<!-- Opnião -->
								<h5>
									Sed lectus libero, pretium et lacus a, congue posuere tortor. Quisque eget laoreet felis, in finibus tortor. Mauris consequat, orci vel commodo fringilla, sem mauris pellentesque ipsum.
								</h5>
								<!-- Imagem -->
								<img class="img-center" src="http://cravatar.eu/helmhead/MHF_Question/80" alt="">
								<!-- Nome do Player -->
								<p><b>Player 01</b></p>
							</div>
							<div class="item">
								<h5>
									Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tristique sem id sapien euismod blandit. Nunc vel congue ex. Pellentesque ac ullamcorper ante, vel rhoncus elit.
								</h5>
								<img class="img-center" src="http://cravatar.eu/helmhead/MHF_Question/80" alt="">
								<p><b>Player 02</b></p>
							</div>
							<div class="item">
								<h5>
									Donec quis libero vitae nibh varius eleifend nec id lectus. Aenean eleifend magna est, at rhoncus turpis aliquet sed. Mauris quis eros porttitor, porta nunc sit amet, ultrices arcu.
								</h5>
								<img class="img-center" src="http://cravatar.eu/helmhead/MHF_Question/80" alt="">
								<p><b>Player 03</b></p>
							</div>
							<div class="item">
								<h5>
									 Maecenas dignissim purus dolor, eu sollicitudin sapien euismod et.Quisque ultrices, tellus at interdum dignissim, velit velit tincidunt mi, in fermentum risus arcu malesuada felis.
								</h5>
								<img class="img-center" src="http://cravatar.eu/helmhead/MHF_Question/80" alt="">
								<p><b>Player 04</b></p>
							</div>
							<div class="item">
								<h5>
									 Donec sed urna vel diam eleifend viverra dictum et tortor. Maecenas et elit nibh. Nam at mauris congue, interdum urna in, eleifend ligula.
								</h5>
								<img class="img-center" src="http://cravatar.eu/helmhead/MHF_Question/80" alt="">
								<p><b>Player 05</b></p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- /.Opniões --> 

 

 

 

style:

 


.opnioes {
padding: 100px 0
}

.opnioes p {
padding-bottom: 60px;
}

 

Link para o comentário
Compartilhar em outros sites
Nano

Nano

Postado
Postado

Tipo um slide q vai passando só q com comentario da pessoa e a cabeça da skin, para o site do servidor intendeu? 

Acho que tipo um Carousel, só que ao invés de passar imagens, passar os comentários das pessoas

Link para o comentário
Compartilhar em outros sites
ViniGameer_

ViniGameer_

Postado
Postado

pra slider, acho q vc vai precisar disso: http://www.w3schools.com/css/css3_animations.asp

;-;

 

 

Acho que tipo um Carousel, só que ao invés de passar imagens, passar os comentários das pessoas

 

Sim, só q naum imagem dos comentarios mais sim os comentarios em texto

 

A maioria das pessoas usa Bootstrap

Sim mais tamos querendo saber como faz issu '-'

Link para o comentário
Compartilhar em outros sites
Proyx

Proyx

Postado
Postado

;-;

 

Sim, só q naum imagem dos comentarios mais sim os comentarios em texto

 

Sim mais tamos querendo saber como faz issu '-'

sou a unica pessoa no mundo que nao usa bootstrap pra fazer site .-.

Link para o comentário
Compartilhar em outros sites
Naghtrion

Naghtrion

Postado
Postado

UP

 

 

Fala disso?: http://prntscr.com/9n6w8w

 

Se sim e usar Bootstrap:

 

 

 

 

		<!-- Opniões -->
		<section id="opnioes" class="opnioes" style="background-color: #e1e1e1">
			<div class="container text-center">
				<div class="row">
					<h2>Opniões</h2>
					<div class="carousel slide col-md-12" id="opniao" data-ride="carousel" data-interval="10000">
						<ol class="carousel-indicators">
							<li data-target="#opniao" data-slide-to="0" class="active"></li>
							<li data-target="#opniao" data-slide-to="1" class=""></li>
							<li data-target="#opniao" data-slide-to="2" class=""></li>
							<li data-target="#opniao" data-slide-to="3" class=""></li>
							<li data-target="#opniao" data-slide-to="4" class=""></li>
						</ol>
						<div class="carousel-inner">
							<div class="item active">
								<!-- Opnião -->
								<h5>
									Sed lectus libero, pretium et lacus a, congue posuere tortor. Quisque eget laoreet felis, in finibus tortor. Mauris consequat, orci vel commodo fringilla, sem mauris pellentesque ipsum.
								</h5>
								<!-- Imagem -->
								<img class="img-center" src="http://cravatar.eu/helmhead/MHF_Question/80" alt="">
								<!-- Nome do Player -->
								<p><b>Player 01</b></p>
							</div>
							<div class="item">
								<h5>
									Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tristique sem id sapien euismod blandit. Nunc vel congue ex. Pellentesque ac ullamcorper ante, vel rhoncus elit.
								</h5>
								<img class="img-center" src="http://cravatar.eu/helmhead/MHF_Question/80" alt="">
								<p><b>Player 02</b></p>
							</div>
							<div class="item">
								<h5>
									Donec quis libero vitae nibh varius eleifend nec id lectus. Aenean eleifend magna est, at rhoncus turpis aliquet sed. Mauris quis eros porttitor, porta nunc sit amet, ultrices arcu.
								</h5>
								<img class="img-center" src="http://cravatar.eu/helmhead/MHF_Question/80" alt="">
								<p><b>Player 03</b></p>
							</div>
							<div class="item">
								<h5>
									 Maecenas dignissim purus dolor, eu sollicitudin sapien euismod et.Quisque ultrices, tellus at interdum dignissim, velit velit tincidunt mi, in fermentum risus arcu malesuada felis.
								</h5>
								<img class="img-center" src="http://cravatar.eu/helmhead/MHF_Question/80" alt="">
								<p><b>Player 04</b></p>
							</div>
							<div class="item">
								<h5>
									 Donec sed urna vel diam eleifend viverra dictum et tortor. Maecenas et elit nibh. Nam at mauris congue, interdum urna in, eleifend ligula.
								</h5>
								<img class="img-center" src="http://cravatar.eu/helmhead/MHF_Question/80" alt="">
								<p><b>Player 05</b></p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- /.Opniões --> 

 

 

 

style:

 

 

.opnioes {

padding: 100px 0

}

 

.opnioes p {

padding-bottom: 60px;

}

 

Link para o comentário
Compartilhar em outros sites
Aeffy

Aeffy

Postado
Postado

po cara, ja te passsaram varios jeitos, so q vc ignora todos...

 

entao n vai ter como vc fazer o slider

logo-forum.png

 

 

Sua dúvida foi marcada como [Resolvido] e movido à área de dúvidas resolvidas.

 

 

Atenciosamente,

Gamer's Board

Link para o comentário
Compartilhar em outros sites
ViniGameer_

ViniGameer_

Postado
Postado

Fala disso?: http://prntscr.com/9n6w8w

 

Se sim e usar Bootstrap:

 

 

 

 

		<!-- Opniões -->
		<section id="opnioes" class="opnioes" style="background-color: #e1e1e1">
			<div class="container text-center">
				<div class="row">
					<h2>Opniões</h2>
					<div class="carousel slide col-md-12" id="opniao" data-ride="carousel" data-interval="10000">
						<ol class="carousel-indicators">
							<li data-target="#opniao" data-slide-to="0" class="active"></li>
							<li data-target="#opniao" data-slide-to="1" class=""></li>
							<li data-target="#opniao" data-slide-to="2" class=""></li>
							<li data-target="#opniao" data-slide-to="3" class=""></li>
							<li data-target="#opniao" data-slide-to="4" class=""></li>
						</ol>
						<div class="carousel-inner">
							<div class="item active">
								<!-- Opnião -->
								<h5>
									Sed lectus libero, pretium et lacus a, congue posuere tortor. Quisque eget laoreet felis, in finibus tortor. Mauris consequat, orci vel commodo fringilla, sem mauris pellentesque ipsum.
								</h5>
								<!-- Imagem -->
								<img class="img-center" src="http://cravatar.eu/helmhead/MHF_Question/80" alt="">
								<!-- Nome do Player -->
								<p><b>Player 01</b></p>
							</div>
							<div class="item">
								<h5>
									Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tristique sem id sapien euismod blandit. Nunc vel congue ex. Pellentesque ac ullamcorper ante, vel rhoncus elit.
								</h5>
								<img class="img-center" src="http://cravatar.eu/helmhead/MHF_Question/80" alt="">
								<p><b>Player 02</b></p>
							</div>
							<div class="item">
								<h5>
									Donec quis libero vitae nibh varius eleifend nec id lectus. Aenean eleifend magna est, at rhoncus turpis aliquet sed. Mauris quis eros porttitor, porta nunc sit amet, ultrices arcu.
								</h5>
								<img class="img-center" src="http://cravatar.eu/helmhead/MHF_Question/80" alt="">
								<p><b>Player 03</b></p>
							</div>
							<div class="item">
								<h5>
									 Maecenas dignissim purus dolor, eu sollicitudin sapien euismod et.Quisque ultrices, tellus at interdum dignissim, velit velit tincidunt mi, in fermentum risus arcu malesuada felis.
								</h5>
								<img class="img-center" src="http://cravatar.eu/helmhead/MHF_Question/80" alt="">
								<p><b>Player 04</b></p>
							</div>
							<div class="item">
								<h5>
									 Donec sed urna vel diam eleifend viverra dictum et tortor. Maecenas et elit nibh. Nam at mauris congue, interdum urna in, eleifend ligula.
								</h5>
								<img class="img-center" src="http://cravatar.eu/helmhead/MHF_Question/80" alt="">
								<p><b>Player 05</b></p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- /.Opniões --> 

 

 

 

style:

 

 

.opnioes {

padding: 100px 0

}

 

.opnioes p {

padding-bottom: 60px;

}

 

Deu esse BUG no meu: http://prntscr.com/9na9f6

 

po cara, ja te passsaram varios jeitos, so q vc ignora todos...

 

entao n vai ter como vc fazer o slider

O cara criou o topic para mim, eu q estou com essa duvida, ele só criou o topic. Estou respondendo a todos!

Link para o comentário
Compartilhar em outros sites
Visitante
Este tópico está impedido de receber novos posts.
 Compartilhar
Ir para lista de perguntas

  • Quem está navegando   0 membros estão online

    • Nenhum usuário registrado visualizando esta página.
×
×
  • Criar Novo...