Pular para o conteúdo principal

Postagens

Mostrando postagens com o rótulo Tutoriais

Bootstrap 3 Cursos e Tutoriais Gratis Online do Youtube

Uma nova tendência no desenvolvimento web é o desenvolvimento de sites multiplataformas, responsivo que se adapte em vários formatos de mídia, celular, tablet, mobile, smart tv e outros. Para facilitar esse desenvolvimento o Twitter lidera um projeto chamado Bootstrap que é um Guia de Interface de Usuário que permite utilizar componentes comuns utilizados em sites para agilizar esse desenvolvimento.  Por exemplo, Grid de layout, botões, ícones, formulários etc. Lista de componentes prontos em Bootstrap: Glyphicons Dropdowns Button groups Button dropdowns Input groups Navs Navbar Breadcrumbs Pagination Labels Badges Jumbotron Page header Thumbnails Default example Custom content Alerts Progress bars Media object List group Panels Wells Curos de Bootstrap 2 oferecido gratuitamente pelo JCursos (Português) Curso de Bootstrap 3 oferecido de graça pelo  Aprendiendoando  (Espanhol) Tutorial de Bootstrap 3 - Oferecido gratuitamente pe...

Tutorial: Como Receber seus Outros Emails Pelo Gmail [Pop,Msn,yahoo...]

Aprenda a Receber seus Outros Emails Pelo Gmail [Pop,Msn,yahoo...] Sábado, Junho 12, 2010 Achei fantástico, sempre considerei o gmail um o melhor sistema de gerenciamento de emails, agora posso continuar com minhas outras contas e usar minha interface preferida... GMAIL, é estou elogiando de mais, mais fazer o que? se você conhece outro melhor me fala que eu migro sem dó. Configurando seu gmail para receber seus emails de outras contas:    1. Acesse na sua pagina do gmail  o ítem configurações;       (fica do lado esquerdo superior da tela)    2. Clique na aba contas;    3. Role a página até "Adicionar outro endereço de e-mail";    4. Preencha com os seus dados como no exemplo abaixo:       Nome: [fulano de tal]       Endereço de e-mail:[fulanodetal@yahoo.com]       Endereço do destinatário da resposta (opcional) :[  ...

Melhore a velocidade do seu blog

Há uns dois meses, eu começei a tentar baixar a velocidade do meu blog ( UFO Nordeste ), e consegui (um pouco). Comecei com algumas dicas do @ compulsivo e depois do @ sergioestrella . Agora eu ensinarei a vocês, leitores, como baixar (um pouco) a velocidade do seu blog. A primeira dica, é otimizar o CSS do seu blog. Por isso eu aconselho a utilizar o Clean CSS . Siga os passos abaixo e otimize o CSS do seu blog. Como prevenir é melhor que remediar, eu aconselho que você faça uma cópia do template do seu blog. 1º - Acesse o Clean Css . 2º - Com sua conta aberta no Blogger, escolha seu blog e vá em DESIGN > Editar HTML e copie o css do seu blog. O css vai até ]]></b:skin> . Clique na imagem para ampliar. 3º - Assim que abrir a página do Clean CSS, cole o css do seu blog no local onde está indicado em vermelho CSS AQUI . Clique na imagem para ampliar. 4º - No menu ao lado, selecione HIGH (moderate readability...) e em seguida clique em Process...

Top 10 Melhores Dicas para Blogger de 2009 - (Retrospectiva Dicadedica)

Hoje resolvi fazer uma retrô sobre as melhores dicas do Dicadedica para blogger de 2009,  você encontra dicas de SEO, Tutoriais para edição do template, rede sociais, web 2.0, widgets e tudo de útil para o seu blog, Confira!!! Widget Te linko de volta : Blogger , Hack , RSS_Feeds , Widget   Adicione um link no do dica dedica no seu blog e ganhe um link de volta altomaticamente, e disponibilize um widget que faz isso no seu blog para aumentar suas visitas. Então para descobrir os últimos blogs que postaram links para suas postagens ou para sua página inicial ou add esse widget, apenas siga os seguintes passos... Leia Mais. Aprenda a posicionar elementos div usando CSS no Blogger Você quer posicionar um widget, banner, texto ou qualquer elemento de página na tela usando CSS? isso parecia difícil e complicado, agora mais fácil, pegue seu código javascript ou Html de um widget contendo texto, formulários, banners, imagens ou qualquer outro elem...

Maneiras de fazer uma Antena Wireless Caseira

