Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 D'Leandro™

avatar
Fundador

WidGet Colorido Twitter, Facebook e Feed


: PunBB : : PhpBB2 : : PhpBB3 : : Invision :

*Este código apresenta incompatibilidade com alguns códigos js e css.

--> Código CSS <--
Código:
#seguir ul {
padding:0;
width:100%;
}

#seguir li {
list-style:none;
height:25px;
margin:1px;
padding:7px 7px 7px 55px;
}

#listt {
background:URL("http://2.bp.blogspot.com/-8v5n8IYrsF0/TqsYawRPtvI/AAAAAAAACiI/4WnKDwe3cKU/s1600/twitt1.png") no-repeat left center #83d8ff;
}

#listf {
background:URL("http://4.bp.blogspot.com/-ZdpsMYgKxeg/TqsYaKgxa3I/AAAAAAAACh4/9PVIkP26j1k/s1600/fac1.png") no-repeat left center #6f9eff;
}

#listfe {
background:URL("http://1.bp.blogspot.com/-4yFYWSkkXfM/TqsYatXNvHI/AAAAAAAACiA/sTcyrRJ_lDI/s1600/nesl.png") no-repeat left center #ff854f;
}

--> WidGet <--
Código:
<div id='seguir'>
<ul>

<li id='listt'>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='http://platform.twitter.com/widgets/follow_button.html?screen_name=SEU-NICK-TWITTER' style='width:250px; height:20px;'/>
</li>

<li id='listf'>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="URL-PAGINA-DO-FACEBOOK" data-send="true" data-layout="button_count" data-width="300" data-show-faces="false"></div>
</li>

<li id='listfe'>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=NOME-DO-SEU-FEED', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true'><input name='email' onfocus='this.value='';' style='WIDTH: 130px' value='digite seu email'/><input name='uri' type='hidden' value='NOME-DO-SEU-FEED'/><input name='loc' type='hidden' value='pt_BR'/><input style='background: #da3300;padding:3px;color:#fff;' type='submit' value='Enviar'/></form>
</li>

</ul>
</div>

Encontre: SEU-NICK-TWITTER.
Substitua pelo seu nick no twitter.

Encontre: URL-PAGINA-DO-FACEBOOK.
Substitua pelo link da sua página do facebook.

Encontre: NOME-DO-SEU-FEED.
Substitua pelo nome do seu feedburner.

Encontre: NOME-DO-SEU-FEED.
Substitua pelo nome do seu feedburner.

--> Visualização Final <--


Desenvolvido por D'Leandro™ | SGBR™
Editado e Postado por 2012 © Staffer Group BR™
Ver perfil do usuário

#2
 Narutofake

avatar
Membro
Olá, Estarei Colocando-o o Mesmo em Meu forum ;)
Ver perfil do usuário

#3
 Neon Suicide

avatar
Membro
Gostei bastante :)
Ver perfil do usuário

#4
 'Fusion

avatar
Membro
vou tentar colocar vlw

Assinatura:
Ver perfil do usuário samuca_akira@hotmail.com

#5
 Narutofake

avatar
Membro
zica vou por valeuuu
Ver perfil do usuário

#6
 'Fusion

avatar
Membro
Gostei mt tbm

Assinatura:
Ver perfil do usuário samuca_akira@hotmail.com

#7
 houdini

avatar
Membro
Aqui tem diversos tutoriais ótimos, gostei muito.
Ver perfil do usuário

#8
 Conteúdo patrocinado