Ir para conteúdo

Líderes

Conteúdo Popular

Exibindo conteúdo com a maior reputação em 10/17/15 em todas áreas

  1. Deadpool

    [Tutorial] Mudar miniwidow

    Boa tarde galera, eu mostrei no meu showoff a tela do meu cliente, que pretendo liberar para a galera, porem, recebi mensagens de como fazer aquilo, e como eu vou postar o cliente com o module, resolvi fazer esse tutorial e liberar o module.. Esse module é para mudar a Game Window, para que não conhece, veja um print: Então, vou liberar o entergame já feito, e também vou ensinar como modificar. *Download no fim do topico*, vamos ao tutorial: Tenha em mente a imagem, e então, veja o tamanho dela, feito isso, va no entergame.lua e procure a linha que seta o IP do seu servidor, va está assim: EnterGame.setUniqueServer("127.0.0.1", 7877, 854, 361, 356) Vou explicar a linha toda para que entendam: 127.0.0.1 = IP do server 7877 = port do servidor, no meu caso ta 7877, porque é a porta Linnux. 854 = Versão do cliente/servidor. 361 = Tamanho da game window 356 = largura da game window em outras palavras, 361 e 356 é onde vamos modificar.. Você pega as dimensões da imagem, e coloca no lugar dos mesmos(361 e 356).. Feito isso, salve o entergame.lua e feche. Agora vamos editar a OTUI.. Abra o Entergame.otui e na primeira linha temos isso: EnterGameWindow < MainWindow !text: tr('Enter Game') size: 236 274 Bom, vamos modificar.. Retire essa linha: !text: tr('Enter Game') Nessa função modifique esse tamanho "236 274" para as dimensões da imagem *no caso seria (361 e 356): Antes: size: 236 274 Agora: size: 361 356 Adicione isto em baixo dessa função acima: image-source: enter.png *enter.png é a imagem que estamos usando para colocar no game window, a mesma que a gente pegou as dimensões e modificamos no entergame.lua*, *ela tem que está dentro da pasta onde se localiza o entergame.lua*. pronto, seu cliente já vai ler sua nova window com imagem. *Terá que mudar os lugares de onde coloca senha e conta* É bem simples, basta ir na OTUI e mudar os margin-top* DOWNLOAD ENTERGAME COM NOVA WINDOW: Download OBS: Deixei uns 3 Entergame dentro, se vocês quiserem usar como base, não me importo.. POR FAVOR, NÃO POSTE ESSE TUTORIAL EM OUTRO FÓRUM SEM OS DEVIDOS CRÉDITOS. FUNCIONA EM QUALQUER VERSÃO DO OTCLIENT. OBS: se vocês não souberem editar o entergame, irá bugar. É melhor baixar o que estou disponizilizando, e então mudar somente as dimensões..
    6 pontos
  2. Caronte

    [Show off] Caronte (Daniel)

    Alguns dos poucos: [
    2 pontos
  3. Alissow

    Cachoeira - Como ficou? :)

    Shape muito bom, apenas faltando alguns detalhes. Jungle têm bastante planta pequena, ainda mais perto da água onde há umidade. Mas no geral, tá bom sim.
    2 pontos
  4. Bluester

    [Tutorial] Mudar miniwidow

    REP+ Como sempre você e seus bons conteúdos
    2 pontos
  5. Oi! Estou fazendo umas melhorias no mapa do meu servidor, e gostaria de mostrar à vocês o que estou fazendo. Vou postar um ANTES e DEPOIS de algumas hunts/cidades que irei fazer remake. Cerulean Quest: O motivo de usar auto-border, é que não tenho muita paciência!
    1 ponto
  6. SkyLigh

    Evento Double Exp

    Fala galera tudo bem? Essa semana teve um membro que pediu um evento de double exp até que consegui fazer usando alguns scripts como base, então vamos ao código. INSTALAÇÃO Vá em data/creaturescripts/scripts e em creaturescripts.xml adicione a seguinte tag. <event type="kill" name="ExpBonus" event="script" value="exp.lua"/> Em data/creaturescripts/scripts crie um arquivo .lua e renomeie para exp.lua e adicione o seguinte código. function onKill(cid, target) if isPlayer(cid) and isMonster(target) then if getGlobalStorageValue(102590) - os.time() >= 1 then local exp = getExperienceStage(getPlayerLevel(cid), getVocationInfo(getPlayerVocation(cid)).experienceMultiplier) local count = ((getMonsterInfo(string.lower(getCreatureName(target))).experience*1.5*exp)/2) doPlayerAddExperience(cid, count) addEvent(doSendAnimatedText, 500, getCreaturePosition(cid), '+'..count, math.random(50,60)) end else return TRUE end return TRUE end Agora no data/creaturescripts/scripts e login.lua adicione a seguinte tag. registerCreatureEvent(cid, "ExpBonus") Agora vá em data/talkactions/scripts talkactions.xml <talkaction words="/doubleexp" access="5" event="script" value="exp.lua"/> Em data/talkactions/scripts crie um arquivo.lua e o renomeio para exp.lua e adicione o seguinte código dentro. function onSay(cid, words, param, channel) local config = { storage = 102590, } if(param == 'cancel') then if getGlobalStorageValue(config.storage) > 0 then setGlobalStorageValue(config.storage, -1) doBroadcastMessage("Double Exp cancelado") end return true end param = tonumber(param) if(not param or param < 0) then doPlayerSendCancel(cid, "Digite por quantas horas o evento ira durar") return true end if getGlobalStorageValue(config.storage) - os.time() <= 0 then setGlobalStorageValue(config.storage, os.time()+param*60*60) doBroadcastMessage("Exp bonus ativado 50% + EXP por "..param.." horas! Aproveite.") end return true end COMO UTILIZAR Para ativar o comando digite /doubleexp Quantidade de horas que vai durar o evento Exemplo /doubleexp 3 o evento ira durar por 3 horas. Para cancelar o evento basta digitar /doubleexp cancel apenas os GOD'S podem utilizar os 2 comandos. Créditos --- Pela postagem do tópico e edição nos códigos. --- Por eu tê pego uma parte de um script dele do creaturescripts. Espero que gostem
    1 ponto
  7. Bom tarde galera, venho por meio deste tópico, anuncar que, estou terminando de desenvolver um ATS derivado de Tibia.. Um pokémon server.. Bom, vou postar ShowOff, apenas dos sistemas no qual tem no servidor.. Irei resolvendo os Bugs, e então, quando achar que está bom, liberarei o Download do servidor, junto com as devidas sources. Eu tambem, colocarei uma lista do que foi feito no servidor.. Desde bugs, até novos sistemas. enfim.. Bom, como todos sabem, esse servidor contem os sistemas básicos.. Mas ainda não parei para mexer nos sistemas mais simples.. Changelog: Adicionado nas sources: - DoCreatureSetNick - AutoStacking - Modificado a função AddItem (estava bugando por causa do autostacking..) - Adicionado todas as races pokémons. - Modificado a cor da fala dos groups nos channels. - Adicionado Passive e Agressive, igual o PokeXGames. - Adicionado OnSpawn - Adicionado Pokémon Ghost System - Adicionado GetCreaturePathTo - Adicionado CastSpell Adicionado no servidor: - Novo NPC de mudança de Nick do pokémon; - Peguei função do PDA para alterar nomes dos pokémons shinys, e deixado normal. Ex: Antes: Shiny Tangela. Agora: Tangela. - Adptado/Adicionado sistema de vantagem e desvantagem do PDA. - Copiei as passives do PDA e adpatei para o servidor. - Copiei sistema de vantagem e desvantagem do PDA e adpatei para o servidor. - Adptado/Adicionado o Clan System do PDA. - Sistema de Icon (acabei de adicionar só adicionei 1 icon pra testar mesmo) ^^ - Retirados o S no final dos pokémons selvagens. - Ao morrer, aparece descrição no corpse, indicando o monstro que matou e o nome de quem morreu. - Sistemas basicos (surf, ride, blink etc.) por order Mudanças nas configurações do servidor: -Adicionar/fazer moves, basta fazer igual o PDA. Porem, se você baixar um servidor PDA e pegar a script de "pokémon moves" da LIB, e jogar nesse servidor, não irá funcionar ^^ -Adicionar pokémons, tambem é só adicionar como se fosse um PDA. -Adicionarfazer novas evoluções igual o PDA. -Adicionar/fazer novas passives igual o PDA. Otclient: Peguei OTClient na versão 0.6.5; - Fiz a barrinha de moves funcionar.. - Não vou adicionar pokebar - Transparency funcionando Obs: O Old cliente ainda está usavel, pois não extendi o cliente, nem pretendo extender.. Faltando/Em andamento: Arrumar alguns moves Refazer nurse joy Configurar todos os pokémons e balancear Configurar o Clan Sistema Configurar Spells Confgurar sistema de ovos Retirar uns duplicad Itens Arrumar os sistemas basicos(hoje ainda deixo 100%) OBSERVAÇÕES: Eu não irei postar ainda, pois o mesmo está em andamento, tem muitos bugs na qual estou resolvendo. ***Se alguem quiser me ajudar, basta deixar seu contato. ** Não me precionem plis. * Sou lindo - Irei atualizar todos os dias, e colocar prints e atualizações e modificar o nome do topico com a data de atualização. - NÃO irei mexer no mapa, se alguma alma quiser ajudar, pois bem, deixe seu contato e.e - NÃO tem level sistema. e NÃO é PDA. CREDITOS: Zipter OrochiElf Arkz Elwyn GabrielTxu Sobre os creditos, *Eu peguei um ou mais sistemas, alguns destes me tiraram duvidas e sou grato*. PRINTS: Estou desenvolvendo esse servidor exclusivamente para o XTIBIA, e tambem porque quero ver a galera sair da mermisse do PDA..Durante muito tempo, vi gente criando topicos, pra geral juntar e fazer os sistemas do PDA, ou fazer um servidor que chegue no rastro do PDA.. Então, se alguem quiser me ajudar.. Basta me comunicar.. OBS: Sempre verifiquem as atualizações abaixo, que é onde eu irei editar sempre e postar atualizações, abram os spoilers. ATUALIZAÇÕES: 11/10/2015 00:16 Parei para mexer no Design do Client. novo entergame: Atualização *11/10/2015* Atualização *12/10/2015* *Vou upar os Prints das atualizações e colocar no tópico*
    1 ponto
  8. gonorreiaswat

    Sistema: Cassino Slots

    Bom dia turma, Após um pedido aqui no outro fórum sobre um sistema de Cassino, decidi então criar este e disponibilizar para vocês. Introdução: Bom, este script simula a máquina de Cassino conhecida como Cassino Slots, pra quem não conhece é a máquina que se encontra no spoiler abaixo: Como funciona? O jogador precisa escolher 1 (um) dos 10 (dez) itens disponíveis (da para configurar a quantidade de itens) como seu Item da Sorte, e após feito isso, terá que girar a alavanca e torcer para que a máquina sorteie 3 itens repetidos igual ao que o jogador em questão escolheu. Para tornar um pouco mais fácil de vencer, criei para que a máquina dê pequenos brindes à quem acertar 1 ou 2 itens dos sorteados (configurável). Como jogar? Para jogar é simples, como desenvolvi todo script em apenas um arquivo, para facilitar na criação, na instalação e até mesmo na jogabilidade, o jogo se baseia na posição em que o jogador está para identificar qual ação executar. Selecionar Item da Sorte: com seu personagem virado para baixo (sul), clique na alavanca e automaticamente o item da sorte aparecerá na mesa configurada no script, caso queira outro item, basta ir usando a alavanca até encontrar o item desejado. Como Jogar: Após ter selecionado seu item da sorte, que deve estar à mostra em cima da mesa própria, basta virar seu personagem para cima (norte) e clicar novamente na alavanca. E se virar esquerda ou direita?: Nada acontecerá, apenas uma mensagem ensinando como jogar será enviada para que o jogador se oriente. Dicas de instalação! Sugiro que quando for criar o mapa para o evento, não faça como do vídeo, pois os itens criados nas mesas não estão com atributos para que não possam ser movidos, sendo assim é provável que jogadores de má fé venham a roubar itens... Faça como a imagem abaixo: Instalando: Basta criar um arquivo na pasta “data/actions/scripts” chamado “cassino_slots.lua” e adicionar o código abaixo dentro: Agora em “actions.xml” adicione a tag abaixo: Agora basta configurar de acordo com as informações disponíveis no início do script. Vejam o vídeo demonstrativo do Sistema em funcionamento. Criado por: Adriano Swatt'
    1 ponto
  9. Olá Xtibia.com, Estou aqui para-lhes disponibilizar em torno de 30 Sprites BEM desejadas por todos da autoria do Pokexgames,Motivo da liberação? R:Não curto Muito Pokémon e descompilei o Client da pxg a pedidos esses dias e resolvi postar mais algumas Sprites deles,cheguei a liberar em um outro forum conheçido porém levei ban lá,azar dos usuarios deles neh. Créditos:Eu: pela descompilação,descriptografia,Ripe do Novo gyarados deles e pela liberação. Pokexgames:Pela Criação de todas Spr presente dentro desse pacote. Pretende atualizar? R:Sim. O que contém nesse pacote? R:Corpos,Habilidades e LookType de em torno 30 Pokémons remakes. Uma prints de alguns pokemons no final do topico. Download + Scan: Tudo que contém.
    1 ponto
  10. Refe

    Pokémon Rubrum -- Apresentação

    Acompanhe Updates na nossa Fan Page BLOG Algumas Novidades: [1] Será Feito com Sprites de Game Boy, Nintendo DS e Nintendo 3DS [2] O Mapa será BASEADO em jogos e nos Animes [3] Alguns sistemas Básicos do TIBIA irão permanecer (Houses, Guilds, Etc) [4] Será Adicionado TODAS Gerações, TODOS continentes. [5] Haverá Quests com Personagens do ANIME (Programado: Ash, Misty, May, Dawn, Brock), dos JOGOS (Programado: Red, Jimmy, Diamond) [6] Iremos focar em coisas pedidas pelo pelos jogadores. [7]Sistema de TM/HM [8]Sistema de IV/EVs FLY, RIDE & SURF Vagas: Mapper Spriter Scripter Programador Ficha de inscrição: Equipe: Imagens: Pallet: , Viridian (em Desenvolvimento) Update do dia (12/10/2015) Update dos dias 12/10 e 13/20 Objetivo: Nossa Previsão mais positiva de lançamento é 20/04/2016, Porém caso ocorra algum problema poderá ser alterada, nosso projeto tem menos de um mês, e como estamos fazendo tudo do zero (até o client tibia sem nenhuma sprite TIBIA) estamos nos considerando adiantados. Com o Patrocínio nós procurando a divulgação do projeto, para possíveis colaboradores (sprites, sistemas, etc..) e inspirar a comunidade a não ficar na mesma, e sim fazer coisas diferenciadas
    1 ponto
  11. function onUse(cid, item, fromPosition, itemEx, toPosition) if item.actionid == 32698 then -- item.actionid é o mesmo ID colocado no actions.xml e no RME no baú if getPlayerStorageValue(cid, STORAGE_DA_QUEST) <= 0 then -- STORAGE não pode ser igual à outros baús de quests doPlayerAddItem(cid, 2160, 50) -- 2160 ID do item 50 Quantidade que irá ganhar doPlayerAddItem(cid, 2160, 10) -- 2160 ID do item 10 Quantidade que irá ganhar doPlayerAddExp(cid, 2500) setPlayerStorageValue(cid, STORAGE_DA_QUEST, 1) -- Mesma STORAGE colocada lá em cima doSendMagicEffect(getThingPos(cid), 29) doTeleportThing(cid, getTownTemplePosition(getPlayerTown(cid))) doSendMagicEffect(getThingPos(cid), 27) doSendMagicEffect(getThingPos(cid), 29) return true else doPlayerSendTextMessage(cid, 20, "You already completed this quest!") return true end end end <action actionid="32698" event="script" value="nome_do_script.lua"/> Sobre o mapa: Primeiramente, aconselho colocar seu items.xml e items.otb dentro da pasta 854 do seu RME
    1 ponto
  12. Caronte

    Spell de travar

    Vou fazer, pera aí... Fiz: crie um arquivo.lua em (spells/scripts) Adicione essa tag em (spells.xml) <instant name="travarr" words="trave" lvl="0" mana="0" prem="0" selftarget="1" exhaustion="20000" needlearn="0" script="arquivo.lua"> </instant> Não se esqueça de alterar a tag, como você quiser, coloquei o tempo de exhaust de 20 segundos na tag. Use com sabedoria. AAAA, só adicionando, na minha sincera opinião, 5x5 é muito, uma magia potente dessa, deveria ser no máximo 2x2.
    1 ponto
  13. Ué você num quer uma chest que o player clique, e só pode receber o premio uma vez? Se for o caso você já tem o script da quest ? se tiver poste ele aqui ou caso contrario eu mesmo faço.
    1 ponto
  14. Caronte

    [Show off] Caronte (Daniel)

    é realmente, só que esse faltou terminar também. Eu não terminei porque no concurso o desafiante não apresentou o mapa dele. no primeiro tive que fazer um script só para os monstros falarem juntos.
    1 ponto
  15. Administrador

    [Show off] Caronte (Daniel)

    No segundo há uma carência de sujeira. (Tendo em vista que é um ambiente teoricamente sujo). Ficaram bem agradáveis.
    1 ponto
  16. 1 ponto
  17. Lucas CP

    Erro na spell

    Tenta mudar o if:
    1 ponto
  18. Poste o erro que está dando, se possível, prints da tela
    1 ponto
  19. Deadpool

    [Tutorial] Mudar miniwidow

    Obrigado! haha, tmj
    1 ponto
  20. Deadpool

    [Tutorial] Mudar miniwidow

    O motivo é que a Equipe anda meio parada mas vou editar o post novamente!
    1 ponto
  21. SkyLigh

    [Tutorial] Mudar miniwidow

    Por qual motivo o tutorial foi removido? Pode ser considerado como recusado? Aguardo respostas.
    1 ponto
  22. SkyLigh

    [Encerrado] Host aguenta?

    Não posso lhe afirmar nada... Mais dê uma olhada na ServerSoft eles tem maquinas feitas para servidores de otserv
    1 ponto
  23. O nome desse sistema de agrupação é "auto stacking", podem usar e abusar, rs -> Auto Stacking
    1 ponto
  24. pokemon moves.lua (data/lib): areas.lua: ionDelugeArea = { {0, 0, 1, 1, 1, 0, 0}, {0, 1, 1, 1, 1, 1, 0}, {1, 1, 1, 1, 1, 1, 1}, {1, 1, 1, 2, 1, 1, 1}, {1, 1, 1, 1, 1, 1, 1}, {0, 1, 1, 1, 1, 1, 0}, {0, 0, 1, 1, 1, 0, 0} } exp2.0.lua (data/creaturescripts/scripts): Abaixo de: local damageCombat = combat Coloque: if getPlayerStorageValue(attacker, 2919) > os.time() then damageCombat = ELECTRICDAMAGE end No mesmo arquivo, abaixo de: if isSummon(attacker) and getPlayerStorageValue(getCreatureMaster(attacker), 86228) >= 1 then valor = valor*getClanPorcent(getCreatureMaster(attacker), combat, "atk") elseif isSummon(cid) and getPlayerStorageValue(getCreatureMaster(cid), 86228) >= 1 then valor = valor - (valor*getClanPorcent(getCreatureMaster(cid), combat, "def", pokes[getCreatureName(cid)].type, pokes[getCreatureName(cid)].type2)) end Coloque:
    1 ponto
  25. Masterlokinhon

    Stream Live tfs 1.0 e 1.2

    Olá Xtibianos, Vim trazer sistema de stream para seu site. faça o download dos arquivos: sql stream outfit imagens streamglobalevents Como funciona: Quando o server tiver abrindo ele carrega o mapa e envia para o mysql isso da um delay de 20 segundos +- e ele fica enviando informação da posição dos players para o mysql a cada 1 segundo Adicionar: executes os arquivos na pasta sql no seu banco de dados do seu servidor do tibia extraia a pasta stream para o seu site o arquivo loadplayer.data.php coloque na pasta principal do seu site extraia as pastas outfit e imagens para dentro da pasta stream que você extraiu no seu site extraia a pasta streamglobalevents dentro da pasta globalevents/scripts do seu servidor caso queira usar no tfs 1.2 edite streamloadplayer.lua por esse adicione as seguintes tags no globalevents.xml dentro da pasta globalevents <globalevent name="streamLoadMap" type="startup" script="streamloadmap.lua"/> <globalevent name="streamLoadPlayer" interval="1000" script="streamloadplayer.lua"/> Como usar: configure os arquivos dentro da pasta globalevents aonde estraiu streamloadmap.lua e streamloadplayer.lua local stream = { pos = {x = 1006, y = 993, z = 5}, -- A POSIÇÃO DO CENTRO DA STREAM posmax = {x = 20, y = 16} -- NÃO MUDE NADA }configure o arquivo mysql.php com as informação do seu MYSQL $mysql = mysql_connect("HOST", "USER", "PASSWORD"); if (!$mysql) die ("<h1>ERROR: mysql</h1>"); $db = mysql_select_db("DB"); para adicionar o stream para seu site só colocar include('stream/index.php'); Correções:[21/07/2015] correção de imagens no site [21/07/2015] correção dos nomes no site [21/07/2015] melhoramento no carregamento da página [21/07/2015] bug de carregamento de player no tfs 1.2 [21/07/2015] tfs 1.2 mostra summon e criaturas Imagens: https://youtu.be/DtzIdveeA_U Créditos: EU que fiz o script todo Kamil Karkus por fornecer o outfit.php e as imagens DkAngel - Pelo video
    1 ponto
  26. Categoria: Download de SPRITES Créditos: PokeXGames - PXG Conteúdo: Cliente da PXG referente a data 22/03/2015 descompilado. OBSERVAÇÕES: O cliente deve ser aberto utilizando o OBJECT BUILDER, onde as opções EXTENDED e TRANSPARENCY devem estar marcadas. FOTOS: - DOWNLOAD: MediaFire SCAN: Virustotal
    1 ponto
  27. masdead

    Slider Javascript

    Bom pra começar eu sempre achei que era uma coisa muito difícil mas nesse tutorial vocês vão ver que é uma coisa bem fácil de se fazer Primeiro de tudo criem uma estrutura básica de HTML <html> <head> <title>slider</title> </head> <body> </body> </html> Vamos começar fazendo a parte de javascript, para criar um script javascript você tem que colocar o código entre <script type="text/javascript> SCRIPT </script> e essa parte que citei anteriormente deve ficar entre a tag <head> do HTML <html> <head> <title>slider</title> <script type="text/javascript"> </script> </head> <body> </body> </html> Agora vamos criar uma imagem com um ID <img id="tutorial"> (O conteudo do ID pode ser qualquer um eu coloque tutorial porque não tenho muita criatividade) esse código deve ficar entre a tag body do HTML <html> <head> <title>slider</title> <script type="text/javascript"> </script> </head> <body> <img id="tutorial"> </body> </html> Feito isso vamos começar com o a parte mais interessante o Javascript vamos começar criando uma função (ela deve ficar entre <script type="text/javascript>SCRIPT </script> como disse acima) para criar é fácil só digitar function nomedafunção() (esses parenteses são para definir paremetros não sei direito ainda não programo tão bem, mas nesse tutorial ele não vai conter nada) <html> <head> <title>slider</title> <script type="text/javascript"> function slide1() { } </script> </head> <body> <img id="tutorial"> </body> </html> Fazendo isso nós precisamos recuperar a id em que o javascript será aplicado nós fazemos isso com document.getElementById('idqueseraaplicadoojavascript') se lembram da id em que colocamos na imagem? Então nós vamos usar ela agora <html> <head> <title>slider</title> <script type="text/javascript"> function slide1() { document.getElementById('tutorial') } </script> </head> <body> <img id="tutorial"> </body> </html> Bom como precisamos alterar a imagem a cada slide nós temos que editar o src então só adicionamos um .scr="localização da img que vai ficar como o primeiro slide"; <html> <head> <title>slider</title> <script type="text/javascript"> function slide1() { document.getElementById('tutorial').src="1.png"; } </script> </head> <body> <img id="tutorial"> </body> </html> Feito isso é só adicionar mais slider é só copiar o script e colar, mas lembre-se temos que mudar o nome da função nos outros slides como eu vou fazer com só três slides eu vou copiar e colar mais duas vezes e mudar as funções dos dois últimos slides (slide2() e slide3()) e alterar as imagens que vai mostrar em cada slide. <html> <head> <title>slider</title> <script type="text/javascript"> function slide1() { document.getElementById('tutorial').src="1.png"; } function slide2() { document.getElementById('tutorial').src="1.png"; } function slide3() { document.getElementById('tutorial').src="1.png"; } </script> </head> <body> <img id="tutorial"> </body> </html> Pronto como podem ver não é difícil a parte javascript mas ainda tem algumas coisinhas para fazer o slider funcionar. Para mostrar o slider quando a página carregar precisamos colocar um evento javascript dentro da tag <body> no HTML esse evento é o onLoad="nome da função javascript para carregar" <html> <head> <title>slider</title> <script type="text/javascript"> function slide1() { document.getElementById('tutorial').src="1.png"; } function slide2() { document.getElementById('tutorial').src="1.png"; } function slide3() { document.getElementById('tutorial').src="1.png"; } </script> </head> <body onLoad="slide1()"> <img id="tutorial"> </body> </html> Agora para mudar de slides nós vamos fazer uma lista com pontos e quando o usuário clicar um um dos pontos o slide muda. Para fazer isso é só criar uma lista entre a tag <body> e o fechamento dela, e para fazer uma lista usamos a tag HTML <li></li> <html> <head> <title>slider</title> <script type="text/javascript"> function slide1() { document.getElementById('tutorial').src="1.png"; } function slide2() { document.getElementById('tutorial').src="1.png"; } function slide3() { document.getElementById('tutorial').src="1.png"; } </script> </head> <body onLoad="slide1()"> <img id="tutorial"> <li>♣</li> <li>♣</li> <li>♣</li> </body> </html> Mas ainda não terminou para mudar de slides nós precisamos colocar um evento en cada <li> esse evento javascript é o onClick="". É mais ou menos assim quando o usuário clicar em um dos símbolos o slide muda e dentro desse onClick="" vamos colocar a função de cada slide ficando assim <html> <head> <title>slider</title> <script type="text/javascript"> function slide1() { document.getElementById('tutorial').src="1.png"; } function slide2() { document.getElementById('tutorial').src="1.png"; } function slide3() { document.getElementById('tutorial').src="1.png"; } </script> </head> <body onLoad="slide1()"> <img id="tutorial"> <li onClick="slide1()">♣</li> <li onClick="slide2()">♣</li> <li onClick="slide3()">♣</li> </body> </html> No final o nosso slider e os bang pra mudar de slider fica assim (Está feio ainda tem que aplicar o CSS para ficar bonitinho '-' mas isso é com vocês) Bom o tutorial é isso como podem ver é uma coisa fácil, agora é só aplicar o CSS como vocês quiserem O slider é simples pois eu não sei programar muito ainda mas já da pra usar Espero que tenham gostado se tiverem dicas para implementar o tutorial só falarem e se tiver dúvida é só perguntar também Se tiver erros de português me desculpem também. Download do Slider https://www.mediafire.com/?d01f2xo6q0jwihd Senha para extrair: xtibia
    1 ponto
Líderes está configurado para São Paulo/GMT-03:00
×
×
  • Criar Novo...