Estive precisando melhorar o sinal da minha wireless e eu não queria desembolsar nenhum centavo e a solução foi a partir de componentes recicláveis montar minha própria antana wireless, então pesquisei no youtube e encontre varias formas de fazer, a mais simples que encontrei foi a da lata de Nescal, mais tambem encontrei outras perolas como a de lata de leite ninho ou a lata de batatas prigles.... Não importa a lata, você vai precisa de um conector e um fio pigtatil ou outro generico, uma lata, algo para furar, algo para isolar e seguir um dos projetos do youtube que mostro logo aqui no Dicadedica e claro boa sorte! Antena Wireless caseira com lata de (Batatas Pringles) Wireless Antena de Lata de (Nescau) Vídeo tutorial Youtube Sofisticada Antena wireless caseira 2.4Ghz com lata de (leite ninho ou farinha láctea) Agora transforme uma antena wireless de 2dbi em 5dbi de forma rápida! Podem postar sugestões, eu ainda não testei todos mais posso diser que a d...

Tutorial Ícone Adicionar aos Favoritos Crossbrowser e Flutuante no Blogger

Bom dia, ontem fui acionado via Twitter pelo (a) @d20009, com um desafio muito interessante... "Como faço para usar aquele seu tutorial de imagens e icones flutuantes com um ícone para add aos favoritos no meu blogger?" Adorei a idéia, e fiz várias tentativas, porem descobri que o código que funcionava no Mozila Firefox, não funcionava no internet explorer ai eu descobri um código crossbroser mais que era incompatível com o blogger e seria necessário hospedar um arquivo .js em um servidor aparte... O mais importante é que descobri outro código que funciona perfeitamente, depois ajustei ele para ficar flutuante e coloquei a imagem da latinha com a estrela que já havia baixado no tutorial anterior e pronto. Segue abaixo o script para ser add como widget (Elemento de página gadget) no painel de controle do blogger, ainda não testei no wordpress, mais acredito que não ha nada que impossibilite o seu funcionamento, se alguém testar avisa aqui pra galera ok.... Códi...

SearchBox para Firefox e IE7+ - Código

Todos os navegadores atuais possuem uma SearchBox, invariavelmente localizada no canto superior direito da janela. Alguns deles como o Firefox e o Internet Explorer 7 , permitem que sejam adicionados mais plugins de pesquisa além dos fornecidos por padrão. Tá certo, o Opera também permite adicionar outros plugins de pesquisa, mas não com tanta facilidade quando o Firefox e o IE7, além disso, apesar da alta qualidade do browser, ninguém usa o Opera . Existem várias formas de criar um Plugin de pesquisa personalizado para o seu blog ou site, encontrei vários métodos pesquisando no Google. Existem até páginas onde é possível gerar o código pronto para o Plugin. Testei, mas não gostei pois esses geradores hospedam o script e o ícone nos servidores deles, ai vai que sai tudo do ar e você fica com o plugin quebrado. Optei por usar a forma mais simples que encontrei, apenas adaptando as minhas necessidades. O primeiro passo é adaptar o código abaixo conforme seu caso: <OpenSear...

Transformar foto em desenho usando Photoshop

Transforme suas fotos em desenho usando apenas o Photoshop e o Paint. Siga o tutorial abaixo e veja o belo resultado. 1º - Com o Photoshop já aberto, abra uma de suas imagens ; 2º - Pressione CTRL + J para duplicar a layer ; 3º - Pressione a letra D e selecione Filtro > Croqui > Fotocópia ; 4º - Pressione CTRL + A e abra o Paint ; 5º - Pressione CTRL + V e salve com a extensão .PNG ;

Detonando com CHEATS o NFSU2 Pc PS2 XBox GC

Veja o tutorial com todas as trapaças para vencer o jogo, algumas são apenas para tornalo mais fácil outras para você garantir a vitória e se divertir com os códigos mais insanos para o jogo NFSU2 cheats codes - Os truques abaixo são para as plataformas Computador (PC) Playstation (PS2) XBox e Game Clube (GC) Detonando Need For Speed Underground 2 nas plataformas Pc, PS2, XBox e GC Computador PC Os códigos apenas têm efeito no carreira. Para usá-los, digite o código na tela onde aparece " Digite Enter ", se fez tudo certo, deverá ouvir um ?beep? (buzina). regmebaby Ganhe R$20.000 ao inicia o modo Carreira regmybank Ganhe R$200 no modo carreira opendoors Acesso a toda cidade Meu preferido! ordermybaby Ganhe R$1000 ao inicia o modo Carreira e libera o Skyline e RX8 no modo Quick Race gimmevisual1 Libera os Visuais Upgrades Tier 1 gimmevisual2 ...

