Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Naty

Botões Curti Facebook e in shared Linkedin

Por , em Desenvolvimento frontend

Recommended Posts

Naty    3

Naty
Postado

Pessoal estou tentando colocar este botões no meu site... o Facebook eu consegui, porém o Linkedin não dá certo pois como tenho um script em javascript acaba dando bug....

 

Vou postar o código...

 

 <div id="face">
     <ul>
        <li><iframe src="http://www.facebook.com/plugins/like.php?href=http://www.facebook.com/plugcom&layout=standard&show_faces=false&width=380&action=like&colorscheme=light&height=25" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:25px;" allowtransparency="true"></iframe></li>
	<li><script src="//platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/Share" data-counter="right" data-url="http://www.plugcomunicacao.com.br/"></script></li>
      </ul>                  
</div>

e tenho este código no final do meu HTML

 

<script type="text/javascript">
$(document).ready(function() {
$('#fotos').coinslider({ width: 960, height: 395, navigation: false });
});
</script>

Como eu faço para este bendito botão do linkedin não zuar o meu conslider ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Naty    3

Naty
Postado

pessoal não adiantou as dicas.... vou postar meu codigo inteiro....

 

<link href="style.css" rel="stylesheet" type="text/css">
<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="js/coin-slider.min.js" type="text/javascript"></script>
<link href="js/coin-slider-styles.css" rel="stylesheet" type="text/css">
</head>

<body>
<center>
<div id="tudo">
	<div id="tudo2">
		<div id="bandeiras">
    		<a href="#"><img src="arquivos_index/br.jpg"/></a>
        	<a href="#"><img src="arquivos_index/eua.jpg"/></a>    
   		</div>
   		<div id="redes">
    		<a href="#"><img src="arquivos_index/face.jpg"/></a>
        	<a href="#"><img src="arquivos_index/linkedin.jpg"/></a>
    	</div>  
    	<div id="logo"><img src="arquivos_index/logo.jpg"/></div>
    	
        <nav id="menu">
       	 	<ul>
         	<li><a href="index.html">Home</a></li>
             	<li><a href="#">Áreas de Atuação</a></li>
            	<li><a href="#">Advogados</a></li>
             	<li><a href="#">Publicações</a></li>
             	<li><a href="#">O Escritório</a></li>
                <li><a href="#">Em foco</a></li>
                <li><a href="#">Contato</a></li>
      	 	</ul>
        </nav>            
        <div id="fotos">
    	   	<img src="arquivos_index/fotos/foto1.jpg"/> 
           	<img src="arquivos_index/fotos/foto2.jpg"/> 
    		<img src="arquivos_index/fotos/foto3.jpg"/> 
		</div>              
        <nav id="menu2">
       	 	<ul>
         	<li><a href="#"><img src="arquivos_index/menu1.jpg"/></a></li>
             	<li><a href="#"><img src="arquivos_index/menu2.jpg"/></a></li>
            	<li><a href="#"><img src="arquivos_index/menu3.jpg"/></a></li>
             	<li><a href="#"><img src="arquivos_index/menu4.jpg"/></a></li>
      	 	</ul>
        </nav>  
        <div id="area_clientes">
        	<ul>
         	<li><img src="arquivos_index/clientes.jpg"/></li>
             	<li>login:<form name="form1" method="post" action="">
		          <input type="text" name="textfield">
			  </form></li>
            	<li>senha:<form name="form2" method="post" action="">
			  <input type="text" name="textfield">
			  </form></li>
             	<li><img src="arquivos_index/bt_conectar.jpg"/></li>
      	 	</ul>        
        </div>
        <div id="face">
        	<ul>
        	<li><iframe src="http://www.facebook.com/plugins/like.php?href=http://www.facebook.com/plugcom&layout=button_count&show_faces=false&width=380&action=like&colorscheme=light&height=25" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:25px;" allowtransparency="true"></iframe></li>       
		<li><script src="//platform.linkedin.com/in.js" type="text/javascript">lang: en_US</script>
		    <script type="IN/Share" data-url="www.plugcomunicacao.com.br" data-counter="right"></script></li>
		</ul>                  
        </div>
        <div id="foto_rodape"><img src="arquivos_index/rodapé.jpg"/></div>
        <nav id="menu3">
       	 	<ul>
         	<li><a href="index.html">Home</a></li>
             	<li><a href="#">Áreas de Atuação</a></li>
            	<li><a href="#">Advogados</a></li>
             	<li><a href="#">Publicações</a></li>
             	<li><a href="#">O Escritório</a></li>
                <li><a href="#">Em foco</a></li>
                <li><a href="#">Contato</a></li>
      	 	</ul>
        </nav>        	               
    </div>            
</div>
<script type="text/javascript">
(function($){
$(document).ready(function() {
$('#fotos').coinslider({ width: 960, height: 395, navigation: false });
});
})(jQuery);
</script>
</center>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Naty    3

Naty
Postado

Bom enfim depois de muita pesquisa consegui....

O script que o linkedin fornece esta errado... o correto é...

 

<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/Share" data-url="suaurl" data-counter="right"></script>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito