Nov 23, 2008 Dicas, Free, Marketing, Notícias, S.E.O, Wordpress
IntenseDebate + Automattic
Bom eu estava esperando ansiosamente por este lançamento, o IntenseDebate finalmente se tornou público, após ser “comprado” pela Automattic, mas o mais importante é que não é mais necessário ter um código de convite.
Então logo que saiu eu instalei o plugin aqui no nosso site, como alguns devem ter percebido que mudou um pouco o design da parte de comentários de nosso site. Agora temos algumas funções e facilidades. Tudo isto oferecido pelo IntenseDebate.
Eu adorei este plugin/aplicação, pois você tem controle total sobre os comentários que você tem em seu blog/site, que deve estar rodando em Wordpress.
Ai eu realmente recomendo vocês a Instalar este plugin e usar, porque ele usa um sistema integrado com o Gravatar.
- Wordpress.com, crie seu Blog!
O melhor é que você não tem necessariamente precisa de um blog/site para poder usar, você apenas precisa se cadastrar e para ver onde comentou, o que você escreveu, tem uma opção de reputação muito boa, que facilita muito para você ver se um usuário é realmente confiável ou não.
É um ótimo plugin/aplicação, recomendo todos os usuários a terem uma conta. Pois é muito bem integrado, usa apenas um database de reputação, ou seja, onde quer que você poste você terá sua reputação mostrada.
Acho que já falei bastante sobre este Plugin/Aplicação, confiram por si mesmos.
Nov 21, 2008 Notícias
Google Wiki
É isso ai galera, google chegou com uma novidade bem legal e promete melhorar suas futuras buscs na web através do mesmo. Eles lançaram o google wiki, este sistema lhe permite ao fazer sua pesquisa sobre qualquer assunto, que você modifique o posicionamento de um resultado que gostou,
por exemplo você pesquisou projetoadmin e apareceu em 5 (quinto) lugar na página de resultado e quiser ver em primeiro ao pesquisar o termo você pode apenas movelo acima clicando na seta.
Também é possível excluir resultados que não lhe agradaram e fazer comentários públicos e ao que me parece ísso tem tudo para deixar sua pesquisa muito mais eficaz e rapida.
Para ter estás novas ferramentas é preciso estar logado com sua conta do google, você depois pode resetar caso tenha deletado algum site que tenha excluído.
Eu andei xeretando no google e me parece que no google.com.br ainda não está disponível, daqui sempre que tento acessar o google.com me redireciona para o google.co.uk onde que consigo usar o google wiki, deêm uma xeretada por favor e comentem qualquer resultado ou opniões sobre está novidade!
informação http://www.google.co.uk/support/bin/answer.py?answer=115764
Link http://google.com ou http://google.co.uk ou http://google.com.br ?
Obrigado,
Thales
Nov 19, 2008 Dicas, Notícias, S.E.O, Wordpress
Eu sou o outro adminstrador do ProjetoAdmin, atendo pelos nomes Gustavo, Gbord, entre outros. Eu tenho 15 anos, e há 11 meses atrás comecei a me interessar por webdesign. Isto aconteceu porque senti a necessidade de criar um novo design para meu site de animes. Bom, de lá pra cá venho “estudando” HTML Tableless, javascript e PHP, então o Thales me convidou para montar um site sobre webdesign, SEO e outros. Agora vou começar a escrever sobre o que realmente interessa.
Um dia desses eu estava conversando com um amigo que fez faculdade de webmaster, e vi que o que ele sabia de HTML, SEO e CSS era algo ridículo para alguém que fez uma faculdade sobre o assunto. Digo isso, porque ele usa tabelas para montar um site! É claro que é mais fácil montar um site com o DreamWeaver ou qualquer outro programa de design WYSIWYG. Bom, eu e a maioria dos bons designers consideramos isto anti-profissional, pois além de ser mais complicado editar sites prontos, torna-os mais pesado.
Tenham paciência. A parte teórica vai terminar e poderemos fazer um menu horizontal com html tableless.
Neste tipo de programação para web usamos dois tipos de códigos: o HTML propriamente dito e o CSS. Porém, não usaremos o recurso “table” do html, e sim o recurso “div”, que recebe muito bem os atributos impostos pelo CSS.
Realmente eu acho que vale a pena qualquer tipo de conhecimento na área de css/html, pois as duas juntas são uma linguagem orientada a objeto.
Agora partiremos para aprender alguma coisa mais concreta, que possa ser usada para criar um site ou qualquer coisa desse tipo. Escolhi um menu horizontal pois é um exemplo clássico. Isto porque normamente as pessoas têm muito trabalho para resolver este problema, quando está trabalhando com CSS e “DIVs”.
Comecemos abrindo o notepad, como se fossemos criar um “plaintext”, um texto comum. Bom eu recomendo usar o Notepad++, um editor de texto quase tão leve quando o Notepad, porém ele é perfeito para quem é programador. Agora que criou o arquivo, você deve salvá-lo com o nome index.html. Agora iremos colocar no código o seguinte:
<html> <!-- Este é o começo da sua página e diz ao browser (navegador que este é um documento html -->
<head> <!--Aqui, básicamente, é onde vem tudo que o navegador deve ler antes de carregar a sua atual página, por exemplo, javascript e/ou css. Isto iremos discutir num outro momento -->
<title> <!--Aqui, é onde você coloca o título de sua página junto com alguma mensagem ou informação que você queira como frase do site ou conteúdo -->
</title> <!--Esta tag fecha tag title que está acima, toda (algumas excessões) tag que for aberta deve ser fechada-->
</head> <!--tag head fechada -->
<body> <!--Este é o começo do seu site. Aqui vem a estrutura e toda a informação que aparece em seu site. Tudo o que estiver dentro desta tag aparece visualmente para qualquer um vendo o seu site -->
</body> <!--tag body fechada -->
</html> <!--tag html fechada -->
Se você leu o artigo colocado no site pelo Thales a algum tempo atráz você verá que temos a estrutura acima, e porque teremos esta estrutura?
Pelo simples fato que uma tag que é aberta deve ser fechada, ou não teremos um código válido de HTML, apenas algumas tags não são fechadas.
Bom quando alguem começa a aprender a mexer na linguagem deve sempre prestar atenção a alguns detalhes de identação e organização mental do código, porque? Quando não estamos seguros é mais facil olhar para um código limpo e achar o erro que olhar para um código sujo, tal como os que quem trabalha com tables produz.
Bom então depois estas tags, de estrutura que são fundamentais, vamos começar a fazer um menu horizontal.
Comecemos com a parte de HTML do código:
<ul>
<li>Primeiro Item do menu não organizado</li>
<li>Segundo Item do menu não organizado</li>
<li>Terceiro Item do menu não organizado</li>
</ul>
Agora é muito importante atentarmos para o seguinte fato, a tag “ul” significa ‘Unordered List’, e a tag “li” significa ‘List Item”, ou seja, criamos uma lista não organizada, sem numeração de qualquer tipo, e adicionamos a ela 3 itens.
Salve o arquivo e abra-o em seu navegador.
Vamos agora colocar algum estilo na sua página, preste bastante atenção no código que vem agora, pois ele irá mudar todo o estilo de sua página.
<style type="text/css" >
* {
margin: 0px;
padding: 0px;
list-style:none;
text-decoration:none;
outline:0px;
}
body {
background:#cfd9e8;
font:0.6em Verdana, Arial, Helvetica, sans-serif, "Georgia";
color:#333;
}
ul {
width:800px;
margin: 0 auto;
}
ul li {
line-height:34px;
display:inline;
}
ul li {
cursor:pointer;
background:#010b1f;
font-weight:bold;
color:#cfd9e8;
padding: 5px;
margin: 0px 10px 0px 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
ul li:hover {
background:#a7b5c9;
font-weight:bold;
color:#010b1f;
text-decoration:none;
}
</style>
Você deve inserir este código abaixo da tag ‘title’ que se encontra em ‘head’, agora vamos analizar o código que está sendo mostrado acima:
Você pode perceber que um código css é composto por uma estrutura bem simples quando inserido direto na página html.
<style type="text/css" >
ul li {
line-height:34px;
display:inline;
}
</style>
Isto é feito assim, a tag html chamada ’style’ fala ao browser que agora ele deve ler o código como um texto css, e quando a tag fecha ele volta a ler normalmente, porém atribuindo os valores que registrou ali nas tags htmls correspondentes.
Vocês devem estar se perguntando que diabos é aquele ‘*’ que tem ali no começo das atribuições. Isto é para garantir que aquelas regras que estão atribuidas a ‘*’ serão gerais, qualquer lugar de nosso arquivo aquela regra vai ser válida, a não ser que ela seja sobreposta por outra.
Agora vejam o seguinte, a estrutura de uma atribuição css qualquer dever ser:
tag {propriedade:valor;}
Lembre-se bem que alguns browsers como o Firefox, não aceitam tags começando com números e é muito bom ter a prática de dar nomes que lebrem a função daquela class ou identificação.
Eu gostaria que vocês tentassem entender o código css com o que eu expliquei aqui, pois se eu ficar falando o que cada um irá fazer aqui vocês não vão aprender direito como funciona cada um deles. Como eu sugiro vocês aprenderem oque cada um deles faz? Simples mudem os valores de cada propriedade para que a página sejá alterada.
Caso você tenha dúvidas mande um comentário com a sua dúvida que eu terei prazer em responde, e recomendo muito que vejam o site de W3Schools
Obrigado por vistar o site, e logo logo vocês poderão ver um tutorial de vídeo com as mesmas informações dadas aqui para quem preferir um tutorial visual que é mais interativo.
Veja o que foi criado apartir deste artigo
Nov 18, 2008 Notícias, Wordpress
É isso ai galera, finalmente os ícones para o wordpress 2.7 foram escolhidos, após terem feito uma enquete de 48h o set de ícones de Ben Dunkle venceu com 35% dos votos (1285), Ben é um designer de de Nova Iorque ( nossa fica estranho assim hehe ) e está de prabéns pelos ótimos ícones, sem dúvida estão bem legais.
Resta esperr agora pela versão RC ( Release Candidate ) que segundo o wordpress deve sair em alguma(s) semana(s).
Outro ganhdor ou um segundo lugar foram os seguintes ícones que são azuis e servirão como um segundo esquema de cor para o dashboard.
PS: Desculpem eu não ter postado recentemente, estou trabalhando pacas, fazendo um novo design para o site e irei me mudar este fim de semana. será(está sendo) uma semana corrida!
Abraços,
Thales
Último Post
Loading ...