Ir para conteúdo
Fórum Script Brasil

Zorba

Membros
  • Total de itens

    13
  • Registro em

  • Última visita

Sobre Zorba

  • Data de Nascimento 07/09/1994

Perfil

  • Gender
    Male

Zorba's Achievements

0

Reputação

  1. Pessoal estou começando um projeto do zero para a minha empresa. Vou descrever basicamente como é a aplicação web: Primeiramente eu vou ter que possuir um website restrito com usuário e senha. Esse web app deve possuir um interface admin e outra para o meu cliente. No lado do admin eu preciso fazer a gestão dos usuário e algumas configurações básicas do sistema. Já na parte dos usuários eu preciso que a aplicação leia alguns dados através de uma REST API/Web Service e mostre esses dados para os clientes com possibilidade de filtragens. Funcionalidades: ADMIN: Gerenciar usuários Relatório de vendas com filtros Relatório Pagamentos/Comissionamentos Gerenciador de Arquivos de Marketing Central de Notificações (lembretes de pagamentos, usuários inativos, relatórios de vendas) - Isso tudo enviado por e-mail e mostrado no web app. Monitoramento de publicações em algumas redes sociais. (isso não é essencial vou implementar mais tarde) USUÁRIO/CLIENTE: Alterar perfil (senha, dados, etc.) Relatório de vendas com filtros Histórico de pagamentos recebidos Acesso aos materiais de Marketing Solicitação de adiantamento de pagamentos Central de notificações (Fechamento de vendas na Semana, Adiantamento, Confirmação de Adiantamento, Pedido de Adiantamento Confirmado, Pagamentos, Pagamento Efetuado, Comissão a receber, Senha Alterada, Usuário alterado) Bom basicamente é isso. Eu gostaria de saber qual a melhor linguagem para realizar tudo isso?? Já trabalhei muito com HTML, JS/jQuery, CSS. Outra dúvida que tenho é se melhor sempre alimentar o sistema lendo os dados toda vez do web service ou armazenar em um banco de dados e ler dele. Sei que pode ser dúvidas muito básica para alguns, mas gostaria de começar o projeto tendo tudo em mente e bem desenhado para não precisar refazer tudo do zero. Um detalhe é que preciso desenvolver em um tempo muito curto de 1 mês. Obrigado pela ajuda, Att.
  2. Bom dia pessoal, Já tenho o Brainstorm de uma aplicação web que vou desenvolver. Porém estou com dúvidas em qual linguagem de programação utilizar. Eu vou descrever resumidamente o que preciso e gostaria que vocês aqui do fórum com o conhecimento que tem me indiquem qual a melhor linguagem para utilizar. Bom basicamente o que vou desenvolver é um website, um portal para os parceiros da minha empresa, nele eles vão poder acompanhar relatórios das vendas que eles fizerem, compras, clientes que eles possuem, listar os pedidos, cadastrar clientes, cupons de desconto, enfim várias funcionalidades. Nesse mesmo portal eu preciso que seja possível configurar algumas métricas e limitações para esses parceiros. Resumindo eu vou pegar dados de vendas de uma plataforma online através de uma REST API ou WEBSERVICE, e trazer esses dados para os parceiros. E também vou precisar armazenar algumas informações desses parceiros em um banco de dados. O que estou pensando é em construir da seguinte forma, visto que tenho vasto conhecimento em HTML, CSS, JavaScript e um certo conhecimento em JAVA. Então eu gostaria da opinião e dica de todos vocês. Cliente-side: o basicão né, HTML + CSS + JAVASCRIPT + AJAX, ai aqui penso em utilizar um jQuery, Bootstrap, SaSS e/ou alguma biblioteca/framework para facilitar e otimizar o desenvolvimento. Aqui gostaria de algumas sugestões, ou a opinião se essa base está boa. Ajax através do jQuery será utilizado para carregar as informações através do webservice. Server-side: pensei em utilizar JAVASCRIPT através do node.js para realizar requisições no lado do servidor. Tenho conhecimento também em C, sei que é uma linguagem muito rápida, porém levaria muito tempo para desenvolver. E o que preciso é fazer esse portal para ontem. Resumindo eu gostaria de saber se consigo trabalhar tudo isso somente com o client-side. Não sei ao certo a possibilidade quanto a isso. Então, estou aberto a sugestões. Obrigado, Att.
  3. Pessoal seguinte já consegui o script para pegar todas as imagens de um determinado album por meio de javascript... Porém oque quero é pegar apenas a imagem da capa desse album para colocá-la como link... Como faço para buscar a capa??? Obrigado pela ajuda, Att. Mateus. Obs.: sou meio leigo no assunto, em relaçao a java, consegui o script pronto, apenas alterei o usuário... Sei programar em C, php e html... Se possível exemplificar ficaria mais fácil para mim!!
  4. Zorba

    Problema ColorBox

    Pessoal não consegui resolver o problema do colorbox não achei nem se quer uma vírgula fora do lugar no código... Então resolvi trocar o plugin e utilizei o fancybox, e pronto meus problemas acabaram. Obrigado, pode fechar o tópico!
  5. Pessoal seguinte montei um website usando jquery, e usei o colorbox pra abrir um pop-up com um slideshow, só que o problema é o seguinte ele não abre no chorme nem no IE, no firefox abre e funciona normalmente... O erro que aparece é o seguiinte: This contente failed to Load. Já verifiquei o código, tentei css clear e nada faz o trem funcionar... Segue o código: Página onde consta as imagens que quando clicadas abrem o pop-up com o color-box: (albuns.html) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link rel="shortcut icon" href="imagens/favicon.ico"/> <link rel="stylesheet" href="css/colorbox.css" /> &lt;script type="text/javascript" src="Jquery/jquery.js"></script> &lt;script type="text/javascript" src="Scripts/jquery.colorbox.js"></script> <!-- ColorBox --> &lt;script> $(document).ready(function(){ //Examples of how to assign the ColorBox event to elements $(".group1").colorbox({rel:'group1', transition:"fade"}); $(".group2").colorbox({rel:'group2', transition:"fade"}); $(".group3").colorbox({rel:'group3', transition:"fade"}); $(".group4").colorbox({rel:'group4', transition:"fade"}); $(".group5").colorbox({rel:'group5', transition:"fade"}); $(".group6").colorbox({rel:'group6', transition:"fade"}); $(".group7").colorbox({rel:'group7', transition:"fade"}); $(".group8").colorbox({rel:'group8', transition:"fade"}); $(".group9").colorbox({rel:'group9', transition:"fade"}); }); </script> <!-- Google Analytics --> &lt;script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-29537800-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <!-- Menu --> <style> body { font-family:Arial, Helvetica, Sans-Serif; font-size:12px; margin:0px 20px;} /* menu */ #menu{ margin:0px; padding:0px; list-style:none; color:#fff; line-height:45px; display:inline-block; float:left; z-index:1000; } #menu a { color:#fff; text-decoration:none; } #menu > li {background:#172322 none repeat scroll 0 0; cursor:pointer; float:left; position:relative;padding:0px 10px;} #menu > li a:hover {color:#B0D730;} #menu .logo {background:transparent none repeat scroll 0% 0%; padding:0px; background-color:Transparent;} /* sub-menus*/ #menu ul { padding:0px; margin:0px; display:block; display:inline;} #menu li ul { position:absolute; left:-10px; top:0px; margin-top:45px; width:150px; line-height:16px; background-color:#172322; color:#0395CC; /* for IE */ display:none; } #menu li:hover ul { display:block;} #menu li ul li{ display:block; margin:5px 20px; padding: 5px 0px; border-top: dotted 1px #606060; list-style-type:none; } #menu li ul li:first-child { border-top: none; } #menu li ul li a { display:block; color:#0395CC; } #menu li ul li a:hover { color:#7FCDFE; } /* main submenu */ #menu #main { left:0px; top:-20px; padding-top:20px; background-color:#fff; color:#000; z-index:999;} /* search */ .searchContainer div { background-color:#fff; display:inline; padding:5px;} .searchContainer input[type="text"] {border:none;} .searchContainer img { vertical-align:middle;} /* corners*/ #menu .corner_inset_left { position:absolute; top:0px; left:-12px;} #menu .corner_inset_right { position:absolute; top:0px; left:150px;} #menu .last { background:transparent none repeat scroll 0% 0%; margin:0px; padding:0px; border:none; position:relative; border:none; height:0px;} #menu .corner_left { position:absolute; left:0px; top:0px;} #menu .corner_right { position:absolute; left:132px; top:0px;} #menu .middle { position:absolute; left:18px; height: 20px; width: 115px; top:0px;} </style> </head> <body bgcolor="#333333" text="#CCCCCC" link="#FFFFFF" vlink="#990000"> <div align="center"> <ul id="menu"> <li class="logo"> <a href="home.html"><img src="Imagens/menu_left.png" alt="" style="float:left;"/></a> </li> <li><a href="home.html">Home</a> </li> <li><a href="fotos.html">Fotos</a> </li> <li><a href="albuns.html">Álbuns</a> </li> <li><a href="http://sagginfotografias.blogspot.com.br/">Blog</a> </li> <li><a href="contato.html">Contato</a> </li> <li><a href="restrita.html">Área Restrita</a> </li> </ul> <img style="float:left;" alt="" src="Imagens/menu_right.png"/> </div> <div style="float:none; clear:both;"></div> <table width="100%" height="100%" border="0" align="center"> <tr> <td></td> <td id="principal" width="80%" height="394" align="center"><div style="margin-top:10px;" align="center"><table align="center" width="800" height="541" border="0"> <tr> <td align="center" height="177" width="263"><p><a class="group1" href="album1.html"><img src="Imagens/Albuns/Icones/1.jpg" width="230" height="156" /></a></p></td> <td rowspan="5"><img align="left" src="Imagens/linha.png" width="5" height="510" /></td> <td align="center" height="177" width="263"><p><a class="group2" href="album2.html"><img src="Imagens/Albuns/Icones/2.jpg" width="230" height="156" /></a></p></td> <td rowspan="5"><img align="left" src="Imagens/linha.png" width="5" height="510" /></td> <td height="177" width="263"> </td> </tr> <tr> <td align="center" colspan="5"><img src="Imagens/linha1.png" width="750" height="5" /></td> </tr> <tr> <td height="177" width="263"> </td> <td height="177" width="263"> </td> <td height="177" width="263"> </td> </tr> <tr> <td align="center" colspan="5"><img src="Imagens/linha1.png" width="750" height="5" /></td> </tr> <tr> <td height="177" width="263"> </td> <td height="177" width="263"> </td> <td height="177" width="263"> </td> </tr> </table></div></td> <td></td> </tr> <tr> <td height="47" colspan="3"><center><h5>© Saggin Fotografias | Todos os direitos reservados | Proibida a reprodução sem autorização | Produzido por Mateus Augusto Saggin</h5> </center></td> </tr> </table> </body> </html> Páginas que são abertas usando o color box: (album1 e album2) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Álbum 1</title> &lt;script type="text/javascript" src="Jquery/jquery.js"></script> &lt;script src="galleria/galleria-1.2.5.min.js"></script> <!-- Galleria --> <style> /* This rule is read by Galleria to define the gallery height: */ #galleria{ width:820px; padding:4px; height:560px;margin:0px auto;} </style> </head> <body> <div align="center" id="galleria" style="margin-top:10px;"> <a href="Imagens\Fotos\1.jpg"> <img title="" alt="" src="Imagens\Fotos\Miniaturas\1.jpg"> </a> <a href="Imagens\Fotos\2.jpg"> <img title="" alt="" src="Imagens\Fotos\Miniaturas\2.jpg"> </a> <a href="Imagens\Fotos\3.jpg"> <img title="" alt="" src="Imagens\Fotos\Miniaturas\3.jpg"> </a> <a href="Imagens\Fotos\4.jpg"> <img title="" alt="" src="Imagens\Fotos\Miniaturas\4.jpg"> </a> <a href="Imagens\Fotos\5.jpg"> <img title="" alt="" src="Imagens\Fotos\Miniaturas\5.jpg"> </a> <a href="Imagens\Fotos\6.jpg"> <img title="" alt="" src="Imagens\Fotos\Miniaturas\6.jpg"> </a> <a href="Imagens\Fotos\7.jpg"> <img title="" alt="" src="Imagens\Fotos\Miniaturas\7.jpg"> </a> <a href="Imagens\Fotos\8.jpg"> <img title="" alt="" src="Imagens\Fotos\Miniaturas\8.jpg"> </a> <a href="Imagens\Fotos\9.jpg"> <img title="" alt="" src="Imagens\Fotos\Miniaturas\9.jpg"> </a> <a href="Imagens\Fotos\10.jpg"> <img title="" alt="" src="Imagens\Fotos\Miniaturas\10.jpg"> </a> <a href="Imagens\Fotos\11.jpg"> <img title="" alt="" src="Imagens\Fotos\Miniaturas\11.jpg"> </a> <a href="Imagens\Fotos\12.jpg"> <img title="" alt="" src="Imagens\Fotos\Miniaturas\12.jpg"> </a> </div> &lt;script> // Load the twelve theme Galleria.loadTheme('galleria/themes/twelve/galleria.twelve.min.js'); // Initialize Galleria $('#galleria').galleria(); </script> </body> </html> e............... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Álbum 1</title> &lt;script type="text/javascript" src="Jquery/jquery.js"></script> &lt;script src="galleria/galleria-1.2.5.min.js"></script> <!-- Galleria --> <style> /* This rule is read by Galleria to define the gallery height: */ #galleria{ width:820px; padding:4px; height:560px;margin:0px auto;} </style> </head> <body> <div align="center" id="galleria" style="margin-top:10px;"> <a href="Imagens\Fotos\1.jpg"> <img title="" alt="" src="Imagens\Fotos\Miniaturas\1.jpg"> </a> <a href="Imagens\Fotos\2.jpg"> <img title="" alt="" src="Imagens\Fotos\Miniaturas\2.jpg"> </a> <a href="Imagens\Fotos\3.jpg"> <img title="" alt="" src="Imagens\Fotos\Miniaturas\3.jpg"> </a> <a href="Imagens\Fotos\4.jpg"> <img title="" alt="" src="Imagens\Fotos\Miniaturas\4.jpg"> </a> <a href="Imagens\Fotos\5.jpg"> <img title="" alt="" src="Imagens\Fotos\Miniaturas\5.jpg"> </a> <a href="Imagens\Fotos\6.jpg"> <img title="" alt="" src="Imagens\Fotos\Miniaturas\6.jpg"> </a> <a href="Imagens\Fotos\7.jpg"> <img title="" alt="" src="Imagens\Fotos\Miniaturas\7.jpg"> </a> <a href="Imagens\Fotos\8.jpg"> <img title="" alt="" src="Imagens\Fotos\Miniaturas\8.jpg"> </a> <a href="Imagens\Fotos\9.jpg"> <img title="" alt="" src="Imagens\Fotos\Miniaturas\9.jpg"> </a> <a href="Imagens\Fotos\10.jpg"> <img title="" alt="" src="Imagens\Fotos\Miniaturas\10.jpg"> </a> <a href="Imagens\Fotos\11.jpg"> <img title="" alt="" src="Imagens\Fotos\Miniaturas\11.jpg"> </a> <a href="Imagens\Fotos\12.jpg"> <img title="" alt="" src="Imagens\Fotos\Miniaturas\12.jpg"> </a> </div> &lt;script> // Load the twelve theme Galleria.loadTheme('galleria/themes/twelve/galleria.twelve.min.js'); // Initialize Galleria $('#galleria').galleria(); </script> </body> </html>
  6. Alguém poderia me ajudar, com essa questão?? Ficaria muito grato.
  7. Está o link pra ele <link rel="stylesheet" href="css/orbit.css">... Assim ele carrega as funcionalidades timer, mover para a proxima imagem, porém as imagens referentes a cada recursos não são mostradas no website... Eu achei que o caminho das imagens no css estava errado, mas esta correto... A imagem de loading que é "carregada" nesta parte do codigo: <style type="text/css"> #featured { width: 800px; height: 541px; background: #000 url('orbit/loading.gif') no-repeat center center; overflow: hidden; } #featured img, #featured div { display: none; } </style> roda normalmente portem as outras que seriam: bullets, left-arrow, right-arrow, pause-black, etc... Não são carregadas.
  8. Obrigado pela ajuda Jagua, mas acebei achano outro slideshow pronto na internet... Só que o problema agora é que as imagens que são utilizadas no times e as flechas para passar as imagens para frente ou para traz não estão carregando... Segue abaixo o código e o site do plugin... site plugin: http://www.zurb.com/playground/jquery_image_slider_plugin <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link rel="shortcut icon" href="imagens/favicon.ico"/> <script type="text/javascript" src="Jquery/jquery.js"></script> <script src="Jquery/jquery.orbit.min.js" type="text/javascript"></script> <link rel="stylesheet" href="css/orbit.css"> <!-- Slider --> <script type="text/javascript"> $(window).load(function() { $('#featured').orbit({ animation: 'fade', // fade, horizontal-slide, vertical-slide, horizontal-push animationSpeed: 800, // how fast animtions are timer: true, // true or false to have the timer advanceSpeed: 4000, // if timer is enabled, time between transitions pauseOnHover: false, // if you hover pauses the slider startClockOnMouseOut: false, // if clock should start on MouseOut startClockOnMouseOutAfter: 1000, // how long after MouseOut should the timer start again directionalNav: true, // manual advancing directional navs captions: true, // do you want captions? captionAnimation: 'fade', // fade, slideOpen, none captionAnimationSpeed: 800, // if so how quickly should they animate in bullets: true, // true or false to activate the bullet navigation bulletThumbs: true, // thumbnails for the bullets bulletThumbLocation: 'orbit/', // location from this file where thumbs will be afterSlideChange: function(){} // empty function }); }); </script> <style type="text/css"> #featured { width: 800px; height: 541px; background: #000 url('orbit/loading.gif') no-repeat center center; overflow: hidden; } #featured img, #featured div { display: none; } </style> <!-- Menu --> <style> body { font-family:Arial, Helvetica, Sans-Serif; font-size:12px; margin:0px 20px;} /* menu */ #menu{ margin:0px; padding:0px; list-style:none; color:#fff; line-height:45px; display:inline-block; float:left; z-index:1000; } #menu a { color:#fff; text-decoration:none; } #menu > li {background:#172322 none repeat scroll 0 0; cursor:pointer; float:left; position:relative;padding:0px 10px;} #menu > li a:hover {color:#B0D730;} #menu .logo {background:transparent none repeat scroll 0% 0%; padding:0px; background-color:Transparent;} /* sub-menus*/ #menu ul { padding:0px; margin:0px; display:block; display:inline;} #menu li ul { position:absolute; left:-10px; top:0px; margin-top:45px; width:150px; line-height:16px; background-color:#172322; color:#0395CC; /* for IE */ display:none; } #menu li:hover ul { display:block;} #menu li ul li{ display:block; margin:5px 20px; padding: 5px 0px; border-top: dotted 1px #606060; list-style-type:none; } #menu li ul li:first-child { border-top: none; } #menu li ul li a { display:block; color:#0395CC; } #menu li ul li a:hover { color:#7FCDFE; } /* main submenu */ #menu #main { left:0px; top:-20px; padding-top:20px; background-color:#fff; color:#000; z-index:999;} /* corners*/ #menu .corner_inset_left { position:absolute; top:0px; left:-12px;} #menu .corner_inset_right { position:absolute; top:0px; left:150px;} #menu .last { background:transparent none repeat scroll 0% 0%; margin:0px; padding:0px; border:none; position:relative; border:none; height:0px;} #menu .corner_left { position:absolute; left:0px; top:0px;} #menu .corner_right { position:absolute; left:132px; top:0px;} #menu .middle { position:absolute; left:18px; height: 20px; width: 115px; top:0px;} </style> </head> <body bgcolor="#333333" text="#CCCCCC" link="#FFFFFF" vlink="#990000"> <div align="center" style="margin-left:50px;"> <ul id="menu"> <li class="logo"> <img src="Imagens/menu_left.png" alt="" style="float:left;"/> </li> <li><a href="#">Home</a> </li> <li><a href="#">Fotos</a> </li> <li><a href="#">Álbuns</a> </li> <li><a href="#">Blog</a> </li> <li><a href="#">Contato</a> </li> </ul> <img style="float:left;" alt="" src="Imagens/menu_right.png"/> </div> <div style="float:none; clear:both;"></div> <table width="100%" height="100%" border="0"> <tr> <td></td> <td align="center" id="principal" width="80%" height="541"> <div align="center" id="featured"> <img src="Imagens\Slide\1.jpg" alt="" /> <img src="Imagens\Slide\2.jpg" alt="" /> <img src="Imagens\Slide\3.jpg" alt="" /> </div> </td> <td></td> </tr> <tr> </tr> </table> </body> </html>
  9. Cara seguinte eu coloquei as # e não deu certo, tipo ele centraliza, só que as imagens ficam uma embaixo da outra... O que será que tem de errado?? Obrigado, abraços
  10. Entendi o que quis dizer Jagua. Eu coloquei aqui e mesmo assim não funcionou, teria como tu postar como ficou o código para eu comparar com o meu e ver se esqueci de algo??? Obrigado pela ajuda até agora, abraços. EDIT: Consegui arrumar aqui, tinha escrito uma linha errado... Vlw obrigadão pela ajuda!!
  11. Opa obirgado por responder Jagua, O rotador ta funcionando normal, a unica coisa e que as imagens não ficam centralizadas na página... Adicionei a tag align a div como tu mostou e mesmo assim não centralizou... Estou usando uma imagem 500x313 e 720x300. O que teria de estranho?? obrigado, att Mateus
  12. PEssoal seguinte eu não estou conseguindo centralizar o slide show da página inicial ele fico todo para a direita. Já tentei tudo e mais um pouco... margin: 0 auto; margin-left/right: auto; nada nada se puderem me ajudar agradeço... Segue código: <link rel="shortcut icon" href="imagens/favicon.ico"/> <link rel="stylesheet" href="css/slide.css" type="text/css" media="screen"/> <script type="text/javascript" src="Jquery/jquery.js"></script> <script type="text/javascript" src="Scripts/slide.js"></script> <!-- Body --> <style> body { font-family:Arial, Helvetica, Sans-Serif; font-size:12px; margin:0px 20px; background-color:#333; text-align:center; } </style> <!-- Slider --> <style type="text/css"> /* rotator in-page placement */ div.rotator { position:relative; height:345px; margin-left: 220px; display: none; } /* rotator css */ div.rotator ul li { float:left; position:absolute; list-style: none; } /* rotator image style */ div.rotator ul li img { border:1px solid #ccc; padding: 4px; background: #FFF; } div.rotator ul li.show { z-index:500 } </style> <script type="text/javascript"> function theRotator() { //Set the opacity of all images to 0 $('div.rotator ul li').css({opacity: 0.0}); //Get the first image and display it (gets set to full opacity) $('div.rotator ul li:first').css({opacity: 1.0}); //Call the rotator function to run the slideshow, 6000 = change to next image after 6 seconds setInterval('rotate()',6000); } function rotate() { //Get the first image var current = ($('div.rotator ul li.show')? $('div.rotator ul li.show') : $('div.rotator ul li:first')); if ( current.length == 0 ) current = $('div.rotator ul li:first'); //Get next image, when it reaches the end, rotate it back to the first image var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div.rotator ul li:first') :current.next()) : $('div.rotator ul li:first')); //Un-comment the 3 lines below to get the images in random order //var sibs = current.siblings(); //var rndNum = Math.floor(Math.random() * sibs.length ); //var next = $( sibs[ rndNum ] ); //Set the fade in effect for the next image, the show class has higher z-index next.css({opacity: 0.0}) .addClass('show') .animate({opacity: 1.0}, 1000); //Hide the current image current.animate({opacity: 0.0}, 1000) .removeClass('show'); }; $(document).ready(function() { //Load the slideshow theRotator(); $('div.rotator').fadeIn(1000); $('div.rotator ul li').fadeIn(1000); // tweek for IE }); </script> <!-- Menu --> <style> /* menu */ #menu{ margin:0px; padding:0px; list-style:none; color:#fff; line-height:45px; display:inline-block; float:left; z-index:1000; } #menu a { color:#fff; text-decoration:none; } #menu > li {background:#172322 none repeat scroll 0 0; cursor:pointer; float:left; position:relative;padding:0px 10px;} #menu > li a:hover {color:#B0D730;} #menu .logo {background:transparent none repeat scroll 0% 0%; padding:0px; background-color:Transparent;} /* sub-menus*/ #menu ul { padding:0px; margin:0px; display:block; display:inline;} #menu li ul { position:absolute; left:-10px; top:0px; margin-top:45px; width:150px; line-height:16px; background-color:#172322; color:#0395CC; /* for IE */ display:none; } #menu li:hover ul { display:block;} #menu li ul li{ display:block; margin:5px 20px; padding: 5px 0px; border-top: dotted 1px #606060; list-style-type:none; } #menu li ul li:first-child { border-top: none; } #menu li ul li a { display:block; color:#0395CC; } #menu li ul li a:hover { color:#7FCDFE; } /* main submenu */ #menu #main { left:0px; top:-20px; padding-top:20px; background-color:#fff; color:#000; z-index:999;} /* search */ .searchContainer div { background-color:#fff; display:inline; padding:5px;} .searchContainer input[type="text"] {border:none;} .searchContainer img { vertical-align:middle;} /* corners*/ #menu .corner_inset_left { position:absolute; top:0px; left:-12px;} #menu .corner_inset_right { position:absolute; top:0px; left:150px;} #menu .last { background:transparent none repeat scroll 0% 0%; margin:0px; padding:0px; border:none; position:relative; border:none; height:0px;} #menu .corner_left { position:absolute; left:0px; top:0px;} #menu .corner_right { position:absolute; left:132px; top:0px;} #menu .middle { position:absolute; left:18px; height: 20px; width: 115px; top:0px;} </style> </head> <body> <div align="center" style="margin-left:50px;"> <ul id="menu"> <li class="logo"> <a href="home.html"><img src="Imagens/menu_left.png" alt="" style="float:left;"/></a> </li> <li><a href="home.html">Home</a> </li> <li><a href="fotos.html">Fotos</a> </li> <li><a href="albuns.html">Álbuns</a> </li> <li><a href="http://sagginfotografias.blogspot.com.br/">Blog</a> </li> <li><a href="contato.html">Contato</a> </li> <li><a href="restrita.html">Área Restrita</a> </li> </ul> <img style="float:left;" alt="" src="Imagens/menu_right.png"/> </div> <div style="float:none; clear:both;"></div> <table class="alinhamento" width="100%" height="100%" border="0"> <tr> <td></td> <td id="principal" width="80%" height="394"> <div class="rotator"> <ul> <li class="show"><img src="Imagens/Slide/1.jpg" width="720" height="300" alt="pic1" /></li> <li><img src="Imagens/Slide/2.jpg" width="500" height="313" alt="pic2" /></li> <li><img src="Imagens/Slide/3.jpg" width="500" height="313" alt="pic3" /></li> <li><img src="Imagens/Slide/4.jpg" width="500" height="313" alt="pic4" /></li> <li><img src="Imagens/Slide/5.jpg" width="500" height="313" alt="pic5" /></li> <li><img src="Imagens/Slide/6.jpg" width="500" height="313" alt="pic6" /></li> <li><img src="Imagens/Slide/7.jpg" width="500" height="313" alt="pic7" /></li> <li><img src="Imagens/Slide/8.jpg" width="500" height="313" alt="pic8" /></li> <li><img src="Imagens/Slide/9.jpg" width="500" height="313" alt="pic9" /></li> </ul> </div> </td> <td></td> </tr> </table> </body> </html>
  13. Então pessoal eu preciso criar um plugin eu tenho a base dele. Bom seguinte eu vou mandar a logica e se alguém puder me ajudar, depois eu adiciono as regras conforme o banco de dados do plugin principal! Eu preciso fazer o seguinte: preciso rodar um FOR em todos o players do servidor para pegar os xp's de cada um. Depois jogar esses dados em uma matriz que vai ordenar esses players de acordo com o xp de cada um ai setaria o seu time (CT ou TR), e no final do for colocar um freeze para impedir TK (end round) O jogo seria counter-strike, plugin superhero mod! Obs: eu tentei criar mas não deu muito certo ;x.. Linguagem: Pawn Grato pela ajuda! Att. Mateus
×
×
  • Criar Novo...