Pesquisar na Comunidade

Mostrando resultados para as tags ''jquery''.

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Fóruns

  • Comunidade
    • Anúncios
    • Apresentações
    • Sugestões
    • Suporte (Tickets)
    • Lixeira do fórum
  • Patrocínios
    • Mt2Portugalia
  • Hardware e Software
    • Android
    • Hardware
    • Windows
  • Ensino
    • Programação
    • Web Design
    • Ensino Escolar
  • Gaming
    • Computador
    • Consolas
  • Gerenciamento de Servidores e Clientes
    • Metin2
    • League of Legends
    • Minecraft
    • Counter-Strike
    • Pokémon GO
    • MMORPGs
    • Browser
    • First-person shooter (FPS)
  • Design World
    • Discussão - Design
    • Galeria de Arte
    • Pedidos de Designer
    • Tutoriais - Design
    • Recursos
  • WebMaster
    • Geral
    • Alojamento Web
    • Plataformas Web
  • Área 51
    • Sobrenatural e Teorias
    • Mundo Premium
    • Hacktivistas e Hacking
  • Discussão Geral
    • Notícias
    • Automóveis & Motos
    • Desporto
    • Entretenimento
    • Anúncios e Comércio
    • FunZone
    • Off-Tópic

Product Groups

  • Publicidade
  • Ranks de Doação
    • Membro de Honra
    • Menina de Honra
    • Membro Premium
  • Serviços
    • [Legacy] MT
    • [Legacy] Servidores Web

Categorias

  • Android
    • Aplicações
    • Jogos
  • Música
    • Hip-Hop
  • Metin2
    • Website
    • Código
    • Recursos
    • Cliente
    • Server Files 'reloaded'
  • Windows
    • Releases
    • Aplicações
    • Jogos PC
  • WebMaster

Encontrar resultados em...

Encontrar resultados que...


Data de Criação

  • Início

    FIM


Data de Atualização

  • Início

    FIM


Filtrar pelo número de...

Data de Registo

  • Início

    FIM


Grupo


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Localizaçao


Sobre mim

