Jun-08 25

Download de temas para WordPress

Enviado por: Thales RB. .     4 comentários.     Categorias: Blogs, Download
Dec-07 19

Formatação de textos HTML, com editor WYSIWYG

Enviado por: Thales RB. .     11 comentários.     Categorias: Aprendendo PHP, Blogs, HTML-CSS, Javascript, Scripts

Para quem oferece algum sistema, onde qualquer pessoa possa enviar textos é interessante, ter um editor para formatação de textos, já que não é qualquer um que sabe comandos HTML para formatar o texto. E o seu uso é recomendado para não permitir que qualquer comando HTML possa ser usado, já que alguns comandos poderiam arruinar o seu Layout

Para fazer isso existem dois tipo de editores:

WYSIWYG(What You See Is What You Get), que é um editor visual ou seja ao usa-lo você já verá o texto formatado, igual o word, g-mail, wordpress, etc.

BBCODE(Bulletin Board Code), que é uma simples função para substituir caracteres, ex: a tag <b></b> ficará [b][/b], como o seu nome diz ele foi criado para fóruns, onde é encontrado comumente, para criar um editor desse é preciso saber bastante programação, já que é preciso, substituir todos os caracteres, e bloquear o uso de outros comandos html.

Usando um WYSIWYG

Os editores desse tipo, são de uso mais facil, pois são feitos com Javascript, e podem ser usados com qualquer tipo de sistema, PHP, ASP, etc.

Quando eu estive procurando por isso, achei um monte de editores assim, mas não consegui usar ou adaptar ao que eu queria quase nenhum.

O unico que eu me dei bem foi o TinyMCE. Veja aqui um exemplo dele Para usa-lo é bem simple, com o download dele em alguma pasta do seu sistema, e adicione o seguinte no arquivoirá usa-lo

<script type=”text/javascript” src=”pasta_onde_esta_os_arquivos/tinymce/tiny_mce.js”></script>

[code="javascript"][/code]

Esse segundo javascript serve para formatar a exibição, no caso aqui ele irá aparecer todas as opções, mas como ele usa um esquema de plugins, cada botão é um plugin, então é possiveo formatar isso.

Como pode ser visto ele tem theme_advanced_buttonsX_add e na frente de cada uma tem os botões que seram mostrados, ou seja é só deletar o nome do botão para remove-lo. E se não for usar um botão pode remover a sua pasta dentro do tinymce para ficar mais leve.

Adicionando esses scripts ele irá adicionar o editor em todas as textareas que houver na página.

Nov-07 01

Adicionando o seu blog no mecanismo de pesquisa do Firefox

Enviado por: Thales RB. .         Categorias: Blogs, Firefox, Internet

Para quem usa o Firefox ou o IE7, existe um mecanismo de pesquisa com varias opções como google, yahoo, wikipedia, etc. E é possivel adicionar o seu blog a esse sistema, para que qualquer um possa pesquisar diretamente em seu site, com isso ao clicar na seta ao lado so sistema de pesquisa irá aparecer adicionar “Seu site”, como pode ser visto aqui no site.

Isso irá funcionar em qualquer sistema CMS, que tenha um sistema de busca interna

Crie um arquivo, use o seu editor de texto preferido, como por exemplo o bloco de notas, chamado de pesquisa.xml, contendo as seguintes informações:

Altere os itens em negrito para os do seu site

<?xml version=”1.0″?>
<OpenSearchDescription xmlns=”http://a9.com/-/spec/opensearch/1.1/”>
<ShortName>Titulodoseusite</ShortName>
<Description>Descrição do sistema de pesquisa</Description>
<InputEncoding>UTF-8</InputEncoding>
<Image height=”16″ width=”16″ type=”image/x-icon”>http://clubepc.org/favicon.ico</Image>
<Url type=”application/x-suggestions+json” method=”GET” template=”http://seusite.com/?s={searchTerms}”/>
<Url type=”text/html” method=”get” template=”http://seusite.com/?s={searchTerms}”/>
</OpenSearchDescription>

Vou explicar um pouco para que serve os campos, que devem ser alterados

ShortName: Texto que irá aparecer no mecanismo de pesquisa.

Description: Descrição curta sobre o mecanismo de busca. não sei onde isso é usado

Image: Imagem que irá aparecer no mecanismo de pesquisa, deve ser um favicon e com tamanho de 16×16

Url: Aqui são as urls para o mecanismo de busca de seu site

Atenção: Só altere os itens que estão em negritos para não dar erro.

Com o arquivo salvo envie ele para a mesma pasta onde se encontra o seu site,

Agora adicione o seguinte, alterando os itens em negrito para ficar de acordo com o do seu site, no header do seu site(no wordpress isso fica no arquivo header.php de seu template).

<link rel=”search” type=”application/opensearchdescription+xml” title=”Titulodoseusite” href=”http://seusite.com/pesquisa.xml”>

Bem simples não?