Corrigido!: Converta suas redações para as Novas Regras Ortográficas Online

Quer uma maneira rápida de passar seus textos para a Nova Ortografia da língua Portuguesa? Então esta dica é de grande valia, chega de ficar horas revisando aquele arquivo de escritório, ou relatório diário para impressionar o chefe. Coloque seu texto aqui e transforme ele em um texto gramaticalmente corrigido e ainda da para aprender a nova regra. O site coloca a disposição os locais onde foram feitas as alterações deixando em Vermelho, assim você não vai comentar o mesmo erro. Veja os exemplos: Texto sem as novas regras ortográficas: Por conseguinte, a consolidação das estruturas causa impacto indireto na reavaliação das diretrizes de desenvolvimento para o futuro. No mundo atual, a estrutura atual da organização ainda não demonstrou convincentemente que vai participar na mudança das direções preferenciais no sentido do progresso. Podemos já vislumbrar o modo pelo qual a contínua expansão de nossa atividade pode nos levar a considerar a reestruturação dos paradigmas corporativos. As...

I love ♥ You no Twitter Tabelas | Emoticons | Caracteres € Simbolos Visuåis ☻

♥ ☺ ☼ Usando caracteres especiais famoso no twittter, sabemos que uma imagem fala mais que 1000 palavras, e estes símbolos são de grande valia no twitter, já que com um twitter normal só podemos escrever 140 caracteres. Digo normal porque tem um complemento para firefox chamado shortText.com informado pelo InfoDicas.com em que você pode colocar muito mais do q isso, é possível até mandar uma carta se você precisar. Voltando ao assunto, temos abaixo a tabela dos quase "emotions" mais usados no twitter: para usar é só copiar e colar Coração = ♥ Espada = ♠ Smile 1 = ☺ sorrindo Smiller 2 = ☻ em negativo Musica = ♫ Som = ♪ Bom dia = ☼ sol Mina = ♀ Macho = ♂ Ouro = ◊ três pontinhos econômico = … crucifixo = † vai e volta = « » Grana = $ Certo = √ Seta 1= ➤ Seta 2 = ➜ E não poderia faltar o simbolo do @dicadedica , o triângulo = ∆ Agora você pode conhecer a lista completa e usar sua criatividade para enfeitar, enfatizar ou encurtar as sua...

Exiba Marcadores no Menu Expansível Drop Down no Blogger

O seu blogger está cheio de marcadores e você já não vê espaço no seu template para tanta marcação? Então este tutorial pode lhe ser de grande utilidade. Eu estava com este problema, meu blogger foi crescendo e já tinha tentado de tudo par reduzir o numero de tags, estes marcadores ajudam os leitores a localisar de forma categórica e rápidamente todas as postagens do blogger, pensei em encontrar uma solução para reduzir o volume, tentei nuvens de tags, e funcionou por um tempo, logo também não havia espaço suficiente para tanta tag então, a solução era mesmo colocando em um drop down!!! Chega de historinhas veja o tutorial para inserir menu dropdown no template do blog É necessário iserir os marcadores em 1 - layout, 2 - elementos de páginas 3 - marcadores 1 - Faça backup do template para evitar perdas Em editar código html no painel do blogger, é só clicar em baixar modelo completo. 2 - Clique em qualquer parte do códigose [ctrl] + [f] e localise o trecho de código: <b:widg...

Colocando imagens banners ou ícones com links flutuantes no blogger

Viu estes ícones de latinhas de refrigerastes flutuando no blog? são bem atrativos não!!! acabei de colocar e pretendo conseguir bons seguidos no meu twitter e rss. Ficou de olho né? Pode pegar , aqui eu vou encinar como para colocar de forma simples estas e outras imagens de ícones com links flutuando suspensa no seu blogger! Basta copiar o código com as devidas alterações em azul e colar o código abaixo como elemento de pagina javascript/html. Código da imagem flutuante do twitter: <a style="display:scroll;position:fixed; top : 200 px;right: 5 px;" target="_blank" href=" https://twitter.com/dicadedica " title=" Siga-me no Twitter "><img src=" http://cache02.us.twitfs.com/Download/7/20090714/4140252/icontexto-drink-web20-twitter.png "/></a> Pode ser qualquer imagem ou banner é só trocar os valores: Posição: top ou buton 200 magrgem direita: right 5 px Endereço do link: href=" https://twitter.com/dicadedica ...