Encontrado 2 registos

  1. CURSO BOOTSTRAP 3 - HTML JQUERY CSS - INFINITE SKILLS [EM INGLÊS] O curso aborda o FRAMEWORK Bootstrap 3 muito utilizado por diversas empresas para desenvolver interfaces para web de uma maneira rápída e eficiente. O framework possui diversas classes prontas que agilizam o desenvolvimento. Genero: Curso Programação Web AUTOR: Mark Shufflebottom - INFINITE SKILLS Tamanho: 469 MB Lançamento: 20/11/2013 Tempo do curso: 50 aulas - 2.75H Formato: MP4 Resolução: 1280 x 800 - WEBRIP codec: h264 idioma: Inglês - SEM LEGENDAS Fonte: Arquivo pessoal DOWNLOAD 01. Introduction [*]0101 Introduction To Bootstrap [*]0102 What To Expect [*]0103 The Site Build Plan [*]0104 How To Access Your Working Files 02. Setting Up Bootstrap [*]0201 Examining The Framework Files [*]0202 Documentation Overview 03. The Grid System [*]0301 Using Containers [*]0302 Coding Rows And Columns In HTML [*]0303 The Grid [*]0304 Controlling The Grid Across Devices [*]0305 Column Offsets [*]0306 Using Nested Columns [*]0307 Column Ordering 04. Responsive Helpers [*]0401 Responsive Images [*]0402 Responsive Utility Classes [*]0403 Media Queries and Breakpoints 05. Site Structure [*]0501 Building A NavBar [*]0502 Fixing The NavBar To The Top Of The Browser [*]0503 NavBar Dropdowns [*]0504 Building the Intro Section [*]0505 Building The Marketing Panel [*]0506 Button Options [*]0507 Building The Info Panel [*]0508 Block Quote [*]0509 Togglable Tabs [*]0510 Glyphicons [*]0511 Building The Footer [*]0512 Using Custom Typography 06. The Home Page [*]0601 Image Carousel [*]0602 Carousel Navigation [*]0603 Four Column Grid 07. The Blog Page [*]0701 Setting up the grid structure [*]0702 Adding the blog entries [*]0703 Pagination Component [*]0704 Search Box Inline Form [*]0705 Using List Groups [*]0706 Media Component 08. The Clients Page [*]0801 Setting The Grid [*]0802 Thumbnails [*]0803 Tooltips [*]0804 Collapse Panels 09. The Contact Page [*]0901 Setting The Grid [*]0902 Adding a Google Map [*]0903 Horizontal Forms [*]0904 Modals [*]0905 Building The Sidebar 10. Customizing Bootstrap [*]1001 Customizing The Download [*]1002 Customizing Colours [*]1003 Starter Templates 11. About The Author [*]1101 About The Author DOWNLOAD
  2. Boa noite, bom visto nã haver a área de programação Javascript o mais indicado será colocar nesta zona de HTML. Venho apresentar um plugin elaborado por mim de um slider cujo o nome lhe dei foi "jqSlider", jq de JQuery, e slider de slide. Este plugin vai ser acompanhado de um website oficial do plugin que está neste momento a ser desenvolvido, no entanto vou escrever parte da informação que o website irá conter. NOTA: Aconselho a lerem a documentação aqui apresentada, não só para esclarecer duvidas que possam surgir mas sim também para ficarem dentro do que se trata e ainda perceberem como implementar o jqSlider. Introdução: jqSlider é um plugin que permite a visualização de imagens em simultâneo. Este sistema é totalmente grátis. Para o poder obter basta fazer o download a partir do website. Este sistema tem como principal objetivo não só a sua utilização profissional, mas, também a sua utilização para aprendizagem. jqSlider conta com 16 personalizações difrentes, divididas em duas partes, ou seja, 6 tipos de personalizações simples e 10 personalizações conjuntas. jqSlider foi desenvolvido por Tiago Santos e participação de Cristina Mendes, da companhia Brodcast Studio. Desenvolvimento do Sistema: jqSlider é um sistema para implementação Web, feito nas linguagens de programação HTML, CSS e Javascript / JQuery. jqSlider utiliza como base a biblioteca API JQuery, usando funções simplificadas de Javascript. Este sistema funciona por "tempos de ação", usando esses "tempos" para efetuar efeitos e contagens. Código HTML correspondente ao jqSlider: <!-- <[jqSlider: Elementos HTML]> --><div class="jqSliderBox"> <div class="jqSliderLoadElements"></div> <div class="jqSliderReady"> <div class="jqSliderImgHref"> </div> <div class="jqSliderBoxMaxImages"> </div> <div class="jqSliderBoxImgsArrowLeft" onClick="jqSliderBack()"> </div> <div class="jqSliderBoxImgsArrowRight" onClick="jqSliderNext()"> </div> <div class="jqSliderBoxImgs"> <!-- <[jqSlider: Adicionar a baixo o código das imagens]> --> <img src="./jqSliderImages/1.jpg" id="1" jqSliderTitle="Titulo" jqSliderConcent="Descrição" jqSliderImageLink="Link" /> </div> <div class="jqSliderBoxInfos"> <div class="jqSliderBoxInfosTitle"> </div> <div class="jqSliderBoxInfosConcent"> </div> </div> <div class="jqSliderBoxTimeOfNextImage"> <div> </div> </div> </div></div><!-- <[jqSlider: Elementos HTML][END]> -->Todo o código que está representado acima é obrigatório para que o jqSlider possa funcionar corretamente. O código será retirado automaticamente caso a função dele não esteja ativa nas personalizações de cada utilizador. Código HTML correspondente as Imagens: Podem ser adicionadas todas as imagens que cada utilizador pretender. As imagens devem ser adicionadas como mostra o exemplo abaixo. Cada uma deve conter os Atributos que estão no exemplo. Os Atributos são obrigatórias para que o jqSlider possa funcionar corretamente. <img src="./jqSliderImages/1.jpg" id="1" jqSliderTitle="Titulo" jqSliderConcent="Descrição" jqSliderImageLink="Link" /><img src="./jqSliderImages/2.jpg" id="2" jqSliderTitle="Titulo" jqSliderConcent="Descrição" jqSliderImageLink="Link" /><img src="./jqSliderImages/3.jpg" id="3" jqSliderTitle="Titulo" jqSliderConcent="Descrição" jqSliderImageLink="Link" /> Descrição dos Atributos das Imagens: id --> Em todas as imagens o "ID" deve ser um número único. jqSliderTitle --> Esta tag permite dar um título à imagem quando visível no jqSlider. Esta tag é obrigatória quando a função da descrição está ativada. jqSliderConcent --> Esta tag permite dar um contexto ou uma descrição à imagem quando visível. Esta obedece ao parâmetro da tag "jqSliderTitle". jqSliderImageLink --> Esta tag permite dar um link exterior ou interior. Caso deseja colocar link's em apenas algumas imagens, esta tag deve permanecer vazia. Implementação do estilo, da API JQuery, e do plugin jqSlider: <head> <!-- Chamada da folha de estilo do jqSlider --> <link type="text/css" rel="stylesheet" media="all" href="./jqSliderStyle/jqSliderStyle.css" /> <!-- Chamada do jqSlider e da biblioteca JQuery --> <script type="text/javascript" src="./jqSliderJavaScript/jquery.min.js"> </script> <script type="text/javascript" src="./jqSliderJavaScript/jqSlider.js"> </script> <!-- Chamada da função principal do jqSlider --> <script type="text/javascript"> $(document).ready(function() { jqSlider(); // Chamada da função "jqSlider()" }); </script></head> Código Final: <!DOCTYPE html><html> <head> <!-- Chamada da folha de estilo do jqSlider --> <link type="text/css" rel="stylesheet" media="all" href="./jqSliderStyle/jqSliderStyle.css" /> <!-- Chamada do jqSlider e da biblioteca JQuery --> <script type="text/javascript" src="./jqSliderJavaScript/jquery.min.js"> </script> <script type="text/javascript" src="./jqSliderJavaScript/jqSlider.js"> </script> <!-- Chamada da função principal do jqSlider --> <script type="text/javascript"> $(document).ready(function() { jqSlider(); // Chamada da função "jqSlider()" }); </script> </head> <!-- <[jqSlider: Elementos HTML]> --> <div class="jqSliderBox"> <div class="jqSliderLoadElements"></div> <div class="jqSliderReady"> <div class="jqSliderImgHref"> </div> <div class="jqSliderBoxMaxImages"> </div> <div class="jqSliderBoxImgsArrowLeft" onClick="jqSliderBack()"> </div> <div class="jqSliderBoxImgsArrowRight" onClick="jqSliderNext()"> </div> <div class="jqSliderBoxImgs"> <!-- <[jqSlider: Adicionar a baixo o código das imagens]> --> <img src="./jqSliderImages/1.jpg" id="1" jqSliderTitle="Titulo" jqSliderConcent="Descrição" jqSliderImageLink="Link" /> </div> <div class="jqSliderBoxInfos"> <div class="jqSliderBoxInfosTitle"> </div> <div class="jqSliderBoxInfosConcent"> </div> </div> <div class="jqSliderBoxTimeOfNextImage"> <div> </div> </div> </div> </div> <!-- <[jqSlider: Elementos HTML][END]> --> </body></html> Personalização: jqSlider tem vários tipos de personalização. O utilizador apenas precisa de definir com "verdadeiro" ou "falso" as personalizações que deseja. Algumas personalizações fazem combinação com outras. Para ativar e desativar elementos de personalização, basta abrir o ficheiro "jqSlider.js", e seguir os exemplos abaixo representados. Personalizações Simples: Personalizações conjuntas: Download's: Ficheiro (jqSlider.js) Ficheiro (jqSliderStyle.css) Ficheiro (jquery.min.js) Download Completo Espero que tenham gostado e que aproveitem ao máximo. Esta versão para já é uma versão Beta, pois talves ainda fassa alguns upgrades nomeadamente no código. Qualquer duvida, ou reportações a fazer já sabem messagem aqui no forum ou: [*]SKYPE: tiago.reis.santos [*]E-Mail: [email protected] Obrigado e cumprimentos :)