Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Slidebar de vídeos aleatórios
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Slidebar de vídeos aleatórios
Qual é minha questão:
Como colocar videos simultâneo no site como por exemplo: http://www.portaljundiapeba.blogspot.com.br/
Endereço do meu fórum:
http://www.projetohammer.com.br
Versão do fórum:
PHPBB3
Como colocar videos simultâneo no site como por exemplo: http://www.portaljundiapeba.blogspot.com.br/
Endereço do meu fórum:
http://www.projetohammer.com.br
Versão do fórum:
PHPBB3
Re: Slidebar de vídeos aleatórios
Olá,
Primeiro adiciona este código no lugar aonde deseja que apareça
Depois adiciona este código na sua Folha de estilo CSS
Até
Primeiro adiciona este código no lugar aonde deseja que apareça
- Código:
<div id='slider'><div class='widget'>
<script type='text/javascript'>
function formatText(index, panel) {
return index + "";
}
$(function () {
$('.anythingSlider').anythingSlider({
easing: "easeInOutExpo", // Anything other than "linear" or "swing" requires the easing plugin
autoPlay: true, // This turns off the entire FUNCTIONALY, not just if it starts running or not.
delay: 5900, // How long between slide transitions in AutoPlay mode
startStopped: false, // If autoPlay is on, this can force it to start stopped
animationTime: 900, // How long the slide transition takes
hashTags: true, // Should links change the hashtag in the URL?
buildNavigation: true, // If true, builds and list of anchor links to link to each slide
pauseOnHover: true, // If true, and autoPlay is enabled, the s@�������8@���n hover
startText: "Go", // Start text
stopText: "Stop", // Stop text
navigationFormatter: formatText // Details at the top of the file on this use (advanced use)
});
$("#slide-jump").click(function(){
$('.anythingSlider').anythingSlider(6);
});
});
</script><div class='anythingSlider'><div class='wrapper'>
<ul>
<li><div class='video_section'>
<object height='385' width='640'><param name='movie' value='http://www.youtube.com/v/2Y2BEhvS-ck'/><param name='allowFullScreen' value='true'/><param name='allowscriptaccess' value='always'/><embed allowfullscreen='true' allowscriptaccess='always' height='385' src='http://www.youtube.com/v/2Y2BEhvS-ck' type='application/x-shockwave-flash' width='640' wmode='transparent'></embed></object></div>
<h4>
<a href='#' rel='bookmark' title='Inkheart Movie'>Inkheart Movie</a>
</h4>
</li>
</div>
</div>
</div><div style='clear: both;'></div>
<!-- google_ad_section_start(name=default) -->
<!-- google_ad_section_end -->
</div><div class='blog-pager' id='blog-pager'>
</div>
</div>
</div></div>
</div>
Depois adiciona este código na sua Folha de estilo CSS
- Código:
/* Slide */
#slider {
border: 1px solid #5D5D5D;
background: black;
}
#slider {
width: 642px;
position: relative;
z-index: 1;
margin-bottom: 30px;
}
#slider .anythingSlider ul li {
display: block;
float: left;
padding: 0;
width: 641px;
overflow: hidden !important;
margin: 0;
background: none;
}
#start-stop {
background: black;
color: white;
}
#start-stop {
display: block;
position: relative;
z-index: 999;
display: block;
float: left;
padding: 5px;
font: bold 11px Arial, Helvetica, sans-serif;
top: 343px;
left: 601px;
}
#thumbNav a:hover {
background: url(http://4.bp.blogspot.com/-Hpesy10v_dA/TaWueswOpqI/AAAAAAAAA-o/vEHKsVRbZ_I/s1600/normal.png) no-repeat left top;
}
#thumbNav a {
background: url(http://4.bp.blogspot.com/-Hpesy10v_dA/TaWueswOpqI/AAAAAAAAA-o/vEHKsVRbZ_I/s1600/normal.png) no-repeat left top;
text-align: center;
color: #41322E;
text-indent: -9009px;
}
#thumbNav a {
color: black;
float: left;
font: 11px Arial, Helvetica, sans-serif;
display: block;
padding: 0;
width: 16px;
height: 16px;
margin: 0 5px 0 0;
text-align: center;
text-indent: -9009px;
}
#slider .video_section {
padding: 8px;
}
#slider .anythingSlider .wrapper ul {
list-style: none;
}
#slider .anythingSlider h4 {
position: relative;
left: 13px;
top: -18px;
font: bold 12px Arial, Helvetica, sans-serif;
}
/* Fim de Slide */
Até
Re: Slidebar de vídeos aleatórios
Obrigado por ajudar , mas somente apareceu um video , e não os outros.
tem alguma outra forma .
obrigado
tem alguma outra forma .
obrigado
Re: Slidebar de vídeos aleatórios
Olá!
Para a criação deste slide é preciso a utilização de jQuery, ao qual não oferecemos mais suporte a jQuery extra-tutoriais, caso queira, poderá utilizar do tutorial: Slidebar com imagens.
Até mais!
Para a criação deste slide é preciso a utilização de jQuery, ao qual não oferecemos mais suporte a jQuery extra-tutoriais, caso queira, poderá utilizar do tutorial: Slidebar com imagens.
Até mais!
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos