Create your own social network with a free forum.
InvisionFree - Free Forum Hosting
Welcome to iBasic. We hope you enjoy your visit.


You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Name:   Password:

Saiba o que acontece no Ibasic! Leia nossos Anúncios.

Não cometa erros no Fórum. Leia nossas Regras.

Esta com duvida, e não é cadastrado? Registre-se.

Quer ser indicado pelo Ibasic? Clique aqui.


 

 Link na Barra de Menu (Help, Search...), Adicionar, Remover, Mudar Imagem...
Track this topic | Email this topic | Print this topic
Tails
Posted: Thursday, 08/06/2006 - 06:01


Supervisor Global
*

Group: Membro
Posts: 632
Member No.: 64
Joined: 22-January 06
O que faz o código:
Adiciona links na barra de menu, Remove os links, Muda as imagens, Muda os links, coloca um embaixo do outro, tira o ícone, tira o texto, separa com barrinhas, e se pedir com jeitinho ele ainda canta "mamãe eu quero" (essa última é mentira). tongue.gif

Colocar um preview fica meio complicado, porque esse code faz muita coisa. Mas a barra que me refiro é a que tem Help Search Members Calendar. Que fica logo abaixo do Banner.

Admin CP >> Skinning & Styles >> Board Wrappers >> Header & Body.
Abaixo de <% BOARD HEADER %>.

CODE
<script language="javascript">
<!--//
function addIconToToolBar(text, image, link){
newButtons[newButtons.length] = new Array(text, image, link);
}
function changeToolBarIcons(){
var allRows; var rowText; var tempText; var buttonDefaultLinks = new Array();
var spaCing = "";
var buttonDefaultText = new Array("Help","Search","Members","calendar");
var buttonDefaultSrc = new Array(
"http://i1.ifrm.com/style_images/1/atb_help.gif",
"http://i1.ifrm.com/style_images/1/atb_search.gif",
"http://i1.ifrm.com/style_images/1/atb_members.gif",
"http://i1.ifrm.com/style_images/1/atb_calendar.gif");
var linkDefault = new Array();
var linkIndex; var linkBegin; var linkEnd=0;

if (document.all){
allRows = document.all.tags('td');
}else if ( document.getElementsByTagName ){
allRows = document.getElementsByTagName('td');
}else{
allRows = new Array();
}
linkSearch:
for (var i=0; i<allRows.length; i++){
rowText = allRows[i].innerHTML;
if ( rowText.indexOf('<td')!=-1 && rowText.indexOf('&nbsp; &nbsp;&nbsp;')!=-1 ) { continue; }
actionSearch:
for ( var j=0; j<buttonDefaultText.length; j++ ){
if ( rowText.indexOf("act="+buttonDefaultText[j])==-1 ){
continue linkSearch;
}}
linkIndex=i; break;
}

for (var i=0; i<buttonDefaultText.length; i++){
rowText = allRows[linkIndex].innerHTML;
linkBegin = rowText.indexOf('href="',linkEnd+1);
linkEnd = rowText.indexOf('"',linkBegin+8);
tempText = rowText.substring(linkBegin+6,linkEnd)
for ( var j=0; j<buttonDefaultText.length; j++){
if ( tempText.indexOf(buttonDefaultText[j]) != -1 ){
buttonDefaultLinks[j] = tempText;
}}}
for ( var i=0; i<newButtons.length; i++ ){
var wBText=newButtons[i][0]; var wBSrc=newButtons[i][1]; var wBLink=newButtons[i][2];
for ( var j=0; j<buttonDefaultText.length; j++ ){
if ( wBSrc == buttonDefaultText[j].toUpperCase() ){ wBSrc = buttonDefaultSrc[j]; }
if ( wBLink == buttonDefaultText[j].toUpperCase() ){ wBLink = buttonDefaultLinks[j]; }
}
newButtons[i][3] = "<a href='"+wBLink+"'>";
if (showIcon.toLowerCase() != "no"){
wBSrc = "<img src='"+wBSrc+"' border='0' alt='"+wBText+"' align='absmiddle' />";
}else{
wBSrc = "";
}
if ( showText.toLowerCase() != "no" ){
textLocation = textLocation.toLowerCase();
switch(textLocation.toLowerCase()){
case "left" : newButtons[i][3] += wBText+" "+wBSrc; break;
case "top" : newButtons[i][3] += wBText+"</a><br /><a href='"+wBLink+"'>"+wBSrc; break;
case "bottom" : newButtons[i][3] += wBSrc+"</a><br /><a href='"+wBLink+"'>"+wBText; break;
default : newButtons[i][3] += wBSrc+" "+wBText; break;
}}else{
newButtons[i][3] = wBSrc;
}
newButtons[i][3] += "</a>";
}
if ( diVider == "NONE" ){ spaCing = ""; }else{ spaCing = diVider; }
spaCes = parseInt(spaCes); if ( isNaN(spaCes) ){ spaCes = 5; }
for (var i=0; i<spaCes; i+=2 ){
if ( spaCes%2 != 0 ) { spaCing = "&nbsp;"+spaCing; spaCes++; continue; }
spaCing = "&nbsp;"+spaCing + "&nbsp;"
}
var newToolbar = "<table cellspacing=0 cellpadding=0 border=0><tbody>"
if (oriEntation.toLowerCase() != "vertical"){
newToolbar +="<tr>"; var buttonStart = "<td align='"+buttonAlign+"'>"; var buttonEnd = "</td>";
}else{
var buttonStart = "<tr><td align='"+buttonAlign+"'>"; spaCing =""; var buttonEnd = "</td></tr>";
}
for ( var i=0; i< newButtons.length; i++ ){
var addSpace = ( i==0)? "" : spaCing;
newToolbar += buttonStart + addSpace + newButtons[i][3] + buttonEnd; }
newToolbar = (oriEntation.toLowerCase() != "vertical")? newToolbar + "</tr></tbody></table>" : newToolbar + "</tbody></table>";
allRows[linkIndex].innerHTML = newToolbar;
}
var newButtons = new Array()

addIconToToolBar("Help", "http://i6.ifrm.com/1854/63/upload/p6218035.jpg", "HELP");
addIconToToolBar("Search", "http://i6.ifrm.com/1854/63/upload/p6218035.jpg", "SEARCH");
addIconToToolBar("Members", "http://i6.ifrm.com/1854/63/upload/p6218035.jpg", "MEMBERS");
addIconToToolBar("Calendar", "http://i6.ifrm.com/1854/63/upload/p6218035.jpg", "CALENDAR");

var showText = "yes";
var showIcon = "yes";
var textLocation = "right";
var buttonAlign = "left";
var oriEntation = "horizontal";
var spaCes = "5";
var diVider = "NONE";

changeToolBarIcons();
// -->
</script>


As únicas partes que vocês tem que se preocupar estão no final. Vou descrever cada uma delas.

QUOTE
addIconToToolBar("Help", "http://i6.ifrm.com/1854/63/upload/p6218035.jpg", "HELP");
addIconToToolBar("Search", "http://i6.ifrm.com/1854/63/upload/p6218035.jpg", "SEARCH");
addIconToToolBar("Members", "http://i6.ifrm.com/1854/63/upload/p6218035.jpg", "MEMBERS");
addIconToToolBar("Calendar", "http://i6.ifrm.com/1854/63/upload/p6218035.jpg", "CALENDAR");

Nessa parte é onde você pode acrescentar links, retirar, mudar as imagens, os textos, e os links. Para acrescentar basta adicionar a linha:
addIconToToolBar("Texto", "Link_da_imagem", "Link_do_menu");
Para retirar, basta retirar alguma linha que você não queira que apareça. Se não quiser que apareça nada, basta apagar as 4 linhas. Se quiser apenas trocar, basta substituir o texto, o link da imagem e o link do menu.

QUOTE
var showText = "yes"; //yes ou no. Mostra o texto do menu.
var showIcon = "yes"; //yes ou no. Mostra a imagem do menu.
var textLocation = "right"; // left, top, right, bottom. Localização do texto em relação a imagem.
var buttonAlign = "left"; //left, right, center. Forma de alinhamento dos menus.
var oriEntation = "horizontal"; //horizontal ou vertical. Um do lado do outro, ou um abaixo do outro.
var spaCes = "5"; //Espaço entre menus.
var diVider = "NONE"; //Adiciona um separador entre eles, pode ser uma "|", "--" ou qualquer coisa que quiser.


O código é meio grandinho, então se não gostar por causa disso, basta hospedar o código.
Espero que tenham gostado! Achei que ele ficou bem interessante!

This post has been edited by Tails on Thursday, 08/06/2006 - 08:06


--------------------

user posted image
user posted image


