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
  [Tutorial] Feed flutuante V0.2 ( Estilo Blogger )

Descrição
Desenvolvi este tutorial com a intensão de aumentar o trafego no seu feed, ele gera uma tabela flutuante que acompanha a tela com opções de inscrição no seu feed.

Funcionalidade: PunBB, PhpBB2, PhpBB3, Invision

--> Código Completo <--
Painel de Controle Seta Módulos Seta Portal & WidGets Seta Gestão de Widgets do fórum

WP
Nome do widget : Opcional.
Utilizar um table type : Não
Título do widget : Opcional.
Fonte do widget * : Cóle o código abaixo.

Código:
<style type="text/css">
#topbar
{
padding: 10px 10px 10px 10px;
visibility: hidden;
border: 0px solid #1E90FF;
background: #F1F1F1 url(http://i41.servimg.com/u/f41/17/71/75/73/sem_ta11.png) no-repeat bottom right;
border-radius: 6px !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
width: 340px;
font-family: Tahoma;
position: absolute;
}
</style>
<script type="text/javascript">
var persistclose = 0
var startX = 5
var startY = 30
var verticalpos = "frombottom"
function iecompattest()
{
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name)
{
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0)
{
offset = document.cookie.indexOf(search)
if (offset != -1)
{
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar()
{
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}

function staticbar()
{
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id)
{
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else
{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}

window.stayTopLeft=function()
{
if (verticalpos=="fromtop")
{
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else
{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script><div id="topbar">

<a href="javascript:closebar();"><img border="0" style="float: right;" src="http://i33.servimg.com/u/f33/17/73/99/79/fechar10.png" rel="nofollow" title="Fechar Feed" /></a>
<a target="_blank" href="URL_DO_SEU_FEED"><img border="0" vspace="4" align="left" title="Visitar o FeedBurner" height="48" src="http://icons.iconarchive.com/icons/graphics-vibe/media-pin-social/64/rss-feed-icon.png" hspace="4" width="48" /></a>
<center><font color="#000000"><b><span style="color: #0b5394; font-size: 16; font-family: Georgia, Times New Roman, serif;">Feed Staffer Group BR™</span></b><br /><b>Cadastre-se e receba as novidades em seu e-mail.</b> </font><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=nomedoseufeed', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' ><input name="email" style="width: 180px;height: 20px" />  <input name="uri" style="height: 20px" type="hidden" value="NOME_DO_SEU_FEED" /><input name="loc" type="hidden" value="pt_BR" /><input type="submit" value="Assinar" /></form>
</center><p style="text-align: center;margin-top:0px;font-size:80%">Desenvolvido por<a href="http://staffergroupbr.stuning.net/forum"> D'Leandro™</a> | <a href="http://staffergroupbr.stuning.net/t870-widget">Pegue seu Feed Flutuante.</a></p></div><div class='clear'></div>

Procure por: URL_DO_SEU_FEED
Substitua isso pela URL do seu Feed RSS.

Procure por: NOME_DO_SEU_FEED
Substitia pelo Nome do seu Feed RSS.

--> Resultado Final<--

Clique na imagem para visualizar ▲


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

#2
 Narutofake

avatar
Membro
Olá, Obrigado por Disponibilizar estarei a utilizar.
Ver perfil do usuário

#3
 Chorão

avatar
Membro
\o/ não Sabia q tinha isso Para Fórum muito obrigado!
Ver perfil do usuário

#4
 Sr.Nown

avatar
Membro
Comentando pra ver o conteudo
Ver perfil do usuário

#5
 fascicularia

avatar
Membro
thanks
Ver perfil do usuário

#6
 fascicularia

avatar
Membro
thanks
Ver perfil do usuário

#7
 Master Publicitario

avatar
Membro
Muito bom!
Ver perfil do usuário

#8
 sergio44

avatar
Membro
merci
Ver perfil do usuário

#9
 Conteúdo patrocinado