
Histórico de Curtidas
-
Yok recebeu reputação de r0bert0lol em [Modal Window] Tutor AutomaticoEntão , estou começando agora no mundo de script, e eu e um amigo estávamos conversando sobro no Futuro OT que estamos criando e vimos a necessidade de um Tutor Automático para não depender tanto de alguém sempre respondendo a galera.
[1] Como funciona: Simplesmente com uma Talk Action , você manda no Global Channel !tutor e ira abrir uma ModalWindow com as duvidas.
[2] Como ele responde: Isso vai depender de você colocar para responder, pois o sistema manda uma mensagem no Local Chat em Azul.
[3] Como Instalar: É bem simples de instalar mas siga os passos atentamente. Enfim vamos para a melhor parte .
1) Primeiro você tem que ter o ModalWindow instala-do no seu Server: Modal Window
2) Em \data\talkactions\talkactions.xml registre a seguinte linha.
<talkaction words="!tutor" script="tutor.lua"/>
3) Em \data\talkactions\scripts crie o seguinte arquivo "tutor.lua" e adicione.
function onSay(cid, player, words, param) cid:registerEvent("modalwindowhelper") local titulo = "Tutor Automatico" -- Esse é o titulo do ModalWindow local mensagem = "Oi,eu sou o Tutor Automatico do OTS, posso respoder algumas de suas duvidas" -- Subtitulo do ModalWindow local popup = ModalWindow(1000, titulo, mensagem) popup:addButton(100, "Confirm") popup:addButton(101, "Cancel") popup:addChoice(1, "Pergunta1") -- Aqui é onde voce vai adicionar as perguntas, basta seguir a sequencia popup:addChoice(2, "Pergunta2") popup:setDefaultEnterButton(100) popup:setDefaultEscapeButton(101) popup:sendToPlayer(cid) return true end 4) Em \data\creaturescripts\creaturescripts.xml registre a seguinte linha.
<event type="modalwindow" name="modalwindowhelper" script="tutor.lua"/> 5) Em \data\creaturescripts\scripts crie o seguinte arquivo "tutor.lua" e adicione.
function onModalWindow(cid, modalWindowId, buttonId, choiceId) cid:unregisterEvent("modalwindowhelper") local mensagem = { [1] = "Tutor Automatico: Resposta1", -- aqui é voce vai adicionar as respostas respeitando a sequencia [2] = "Tutor Automatico: Resposta2", } if modalWindowId == 1000 then if buttonId == 100 then for x = 1,#mensagem do if choiceId == x then cid:sendTextMessage(MESSAGE_STATUS_CONSOLE_BLUE, mensagem[x]) end end end end end Caso Tenha Ajudado +REP
Créditos: Yok
-
Yok recebeu reputação de KotZletY em [Modal Window] Tutor AutomaticoEntão , estou começando agora no mundo de script, e eu e um amigo estávamos conversando sobro no Futuro OT que estamos criando e vimos a necessidade de um Tutor Automático para não depender tanto de alguém sempre respondendo a galera.
[1] Como funciona: Simplesmente com uma Talk Action , você manda no Global Channel !tutor e ira abrir uma ModalWindow com as duvidas.
[2] Como ele responde: Isso vai depender de você colocar para responder, pois o sistema manda uma mensagem no Local Chat em Azul.
[3] Como Instalar: É bem simples de instalar mas siga os passos atentamente. Enfim vamos para a melhor parte .
1) Primeiro você tem que ter o ModalWindow instala-do no seu Server: Modal Window
2) Em \data\talkactions\talkactions.xml registre a seguinte linha.
<talkaction words="!tutor" script="tutor.lua"/>
3) Em \data\talkactions\scripts crie o seguinte arquivo "tutor.lua" e adicione.
function onSay(cid, player, words, param) cid:registerEvent("modalwindowhelper") local titulo = "Tutor Automatico" -- Esse é o titulo do ModalWindow local mensagem = "Oi,eu sou o Tutor Automatico do OTS, posso respoder algumas de suas duvidas" -- Subtitulo do ModalWindow local popup = ModalWindow(1000, titulo, mensagem) popup:addButton(100, "Confirm") popup:addButton(101, "Cancel") popup:addChoice(1, "Pergunta1") -- Aqui é onde voce vai adicionar as perguntas, basta seguir a sequencia popup:addChoice(2, "Pergunta2") popup:setDefaultEnterButton(100) popup:setDefaultEscapeButton(101) popup:sendToPlayer(cid) return true end 4) Em \data\creaturescripts\creaturescripts.xml registre a seguinte linha.
<event type="modalwindow" name="modalwindowhelper" script="tutor.lua"/> 5) Em \data\creaturescripts\scripts crie o seguinte arquivo "tutor.lua" e adicione.
function onModalWindow(cid, modalWindowId, buttonId, choiceId) cid:unregisterEvent("modalwindowhelper") local mensagem = { [1] = "Tutor Automatico: Resposta1", -- aqui é voce vai adicionar as respostas respeitando a sequencia [2] = "Tutor Automatico: Resposta2", } if modalWindowId == 1000 then if buttonId == 100 then for x = 1,#mensagem do if choiceId == x then cid:sendTextMessage(MESSAGE_STATUS_CONSOLE_BLUE, mensagem[x]) end end end end end Caso Tenha Ajudado +REP
Créditos: Yok
-
Yok recebeu reputação de Bruxo Ots em [Modal Window] Tutor AutomaticoEntão , estou começando agora no mundo de script, e eu e um amigo estávamos conversando sobro no Futuro OT que estamos criando e vimos a necessidade de um Tutor Automático para não depender tanto de alguém sempre respondendo a galera.
[1] Como funciona: Simplesmente com uma Talk Action , você manda no Global Channel !tutor e ira abrir uma ModalWindow com as duvidas.
[2] Como ele responde: Isso vai depender de você colocar para responder, pois o sistema manda uma mensagem no Local Chat em Azul.
[3] Como Instalar: É bem simples de instalar mas siga os passos atentamente. Enfim vamos para a melhor parte .
1) Primeiro você tem que ter o ModalWindow instala-do no seu Server: Modal Window
2) Em \data\talkactions\talkactions.xml registre a seguinte linha.
<talkaction words="!tutor" script="tutor.lua"/>
3) Em \data\talkactions\scripts crie o seguinte arquivo "tutor.lua" e adicione.
function onSay(cid, player, words, param) cid:registerEvent("modalwindowhelper") local titulo = "Tutor Automatico" -- Esse é o titulo do ModalWindow local mensagem = "Oi,eu sou o Tutor Automatico do OTS, posso respoder algumas de suas duvidas" -- Subtitulo do ModalWindow local popup = ModalWindow(1000, titulo, mensagem) popup:addButton(100, "Confirm") popup:addButton(101, "Cancel") popup:addChoice(1, "Pergunta1") -- Aqui é onde voce vai adicionar as perguntas, basta seguir a sequencia popup:addChoice(2, "Pergunta2") popup:setDefaultEnterButton(100) popup:setDefaultEscapeButton(101) popup:sendToPlayer(cid) return true end 4) Em \data\creaturescripts\creaturescripts.xml registre a seguinte linha.
<event type="modalwindow" name="modalwindowhelper" script="tutor.lua"/> 5) Em \data\creaturescripts\scripts crie o seguinte arquivo "tutor.lua" e adicione.
function onModalWindow(cid, modalWindowId, buttonId, choiceId) cid:unregisterEvent("modalwindowhelper") local mensagem = { [1] = "Tutor Automatico: Resposta1", -- aqui é voce vai adicionar as respostas respeitando a sequencia [2] = "Tutor Automatico: Resposta2", } if modalWindowId == 1000 then if buttonId == 100 then for x = 1,#mensagem do if choiceId == x then cid:sendTextMessage(MESSAGE_STATUS_CONSOLE_BLUE, mensagem[x]) end end end end end Caso Tenha Ajudado +REP
Créditos: Yok
-
Yok recebeu reputação de LeoTK em [Modal Window] Tutor AutomaticoEntão , estou começando agora no mundo de script, e eu e um amigo estávamos conversando sobro no Futuro OT que estamos criando e vimos a necessidade de um Tutor Automático para não depender tanto de alguém sempre respondendo a galera.
[1] Como funciona: Simplesmente com uma Talk Action , você manda no Global Channel !tutor e ira abrir uma ModalWindow com as duvidas.
[2] Como ele responde: Isso vai depender de você colocar para responder, pois o sistema manda uma mensagem no Local Chat em Azul.
[3] Como Instalar: É bem simples de instalar mas siga os passos atentamente. Enfim vamos para a melhor parte .
1) Primeiro você tem que ter o ModalWindow instala-do no seu Server: Modal Window
2) Em \data\talkactions\talkactions.xml registre a seguinte linha.
<talkaction words="!tutor" script="tutor.lua"/>
3) Em \data\talkactions\scripts crie o seguinte arquivo "tutor.lua" e adicione.
function onSay(cid, player, words, param) cid:registerEvent("modalwindowhelper") local titulo = "Tutor Automatico" -- Esse é o titulo do ModalWindow local mensagem = "Oi,eu sou o Tutor Automatico do OTS, posso respoder algumas de suas duvidas" -- Subtitulo do ModalWindow local popup = ModalWindow(1000, titulo, mensagem) popup:addButton(100, "Confirm") popup:addButton(101, "Cancel") popup:addChoice(1, "Pergunta1") -- Aqui é onde voce vai adicionar as perguntas, basta seguir a sequencia popup:addChoice(2, "Pergunta2") popup:setDefaultEnterButton(100) popup:setDefaultEscapeButton(101) popup:sendToPlayer(cid) return true end 4) Em \data\creaturescripts\creaturescripts.xml registre a seguinte linha.
<event type="modalwindow" name="modalwindowhelper" script="tutor.lua"/> 5) Em \data\creaturescripts\scripts crie o seguinte arquivo "tutor.lua" e adicione.
function onModalWindow(cid, modalWindowId, buttonId, choiceId) cid:unregisterEvent("modalwindowhelper") local mensagem = { [1] = "Tutor Automatico: Resposta1", -- aqui é voce vai adicionar as respostas respeitando a sequencia [2] = "Tutor Automatico: Resposta2", } if modalWindowId == 1000 then if buttonId == 100 then for x = 1,#mensagem do if choiceId == x then cid:sendTextMessage(MESSAGE_STATUS_CONSOLE_BLUE, mensagem[x]) end end end end end Caso Tenha Ajudado +REP
Créditos: Yok
-
Yok recebeu reputação de Pedro. em Mudar tipo de dano WandPra galera que ta tentando colocar e esta dando erro , nessa parte tem que colocar ".lua" no final kk , demorei pra perceber..
Por sinal funcionando perfeitamente. TFS 1.2
<action itemid="13880" script="weapon_damage.lua"/> <action actionid="ACTIONID" script="weapon_damage.lua"/>
-
Yok deu reputação a Pedro. em Mudar tipo de dano WandVoltei recentemente e to montando um servidor custom, achei uns scripts bem OLD aqui do forum do Bruno Minervino de trocar o efeito da Wand por talkactions, porém era bem antigo rev 0.4 se não me engano e bastante gente pediu 1x +
Informações sobre o sistema Tem uma seção de configuração fácil para você personalizá-lo como você gostaria! Você só precisa preencher a tabela de configuração encontrada no script principal, segue a tabela abaixo.
o GIF não mostra o mouse, mas pra trocar o efeito é só clicar com o botao direito na WAND.
-- Config -- Set wand how the wand deals damage DamageTypeWand = { values = false, -- If this is set to true then it will use the min and max values. If set to false the wand will use the formula -- Damage Values min/max wandMinDam = 20, wandMaxDam = 50, -- Damage Formula formula = { wandMinDam = function(level, maglevel) return -((level / 5) + (maglevel * 1.4) + 8) end, wandMaxDam = function(level, maglevel) return -((level / 5) + (maglevel * 2.2) + 14) end, } } -- Modal window config and storage id local config = { storage = 10009, titleMsg = "Change Weapon Damage Type", mainMsg = "Choose a damage type from the list", -- End Config -- Damage Table [1] = {element = "Holy"}, [2] = {element = "Fire"}, [3] = {element = "Death"}, [4] = {element = "Poison"}, [5] = {element = "Energy"}, [6] = {element = "Earth"}, [7] = {element = "Ice"}, }
Vamos a instalação do script.
1) Instalar modal window AQUI
2) Registre o script em /data/actions/actions.xml adicionando esta linha (Substituindo "ITEMID" pelo item que deseja usar:
no meu caso seria 13880, ficando assim
<action itemid="13880" script="weapon_damage"/> <action actionid="ACTIONID" script="weapon_damage"/>
3) Crie um novo documento de texto em /data/actions/ scripts e nomeie-o "weapon_damage.lua" e cole o seguinte:
http://pastebin.com/c11fcRDg
4) Adicione a seguinte linha ao seu global.lua
dofile('data/lib/weapon_damage.lua')
5) Crie um novo documento de texto em /data/lib/ e nomeie-o "weapon_damage.lua" e cole o seguinte:
http://pastebin.com/y5UKLEAY 6) Registre a arma em /data/weapons/weapons.xml adicionando esta linha:
NOTE ESTA LINHA É VEJA SE VOCÊ ESTÁ USANDO UMA WAND!
<wand id="ITEM ID HERE" level="300" mana="20" script="weapon_damage.lua"> <vocation name="Sorcerer" /> </wand> 7) Crie um novo documento de texto em /data/weapons /scripts e nomeie-o "weapon_damage.lua" e cole o seguinte:
http://pastebin.com/CQV5zmJS
créditos: Jano e strutZ.
-
Yok recebeu reputação de HaragOT em [GESIOR] Codigos PHP ! Menus,Submenus•► Tutorial 100% feito por mim: Yok
•► Acredito que este tópico ira ajudar aqueles que tem dificuldades em adicionar Novos Menus, Novos Submenus, edita-los e enfeita-los com frescuras.
•► O código abaixo contem o Menu.
<div id="Nome Do Menu" class="menuitem"> <span onclick="MenuItemAction('nome do menu')"> <div class="MenuButton" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background.gif);"> <div onmouseover="MouseOverMenuItem(this);" onmouseout="MouseOutMenuItem(this);"><div class="Button" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background-over.gif);"></div> <span id="forum_Lights" class="Lights"> <div class="light_lu" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ld" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ru" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> </span> <div id="forum_Icon" class="Icon" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/imagem1.gif);"></div> <div id="forum_Label" class="Label" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/label-forum.gif);"></div> <div id="forum_Extend" class="Extend" style="background-image: url(<?PHP echo $layout_name; ?>/images/general/plus.gif);"></div> </div> </div> </span> •► Sumario: Primeiro você ira editar as seguintes partes do código.
Todas as colocações usando essa tag //-- nao copie, apenas leia <div id="Nome do Menu" //--aqui voce colocara o nome do menu a sua escolha <span onclick="MenuItemAction('nome do menu')"> //--novamente aqui voce ira colocar apenas o nome do menu <precisa ser igual a de cima .= sim precisa> <div id="forum_Icon" class="Icon" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/imagem1.gif);"></div> //-- aqui é onde voce ira modificar o icone que aparecera no seu novo menu. Basta apenas voce entrar no seguinte diretório <C:\xampp\htdocs\layouts\tibiarl\images\menu\>agora voce ira precisar de uma imagem <.GIF> , apos obtela basta apenas voce renomea-la para o nome <imagem1> e colar na pasta <C:\xampp\htdocs\layouts\tibiarl\images\menu\> e pronto seu novo icon estara no menu. <div id="forum_Label" class="Label" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/imagem2.gif);"></div> //-- voce ira repetir o processo de cima porem aqui voce ira colocar a imagem que dara o nome ao seu menu. Você precisara de uma imagem <.GIF> com o nome de <imagem2> •► Adicionando: Para adicionar o Menu ao seu site, vá ate o seguinte diretório <C:\xampp\htdocs\layouts\tibiarl> e abra o seguinte arquivo layout.php. Você encontra linhas de códigos parecidas com essas
<div id="forum_Submenu" class="Submenu"> <a href="?subtopic=forum"> <div id="submenu_forum" class="Submenuitem" onmouseover="MouseOverSubmenuItem(this)" onmouseout="MouseOutSubmenuItem(this)"> <div class="LeftChain" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);"></div> <div id="ActiveSubmenuItemIcon_forum" class="ActiveSubmenuItemIcon" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);"></div> <div id="ActiveSubmenuItemLabel_forum" class="SubmenuitemLabel">Server Forum</div> <div class="RightChain" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);"></div> </div> </a> </div> </div> <div id="account" class="menuitem"> <span onclick="MenuItemAction('account')"> <div class="MenuButton" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background.gif);"> <div onmouseover="MouseOverMenuItem(this);" onmouseout="MouseOutMenuItem(this);"><div class="Button" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background-over.gif);"></div> <span id="account_Lights" class="Lights"> <div class="light_lu" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ld" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ru" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> </span> <div id="account_Icon" class="Icon" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-account.gif);"></div> <div id="account_Label" class="Label" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/label-account.gif);"></div> <div id="account_Extend" class="Extend" style="background-image: url(<?PHP echo $layout_name; ?>/images/general/plus.gif);"></div> </div> </div> </span> •► Se olharem com cuidado vocês verão a linha do Código do Submenu sendo terminada em </div> e começando uma nova linha
<div id="account" class="menuitem">. Diante disso , com seu código já editado você colara ele entre essas duas linhas de códigos.
•► Resultado:
<div id="forum_Submenu" class="Submenu"> <a href="?subtopic=forum"> <div id="submenu_forum" class="Submenuitem" onmouseover="MouseOverSubmenuItem(this)" onmouseout="MouseOutSubmenuItem(this)"> <div class="LeftChain" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);"></div> <div id="ActiveSubmenuItemIcon_forum" class="ActiveSubmenuItemIcon" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);"></div> <div id="ActiveSubmenuItemLabel_forum" class="SubmenuitemLabel">Server Forum</div> <div class="RightChain" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);"></div> </div> </a> </div> </div> <div id="Nome do Menu" class="menuitem"> <span onclick="MenuItemAction('Nome do Menu')"> <div class="MenuButton" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background.gif);"> <div onmouseover="MouseOverMenuItem(this);" onmouseout="MouseOutMenuItem(this);"><div class="Button" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background-over.gif);"></div> <span id="forum_Lights" class="Lights"> <div class="light_lu" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ld" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ru" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> </span> <div id="forum_Icon" class="Icon" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/imagem1.gif);"></div> <div id="forum_Label" class="Label" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/imagem2.gif);"></div> <div id="forum_Extend" class="Extend" style="background-image: url(<?PHP echo $layout_name; ?>/images/general/plus.gif);"></div> </div> </div> </span> <div id="account" class="menuitem"> <span onclick="MenuItemAction('account')"> <div class="MenuButton" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background.gif);"> <div onmouseover="MouseOverMenuItem(this);" onmouseout="MouseOutMenuItem(this);"><div class="Button" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background-over.gif);"></div> <span id="account_Lights" class="Lights"> <div class="light_lu" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ld" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ru" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> </span> <div id="account_Icon" class="Icon" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-account.gif);"></div> <div id="account_Label" class="Label" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/label-account.gif);"></div> <div id="account_Extend" class="Extend" style="background-image: url(<?PHP echo $layout_name; ?>/images/general/plus.gif);"></div> </div> </div> </span> •► Caso você tenha seguido o tópico a risca você ira ter exito, caso não tenha conseguido deixe sua mensagem para mim poder ajuda-lo
Este tópico ainda sofrera atualizações !
-
Yok recebeu reputação de trojjan em [GESIOR] Codigos PHP ! Menus,Submenus•► Tutorial 100% feito por mim: Yok
•► Acredito que este tópico ira ajudar aqueles que tem dificuldades em adicionar Novos Menus, Novos Submenus, edita-los e enfeita-los com frescuras.
•► O código abaixo contem o Menu.
<div id="Nome Do Menu" class="menuitem"> <span onclick="MenuItemAction('nome do menu')"> <div class="MenuButton" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background.gif);"> <div onmouseover="MouseOverMenuItem(this);" onmouseout="MouseOutMenuItem(this);"><div class="Button" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background-over.gif);"></div> <span id="forum_Lights" class="Lights"> <div class="light_lu" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ld" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ru" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> </span> <div id="forum_Icon" class="Icon" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/imagem1.gif);"></div> <div id="forum_Label" class="Label" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/label-forum.gif);"></div> <div id="forum_Extend" class="Extend" style="background-image: url(<?PHP echo $layout_name; ?>/images/general/plus.gif);"></div> </div> </div> </span> •► Sumario: Primeiro você ira editar as seguintes partes do código.
Todas as colocações usando essa tag //-- nao copie, apenas leia <div id="Nome do Menu" //--aqui voce colocara o nome do menu a sua escolha <span onclick="MenuItemAction('nome do menu')"> //--novamente aqui voce ira colocar apenas o nome do menu <precisa ser igual a de cima .= sim precisa> <div id="forum_Icon" class="Icon" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/imagem1.gif);"></div> //-- aqui é onde voce ira modificar o icone que aparecera no seu novo menu. Basta apenas voce entrar no seguinte diretório <C:\xampp\htdocs\layouts\tibiarl\images\menu\>agora voce ira precisar de uma imagem <.GIF> , apos obtela basta apenas voce renomea-la para o nome <imagem1> e colar na pasta <C:\xampp\htdocs\layouts\tibiarl\images\menu\> e pronto seu novo icon estara no menu. <div id="forum_Label" class="Label" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/imagem2.gif);"></div> //-- voce ira repetir o processo de cima porem aqui voce ira colocar a imagem que dara o nome ao seu menu. Você precisara de uma imagem <.GIF> com o nome de <imagem2> •► Adicionando: Para adicionar o Menu ao seu site, vá ate o seguinte diretório <C:\xampp\htdocs\layouts\tibiarl> e abra o seguinte arquivo layout.php. Você encontra linhas de códigos parecidas com essas
<div id="forum_Submenu" class="Submenu"> <a href="?subtopic=forum"> <div id="submenu_forum" class="Submenuitem" onmouseover="MouseOverSubmenuItem(this)" onmouseout="MouseOutSubmenuItem(this)"> <div class="LeftChain" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);"></div> <div id="ActiveSubmenuItemIcon_forum" class="ActiveSubmenuItemIcon" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);"></div> <div id="ActiveSubmenuItemLabel_forum" class="SubmenuitemLabel">Server Forum</div> <div class="RightChain" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);"></div> </div> </a> </div> </div> <div id="account" class="menuitem"> <span onclick="MenuItemAction('account')"> <div class="MenuButton" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background.gif);"> <div onmouseover="MouseOverMenuItem(this);" onmouseout="MouseOutMenuItem(this);"><div class="Button" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background-over.gif);"></div> <span id="account_Lights" class="Lights"> <div class="light_lu" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ld" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ru" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> </span> <div id="account_Icon" class="Icon" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-account.gif);"></div> <div id="account_Label" class="Label" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/label-account.gif);"></div> <div id="account_Extend" class="Extend" style="background-image: url(<?PHP echo $layout_name; ?>/images/general/plus.gif);"></div> </div> </div> </span> •► Se olharem com cuidado vocês verão a linha do Código do Submenu sendo terminada em </div> e começando uma nova linha
<div id="account" class="menuitem">. Diante disso , com seu código já editado você colara ele entre essas duas linhas de códigos.
•► Resultado:
<div id="forum_Submenu" class="Submenu"> <a href="?subtopic=forum"> <div id="submenu_forum" class="Submenuitem" onmouseover="MouseOverSubmenuItem(this)" onmouseout="MouseOutSubmenuItem(this)"> <div class="LeftChain" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);"></div> <div id="ActiveSubmenuItemIcon_forum" class="ActiveSubmenuItemIcon" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);"></div> <div id="ActiveSubmenuItemLabel_forum" class="SubmenuitemLabel">Server Forum</div> <div class="RightChain" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);"></div> </div> </a> </div> </div> <div id="Nome do Menu" class="menuitem"> <span onclick="MenuItemAction('Nome do Menu')"> <div class="MenuButton" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background.gif);"> <div onmouseover="MouseOverMenuItem(this);" onmouseout="MouseOutMenuItem(this);"><div class="Button" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background-over.gif);"></div> <span id="forum_Lights" class="Lights"> <div class="light_lu" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ld" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ru" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> </span> <div id="forum_Icon" class="Icon" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/imagem1.gif);"></div> <div id="forum_Label" class="Label" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/imagem2.gif);"></div> <div id="forum_Extend" class="Extend" style="background-image: url(<?PHP echo $layout_name; ?>/images/general/plus.gif);"></div> </div> </div> </span> <div id="account" class="menuitem"> <span onclick="MenuItemAction('account')"> <div class="MenuButton" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background.gif);"> <div onmouseover="MouseOverMenuItem(this);" onmouseout="MouseOutMenuItem(this);"><div class="Button" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background-over.gif);"></div> <span id="account_Lights" class="Lights"> <div class="light_lu" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ld" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ru" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> </span> <div id="account_Icon" class="Icon" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-account.gif);"></div> <div id="account_Label" class="Label" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/label-account.gif);"></div> <div id="account_Extend" class="Extend" style="background-image: url(<?PHP echo $layout_name; ?>/images/general/plus.gif);"></div> </div> </div> </span> •► Caso você tenha seguido o tópico a risca você ira ter exito, caso não tenha conseguido deixe sua mensagem para mim poder ajuda-lo
Este tópico ainda sofrera atualizações !
-
Yok recebeu reputação de TNTGames em [GESIOR] Codigos PHP ! Menus,Submenus•► Tutorial 100% feito por mim: Yok
•► Acredito que este tópico ira ajudar aqueles que tem dificuldades em adicionar Novos Menus, Novos Submenus, edita-los e enfeita-los com frescuras.
•► O código abaixo contem o Menu.
<div id="Nome Do Menu" class="menuitem"> <span onclick="MenuItemAction('nome do menu')"> <div class="MenuButton" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background.gif);"> <div onmouseover="MouseOverMenuItem(this);" onmouseout="MouseOutMenuItem(this);"><div class="Button" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background-over.gif);"></div> <span id="forum_Lights" class="Lights"> <div class="light_lu" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ld" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ru" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> </span> <div id="forum_Icon" class="Icon" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/imagem1.gif);"></div> <div id="forum_Label" class="Label" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/label-forum.gif);"></div> <div id="forum_Extend" class="Extend" style="background-image: url(<?PHP echo $layout_name; ?>/images/general/plus.gif);"></div> </div> </div> </span> •► Sumario: Primeiro você ira editar as seguintes partes do código.
Todas as colocações usando essa tag //-- nao copie, apenas leia <div id="Nome do Menu" //--aqui voce colocara o nome do menu a sua escolha <span onclick="MenuItemAction('nome do menu')"> //--novamente aqui voce ira colocar apenas o nome do menu <precisa ser igual a de cima .= sim precisa> <div id="forum_Icon" class="Icon" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/imagem1.gif);"></div> //-- aqui é onde voce ira modificar o icone que aparecera no seu novo menu. Basta apenas voce entrar no seguinte diretório <C:\xampp\htdocs\layouts\tibiarl\images\menu\>agora voce ira precisar de uma imagem <.GIF> , apos obtela basta apenas voce renomea-la para o nome <imagem1> e colar na pasta <C:\xampp\htdocs\layouts\tibiarl\images\menu\> e pronto seu novo icon estara no menu. <div id="forum_Label" class="Label" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/imagem2.gif);"></div> //-- voce ira repetir o processo de cima porem aqui voce ira colocar a imagem que dara o nome ao seu menu. Você precisara de uma imagem <.GIF> com o nome de <imagem2> •► Adicionando: Para adicionar o Menu ao seu site, vá ate o seguinte diretório <C:\xampp\htdocs\layouts\tibiarl> e abra o seguinte arquivo layout.php. Você encontra linhas de códigos parecidas com essas
<div id="forum_Submenu" class="Submenu"> <a href="?subtopic=forum"> <div id="submenu_forum" class="Submenuitem" onmouseover="MouseOverSubmenuItem(this)" onmouseout="MouseOutSubmenuItem(this)"> <div class="LeftChain" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);"></div> <div id="ActiveSubmenuItemIcon_forum" class="ActiveSubmenuItemIcon" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);"></div> <div id="ActiveSubmenuItemLabel_forum" class="SubmenuitemLabel">Server Forum</div> <div class="RightChain" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);"></div> </div> </a> </div> </div> <div id="account" class="menuitem"> <span onclick="MenuItemAction('account')"> <div class="MenuButton" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background.gif);"> <div onmouseover="MouseOverMenuItem(this);" onmouseout="MouseOutMenuItem(this);"><div class="Button" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background-over.gif);"></div> <span id="account_Lights" class="Lights"> <div class="light_lu" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ld" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ru" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> </span> <div id="account_Icon" class="Icon" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-account.gif);"></div> <div id="account_Label" class="Label" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/label-account.gif);"></div> <div id="account_Extend" class="Extend" style="background-image: url(<?PHP echo $layout_name; ?>/images/general/plus.gif);"></div> </div> </div> </span> •► Se olharem com cuidado vocês verão a linha do Código do Submenu sendo terminada em </div> e começando uma nova linha
<div id="account" class="menuitem">. Diante disso , com seu código já editado você colara ele entre essas duas linhas de códigos.
•► Resultado:
<div id="forum_Submenu" class="Submenu"> <a href="?subtopic=forum"> <div id="submenu_forum" class="Submenuitem" onmouseover="MouseOverSubmenuItem(this)" onmouseout="MouseOutSubmenuItem(this)"> <div class="LeftChain" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);"></div> <div id="ActiveSubmenuItemIcon_forum" class="ActiveSubmenuItemIcon" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);"></div> <div id="ActiveSubmenuItemLabel_forum" class="SubmenuitemLabel">Server Forum</div> <div class="RightChain" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);"></div> </div> </a> </div> </div> <div id="Nome do Menu" class="menuitem"> <span onclick="MenuItemAction('Nome do Menu')"> <div class="MenuButton" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background.gif);"> <div onmouseover="MouseOverMenuItem(this);" onmouseout="MouseOutMenuItem(this);"><div class="Button" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background-over.gif);"></div> <span id="forum_Lights" class="Lights"> <div class="light_lu" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ld" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ru" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> </span> <div id="forum_Icon" class="Icon" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/imagem1.gif);"></div> <div id="forum_Label" class="Label" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/imagem2.gif);"></div> <div id="forum_Extend" class="Extend" style="background-image: url(<?PHP echo $layout_name; ?>/images/general/plus.gif);"></div> </div> </div> </span> <div id="account" class="menuitem"> <span onclick="MenuItemAction('account')"> <div class="MenuButton" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background.gif);"> <div onmouseover="MouseOverMenuItem(this);" onmouseout="MouseOutMenuItem(this);"><div class="Button" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background-over.gif);"></div> <span id="account_Lights" class="Lights"> <div class="light_lu" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ld" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ru" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> </span> <div id="account_Icon" class="Icon" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-account.gif);"></div> <div id="account_Label" class="Label" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/label-account.gif);"></div> <div id="account_Extend" class="Extend" style="background-image: url(<?PHP echo $layout_name; ?>/images/general/plus.gif);"></div> </div> </div> </span> •► Caso você tenha seguido o tópico a risca você ira ter exito, caso não tenha conseguido deixe sua mensagem para mim poder ajuda-lo
Este tópico ainda sofrera atualizações !
-
Yok recebeu reputação de matheus36000 em [GESIOR] Codigos PHP ! Menus,Submenus•► Tutorial 100% feito por mim: Yok
•► Acredito que este tópico ira ajudar aqueles que tem dificuldades em adicionar Novos Menus, Novos Submenus, edita-los e enfeita-los com frescuras.
•► O código abaixo contem o Menu.
<div id="Nome Do Menu" class="menuitem"> <span onclick="MenuItemAction('nome do menu')"> <div class="MenuButton" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background.gif);"> <div onmouseover="MouseOverMenuItem(this);" onmouseout="MouseOutMenuItem(this);"><div class="Button" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background-over.gif);"></div> <span id="forum_Lights" class="Lights"> <div class="light_lu" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ld" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ru" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> </span> <div id="forum_Icon" class="Icon" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/imagem1.gif);"></div> <div id="forum_Label" class="Label" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/label-forum.gif);"></div> <div id="forum_Extend" class="Extend" style="background-image: url(<?PHP echo $layout_name; ?>/images/general/plus.gif);"></div> </div> </div> </span> •► Sumario: Primeiro você ira editar as seguintes partes do código.
Todas as colocações usando essa tag //-- nao copie, apenas leia <div id="Nome do Menu" //--aqui voce colocara o nome do menu a sua escolha <span onclick="MenuItemAction('nome do menu')"> //--novamente aqui voce ira colocar apenas o nome do menu <precisa ser igual a de cima .= sim precisa> <div id="forum_Icon" class="Icon" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/imagem1.gif);"></div> //-- aqui é onde voce ira modificar o icone que aparecera no seu novo menu. Basta apenas voce entrar no seguinte diretório <C:\xampp\htdocs\layouts\tibiarl\images\menu\>agora voce ira precisar de uma imagem <.GIF> , apos obtela basta apenas voce renomea-la para o nome <imagem1> e colar na pasta <C:\xampp\htdocs\layouts\tibiarl\images\menu\> e pronto seu novo icon estara no menu. <div id="forum_Label" class="Label" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/imagem2.gif);"></div> //-- voce ira repetir o processo de cima porem aqui voce ira colocar a imagem que dara o nome ao seu menu. Você precisara de uma imagem <.GIF> com o nome de <imagem2> •► Adicionando: Para adicionar o Menu ao seu site, vá ate o seguinte diretório <C:\xampp\htdocs\layouts\tibiarl> e abra o seguinte arquivo layout.php. Você encontra linhas de códigos parecidas com essas
<div id="forum_Submenu" class="Submenu"> <a href="?subtopic=forum"> <div id="submenu_forum" class="Submenuitem" onmouseover="MouseOverSubmenuItem(this)" onmouseout="MouseOutSubmenuItem(this)"> <div class="LeftChain" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);"></div> <div id="ActiveSubmenuItemIcon_forum" class="ActiveSubmenuItemIcon" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);"></div> <div id="ActiveSubmenuItemLabel_forum" class="SubmenuitemLabel">Server Forum</div> <div class="RightChain" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);"></div> </div> </a> </div> </div> <div id="account" class="menuitem"> <span onclick="MenuItemAction('account')"> <div class="MenuButton" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background.gif);"> <div onmouseover="MouseOverMenuItem(this);" onmouseout="MouseOutMenuItem(this);"><div class="Button" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background-over.gif);"></div> <span id="account_Lights" class="Lights"> <div class="light_lu" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ld" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ru" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> </span> <div id="account_Icon" class="Icon" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-account.gif);"></div> <div id="account_Label" class="Label" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/label-account.gif);"></div> <div id="account_Extend" class="Extend" style="background-image: url(<?PHP echo $layout_name; ?>/images/general/plus.gif);"></div> </div> </div> </span> •► Se olharem com cuidado vocês verão a linha do Código do Submenu sendo terminada em </div> e começando uma nova linha
<div id="account" class="menuitem">. Diante disso , com seu código já editado você colara ele entre essas duas linhas de códigos.
•► Resultado:
<div id="forum_Submenu" class="Submenu"> <a href="?subtopic=forum"> <div id="submenu_forum" class="Submenuitem" onmouseover="MouseOverSubmenuItem(this)" onmouseout="MouseOutSubmenuItem(this)"> <div class="LeftChain" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);"></div> <div id="ActiveSubmenuItemIcon_forum" class="ActiveSubmenuItemIcon" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);"></div> <div id="ActiveSubmenuItemLabel_forum" class="SubmenuitemLabel">Server Forum</div> <div class="RightChain" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);"></div> </div> </a> </div> </div> <div id="Nome do Menu" class="menuitem"> <span onclick="MenuItemAction('Nome do Menu')"> <div class="MenuButton" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background.gif);"> <div onmouseover="MouseOverMenuItem(this);" onmouseout="MouseOutMenuItem(this);"><div class="Button" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background-over.gif);"></div> <span id="forum_Lights" class="Lights"> <div class="light_lu" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ld" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ru" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> </span> <div id="forum_Icon" class="Icon" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/imagem1.gif);"></div> <div id="forum_Label" class="Label" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/imagem2.gif);"></div> <div id="forum_Extend" class="Extend" style="background-image: url(<?PHP echo $layout_name; ?>/images/general/plus.gif);"></div> </div> </div> </span> <div id="account" class="menuitem"> <span onclick="MenuItemAction('account')"> <div class="MenuButton" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background.gif);"> <div onmouseover="MouseOverMenuItem(this);" onmouseout="MouseOutMenuItem(this);"><div class="Button" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background-over.gif);"></div> <span id="account_Lights" class="Lights"> <div class="light_lu" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ld" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ru" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> </span> <div id="account_Icon" class="Icon" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-account.gif);"></div> <div id="account_Label" class="Label" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/label-account.gif);"></div> <div id="account_Extend" class="Extend" style="background-image: url(<?PHP echo $layout_name; ?>/images/general/plus.gif);"></div> </div> </div> </span> •► Caso você tenha seguido o tópico a risca você ira ter exito, caso não tenha conseguido deixe sua mensagem para mim poder ajuda-lo
Este tópico ainda sofrera atualizações !
-
Yok recebeu reputação de Wakon em [GESIOR] Codigos PHP ! Menus,Submenus•► Tutorial 100% feito por mim: Yok
•► Acredito que este tópico ira ajudar aqueles que tem dificuldades em adicionar Novos Menus, Novos Submenus, edita-los e enfeita-los com frescuras.
•► O código abaixo contem o Menu.
<div id="Nome Do Menu" class="menuitem"> <span onclick="MenuItemAction('nome do menu')"> <div class="MenuButton" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background.gif);"> <div onmouseover="MouseOverMenuItem(this);" onmouseout="MouseOutMenuItem(this);"><div class="Button" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background-over.gif);"></div> <span id="forum_Lights" class="Lights"> <div class="light_lu" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ld" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ru" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> </span> <div id="forum_Icon" class="Icon" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/imagem1.gif);"></div> <div id="forum_Label" class="Label" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/label-forum.gif);"></div> <div id="forum_Extend" class="Extend" style="background-image: url(<?PHP echo $layout_name; ?>/images/general/plus.gif);"></div> </div> </div> </span> •► Sumario: Primeiro você ira editar as seguintes partes do código.
Todas as colocações usando essa tag //-- nao copie, apenas leia <div id="Nome do Menu" //--aqui voce colocara o nome do menu a sua escolha <span onclick="MenuItemAction('nome do menu')"> //--novamente aqui voce ira colocar apenas o nome do menu <precisa ser igual a de cima .= sim precisa> <div id="forum_Icon" class="Icon" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/imagem1.gif);"></div> //-- aqui é onde voce ira modificar o icone que aparecera no seu novo menu. Basta apenas voce entrar no seguinte diretório <C:\xampp\htdocs\layouts\tibiarl\images\menu\>agora voce ira precisar de uma imagem <.GIF> , apos obtela basta apenas voce renomea-la para o nome <imagem1> e colar na pasta <C:\xampp\htdocs\layouts\tibiarl\images\menu\> e pronto seu novo icon estara no menu. <div id="forum_Label" class="Label" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/imagem2.gif);"></div> //-- voce ira repetir o processo de cima porem aqui voce ira colocar a imagem que dara o nome ao seu menu. Você precisara de uma imagem <.GIF> com o nome de <imagem2> •► Adicionando: Para adicionar o Menu ao seu site, vá ate o seguinte diretório <C:\xampp\htdocs\layouts\tibiarl> e abra o seguinte arquivo layout.php. Você encontra linhas de códigos parecidas com essas
<div id="forum_Submenu" class="Submenu"> <a href="?subtopic=forum"> <div id="submenu_forum" class="Submenuitem" onmouseover="MouseOverSubmenuItem(this)" onmouseout="MouseOutSubmenuItem(this)"> <div class="LeftChain" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);"></div> <div id="ActiveSubmenuItemIcon_forum" class="ActiveSubmenuItemIcon" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);"></div> <div id="ActiveSubmenuItemLabel_forum" class="SubmenuitemLabel">Server Forum</div> <div class="RightChain" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);"></div> </div> </a> </div> </div> <div id="account" class="menuitem"> <span onclick="MenuItemAction('account')"> <div class="MenuButton" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background.gif);"> <div onmouseover="MouseOverMenuItem(this);" onmouseout="MouseOutMenuItem(this);"><div class="Button" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background-over.gif);"></div> <span id="account_Lights" class="Lights"> <div class="light_lu" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ld" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ru" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> </span> <div id="account_Icon" class="Icon" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-account.gif);"></div> <div id="account_Label" class="Label" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/label-account.gif);"></div> <div id="account_Extend" class="Extend" style="background-image: url(<?PHP echo $layout_name; ?>/images/general/plus.gif);"></div> </div> </div> </span> •► Se olharem com cuidado vocês verão a linha do Código do Submenu sendo terminada em </div> e começando uma nova linha
<div id="account" class="menuitem">. Diante disso , com seu código já editado você colara ele entre essas duas linhas de códigos.
•► Resultado:
<div id="forum_Submenu" class="Submenu"> <a href="?subtopic=forum"> <div id="submenu_forum" class="Submenuitem" onmouseover="MouseOverSubmenuItem(this)" onmouseout="MouseOutSubmenuItem(this)"> <div class="LeftChain" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);"></div> <div id="ActiveSubmenuItemIcon_forum" class="ActiveSubmenuItemIcon" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);"></div> <div id="ActiveSubmenuItemLabel_forum" class="SubmenuitemLabel">Server Forum</div> <div class="RightChain" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);"></div> </div> </a> </div> </div> <div id="Nome do Menu" class="menuitem"> <span onclick="MenuItemAction('Nome do Menu')"> <div class="MenuButton" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background.gif);"> <div onmouseover="MouseOverMenuItem(this);" onmouseout="MouseOutMenuItem(this);"><div class="Button" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background-over.gif);"></div> <span id="forum_Lights" class="Lights"> <div class="light_lu" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ld" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ru" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> </span> <div id="forum_Icon" class="Icon" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/imagem1.gif);"></div> <div id="forum_Label" class="Label" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/imagem2.gif);"></div> <div id="forum_Extend" class="Extend" style="background-image: url(<?PHP echo $layout_name; ?>/images/general/plus.gif);"></div> </div> </div> </span> <div id="account" class="menuitem"> <span onclick="MenuItemAction('account')"> <div class="MenuButton" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background.gif);"> <div onmouseover="MouseOverMenuItem(this);" onmouseout="MouseOutMenuItem(this);"><div class="Button" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background-over.gif);"></div> <span id="account_Lights" class="Lights"> <div class="light_lu" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ld" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> <div class="light_ru" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);"></div> </span> <div id="account_Icon" class="Icon" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-account.gif);"></div> <div id="account_Label" class="Label" style="background-image:url(<?PHP echo $layout_name; ?>/images/menu/label-account.gif);"></div> <div id="account_Extend" class="Extend" style="background-image: url(<?PHP echo $layout_name; ?>/images/general/plus.gif);"></div> </div> </div> </span> •► Caso você tenha seguido o tópico a risca você ira ter exito, caso não tenha conseguido deixe sua mensagem para mim poder ajuda-lo
Este tópico ainda sofrera atualizações !