Posso Ajudar?
Regras//Suporte//Códigos//Skin's//Gráficos
Top
ama®u™
Posted: Thursday, 08/06/2006 - 07:58


Não me enviem Pm's a pedir ajuda, o forum serve para isso.
*

Group: Membro
Posts: 698
Member No.: 15
Joined: 5-December 05
Muito bom, ja pus em meu site, podem ver o preview la.


EDITADO----------------

This post has been edited by Eduardo_Faria on Thursday, 08/06/2006 - 12:59


--------------------
user posted image
Top
Eduardo_Faria
Posted: Thursday, 08/06/2006 - 13:00


Princepe
*

Group: Membro
Posts: 1,645
Member No.: 3
Joined: 26-November 05
Desculpa mas isso é considerado propaganda, Preview's só em imagens ou em fóruns de teste

This post has been edited by Eduardo_Faria on Thursday, 08/06/2006 - 13:00


--------------------
Posso Ajudar?
Regras//Suporte//Códigos//Skins//Gráficos


user posted image


user posted image
Top
Mr.Snuffles
Posted: Thursday, 08/06/2006 - 18:15


oi =)
*

Group: Membro
Posts: 40
Member No.: 137
Joined: 9-March 06
tails, gostaria de te pedir um favor, por favor hospeda esse seu código pois ele é muito muito grande e lota o board wrappers, se possivel vc podia deixar só a parte editavel sem hospedar e adicionar depois do <script=url....>

grato^


--------------------
Top
Tails
Posted: Sunday, 11/06/2006 - 09:33


Supervisor Global
*

Group: Membro
Posts: 632
Member No.: 64
Joined: 22-January 06
Cara, não consegui fazer isso não... pelo menos por enquanto não entendi como fazer para hospedar somente uma parte do código. Tentei ver de algumas formas aqui, mas com o código dividido não deu certo.
Não sei como fazer dessa forma, se alguém souber e puder ajudar...


--------------------

user posted image
user posted image


Posso Ajudar?
Regras//Suporte//Códigos//Skin's//Gráficos
Top
3m4n0
Posted: Saturday, 08/07/2006 - 00:26


Recém Chegado
*

Group: Membro
Posts: 6
Member No.: 324
Joined: 23-May 06
ai cara como faz para Hospedar o Codigo pq aqui no meu forum nao cabe mais anda.


--------------------
My signature will be disclosed here
Top
gasparzito
Posted: Sunday, 09/07/2006 - 00:22


Recém Chegado
*

Group: Membro
Posts: 7
Member No.: 445
Joined: 7-July 06
perfeito xD


to usando aiuhsiauhs


vlw..
Top
Forum
Posted: Friday, 21/07/2006 - 02:49


Recém Chegado
*

Group: Membro
Posts: 3
Member No.: 464
Joined: 11-July 06
quero ver o Preview awe nois ve awe ^^


--------------------
user posted image
Top
Tails
Posted: Friday, 28/07/2006 - 20:32


Supervisor Global
*

Group: Membro
Posts: 632
Member No.: 64
Joined: 22-January 06
Foi o que eu disse, colocar um preview é meio complicado, porque o código faz um monte de coisa!
Mas a barra que me refiro é a que tem Help Search Members Calendar. Que fica logo abaixo do Banner.
Dá uma lida no primeiro post que tem explicando tudo que esse código faz! tongue.gif


--------------------

user posted image
user posted image


Posso Ajudar?
Regras//Suporte//Códigos//Skin's//Gráficos
Top
bbds
Posted: Sunday, 30/07/2006 - 20:01


Membro Novato
*

Group: Membro
Posts: 22
Member No.: 242
Joined: 21-April 06
mto bom código, vou colocar no meu fórum
Top
Guto1310
Posted: Thursday, 14/12/2006 - 13:26


Suporte iBasic
*

Group: Membro
Posts: 380
Member No.: 940
Joined: 12-November 06
esse codigo tambem pode mudar o nomes deles
para passar para portugues intão não sei
se o adm vai aprova-lo e não retira-lo.
Top
« Next Oldest | Códigos | Next Newest »
InvisionFree - Free Forum Hosting
Enjoy forums? Start your own community for free.

Topic Options






Saiba onde tem o melhor preço antes de comprar


 

Versão Simples

 

Hosted for free by InvisionFree* (Terms of Use: Updated 2/10/2010) | Powered by Invision Power Board v1.3 Final © 2003 IPS, Inc.
Archive