← Desenvolvimento

Ajuda - Toolbar

Lida 3403 vezes

Offline

Jóni Oliveira 
Administrador
Mensagens 3427 Gostos 391
Feedback +28

Troféus totais: 35
Trófeus: (Ver todos)
Tenth year Anniversary Nineth year Anniversary Mobile User Apple User Level 6 Windows User Super Combination Combination Topic Starter 10 Poll Votes

Boas,
Gostava de saber se conhecem algum script opensource para utilizar como toolbar.
O objectivo é partilhar uma rede de sites em vários blogs, forums, portais etc, sempre com a mesma toolbar.

Alguém sabe de algo?

Cumps
Offline

Thomato 
Membro
Mensagens 4125 Gostos 2
Feedback +2

Troféus totais: 28
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2

Queres colocar uma barra no topo?
Se for isso, eu escrevo-te isso aqui num instante :)
Offline

Jóni Oliveira 
Administrador
Mensagens 3427 Gostos 391
Feedback +28

Troféus totais: 35
Trófeus: (Ver todos)
Tenth year Anniversary Nineth year Anniversary Mobile User Apple User Level 6 Windows User Super Combination Combination Topic Starter 10 Poll Votes

Queres colocar uma barra no topo?
Se for isso, eu escrevo-te isso aqui num instante :)

Queria colocar em baixo. Com o "like" o "share" e uns sites.
Quero colocar em sites wordpress e no smf.

Se souberes e não te importares agradeço :-)
Offline

Thomato 
Membro
Mensagens 4125 Gostos 2
Feedback +2

Troféus totais: 28
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2

Código: [Seleccione]
#barra {
width: 100%;
position: fixed;
margin: auto;
bottom: 0px;
z-index: 999999999;
}
.conteudo {
width: 980px;
margin: auto;
background: #000;
background: #FFF;
padding: 5px;
}

Código: [Seleccione]
<div id="barra">
<div class="conteudo">CONTEUDO<div>
</div>

Não testei mas em princípio funciona.
O que isso faz é mostrar uma barra fixa no ecrã (que acompanha o scroll) colada ao fundo do monitor.

Se não era isso que querias, explica que eu faço-te se souber :)
Offline

Jóni Oliveira 
Administrador
Mensagens 3427 Gostos 391
Feedback +28

Troféus totais: 35
Trófeus: (Ver todos)
Tenth year Anniversary Nineth year Anniversary Mobile User Apple User Level 6 Windows User Super Combination Combination Topic Starter 10 Poll Votes

Perfect ;-)
Era exactamente isto :-)

Muito obrigado
Offline

Thomato 
Membro
Mensagens 4125 Gostos 2
Feedback +2

Troféus totais: 28
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2

Dá-me uns minutos que já te dou uma solução melhor para não teres que estar a mudar em todos os sites sempre que queres mudar o conteúdo da barra ;)

EDIT:
Cria um ficheiro, no domínio principal, chamado barra.js (ou coisa do género) e põe lá isto:
Código: [Seleccione]
document.write('<style type="text/css">');
document.write('#barra {width: 100%; position: fixed; margin: auto; bottom: 0px; z-index: 55000; color: #ffffff;}');
document.write('.conteudo {width: 980px; margin: auto; background: #333; padding: 5px;}');
document.write('</style>');
document.write('<div id="barra">');
document.write('<div class="conteudo">CONTEUDO</div>');
document.write('</div">');
Cada linha de código tem de ser inserida dentro de document.write('Código aqui');.
(Não sou grande coisa com JS, portanto isso não deve ser a melhor maneira de escrever esse código, mas funciona).

Depois só tens de colocar isto onde quiseres que apareça a barra:
Código: [Seleccione]
<script src="http://dominioprincipal.com/barra.js" type="text/javascript"></script>
 :cool:
Offline

Thomato 
Membro
Mensagens 4125 Gostos 2
Feedback +2

Troféus totais: 28
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2

(editei o post anterior :))
Offline

imarcoreal 
Membro
Mensagens 20 Gostos 0
Troféus totais: 17
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Level 3 Level 2 Level 1 10 Posts First Post Karma Avatar

Peço permissão para utilizar este código?
Offline

Thomato 
Membro
Mensagens 4125 Gostos 2
Feedback +2

Troféus totais: 28
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2

Peço permissão para utilizar este código?
Se me estás a pedir permissão a mim, estás à vontade :) Partilhei precisamente para o usarem.
Offline

GhostMaster 
Membro
Mensagens 1374 Gostos 0
Feedback +10

Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1 1000 Posts

Dá-me uns minutos que já te dou uma solução melhor para não teres que estar a mudar em todos os sites sempre que queres mudar o conteúdo da barra ;)

EDIT:
Cria um ficheiro, no domínio principal, chamado barra.js (ou coisa do género) e põe lá isto:
Código: [Seleccione]
document.write('<style type="text/css">');
document.write('#barra {width: 100%; position: fixed; margin: auto; bottom: 0px; z-index: 55000; color: #ffffff;}');
document.write('.conteudo {width: 980px; margin: auto; background: #333; padding: 5px;}');
document.write('</style>');
document.write('<div id="barra">');
document.write('<div class="conteudo">CONTEUDO</div>');
document.write('</div">');
Cada linha de código tem de ser inserida dentro de document.write('Código aqui');.
(Não sou grande coisa com JS, portanto isso não deve ser a melhor maneira de escrever esse código, mas funciona).

Depois só tens de colocar isto onde quiseres que apareça a barra:
Código: [Seleccione]
<script src="http://dominioprincipal.com/barra.js" type="text/javascript"></script>
 :cool:

Fica com a largura total da página ou acompanha a largura do monitor? estilo a da sapo?
Offline

Thomato 
Membro
Mensagens 4125 Gostos 2
Feedback +2

Troféus totais: 28
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2

Esse código que ai está faz as duas coisas.
Se personalizares o #barra, personaliza o ecrã todo.
Se personalizares o .conteudo, personaliza só a largura da página.
Offline

HawK 
Membro
Mensagens 1698 Gostos 0
Feedback +8

Troféus totais: 29
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

Ao colocar:

<script src="http«://dominioprincipal.com/barra.js" type="text/javascript"></script>

Dá-me erro e a pagina fica encolhida, ja tentei no index.php e no header.php.
Onde quer que o coloque... Obrigado.
Dá-me uns minutos que já te dou uma solução melhor para não teres que estar a mudar em todos os sites sempre que queres mudar o conteúdo da barra ;)

EDIT:
Cria um ficheiro, no domínio principal, chamado barra.js (ou coisa do género) e põe lá isto:
Código: [Seleccione]
document.write('<style type="text/css">');
document.write('#barra {width: 100%; position: fixed; margin: auto; bottom: 0px; z-index: 55000; color: #ffffff;}');
document.write('.conteudo {width: 980px; margin: auto; background: #333; padding: 5px;}');
document.write('</style>');
document.write('<div id="barra">');
document.write('<div class="conteudo">CONTEUDO</div>');
document.write('</div">');
Cada linha de código tem de ser inserida dentro de document.write('Código aqui');.
(Não sou grande coisa com JS, portanto isso não deve ser a melhor maneira de escrever esse código, mas funciona).

Depois só tens de colocar isto onde quiseres que apareça a barra:
Código: [Seleccione]
<script src="http://dominioprincipal.com/barra.js" type="text/javascript"></script>
 :cool: