Categoria | Personalização

image.png

Tags: , , , , ,

Personalização Notícias

Postado em 12/01/2010 por Edvan

O WHMCS por padrão só exibe a última notícia publicada na página principal ( estilo portal, nova versão 4.1 ), essa personalização consiste em mostrar 5 últimas notícias publicadas de uma forma bem interessante… Confira a forma original em que a última notícia aparece:

Original

Acesse a pasta seuwhmcs\templates\portal edite o arquivo homepage.tpl ou baixe o arquivo Notícias Personalizadas (TPL) (274) e envie para pasta.

Localize a linha 52:

{if $announcements}
<h2>{$LANG.latestannouncements}</h2>
<p>{$announcements.0.date} – <a href="{if $seofriendlyurls}announcements/{$announcements.0.id}/{$announcements.0.urlfriendlytitle}.html{else}announcements.php?id={$announcements.0.id}{/if}">{$announcements.0.title}</a><br />{$announcements.0.text|strip_tags|truncate:100:"…"}</p>
{/if}

Substitua por:

{if $announcements}
<h2>{$LANG.latestannouncements}</h2>
{php}
function formata($string, $limit, $break=" ", $pad="Leia mais…", $id=” )
{
if(strlen($string) <= $limit)
return $string;
$string = substr($string, 0, $limit);
if(false !== ($breakpoint = strrpos($string, $break)))
{
$string = substr($string, 0, $breakpoint);
}
$noticiaLink = ‘<a href="announcements.php?id=’ . $id . ‘"’ . ‘class="heading2"> ‘ . $pad . ‘</a>’;
return $string . $noticiaLink;
}
include("/dbconnect.php");
include("/includes/functions.php");
$query = "SELECT * FROM tblannouncements WHERE published=’on’ ORDER BY date DESC LIMIT 0,5";
$result = mysql_query($query);
echo’
<MARQUEE behavior= "scroll" align= "center" direction= "up" height="80"
scrollamount= "2" scrolldelay= "50" onmouseover=\’this.stop()\’ onmouseout=\’this.start()\’>
‘;
while ($data = mysql_fetch_array($result))
{
$id = $data["id"];
$date = $data["date"];
$title = $data["title"];
$ano_atual = substr($date,0,4);
$mes_atual = substr($date,5,2);
$dia_atual = substr($date,8,2);
$announcement = formata($data["announcement"], 50, ‘ ‘,’ – <b>Leia mais…</b>’, $id);
echo("<b>$dia_atual/$mes_atual/$ano_atual – $title</b> <br /> $announcement<br /><br />");
}
echo ‘</MARQUEE>’;
{/php}
{/if}

Após a personalização… será exibido as últimas 5 notícias em um esquema de rolagem automática das notícias. Ao passar o mouse sobre a notícia o rolamento automático para e você pode clicar no link Leia mais… para ler a notícia na integra.

Modificado

Outras personalizações:

- É possível listar todas as notícias publicadas, basta remover o trecho LIMIT 0,5
- Alterar a velocidade da rolagem automática scrolldelay= "50". A propriedade scrolldelay corresponde à velocidade que você quer que o scroll ande. Se diminuir a velocidade, por exemplo para "50", ele anda mais rápido, se aumentar a velocidade ,por exemplo para "300", ele fica ainda mais lento.
- Alterar o tamanho da caixa height="80".

Espero que tenham gostado!


Comentários (4)

image.png

Tags: , , , , ,

Notícias no Twitter/Orkut/Buzz

Postado em 21/12/2009 por Edvan

Lendo uma matéria publicada no iMasters em 14/12  sobre WordPress um item me chamou atenção 9. Adicione um botão de "enviar para o Twitter" que ensina como criar um link/botão “Enviar Notícia para o Twitter” resolvi adaptar essa dica para o WHMCS e hoje compartilho com vocês um simples passo-a-passo. Essa dica serve para qualquer template do WHMCS: portal ou defaul. Optei por demonstrar no portal pois acredito que é o template mais utilizado!

Basta baixar o arquivo Notícias Twiiter (327).

Veja como foi alterado, modificaremos 2 arquivos localizados em /seuwhmcs/templates/portal/ o primeiro arquivo homepage.tpl (mostra apenas 1 notícia na página inicial) e o segundo announcements.tpl (exibição de todas as notícias).

Apartir da linha 54 no arquivo homepage.tpl você encontrará o seguinte código:

<p>{$announcements.0.date} – <a href="{if $seofriendlyurls}announcements/{$announcements.0.id}/{$announcements.0.urlfriendlytitle}.html{else}announcements.php?id={$announcements.0.id}{/if}">{$announcements.0.title}</a><br />{$announcements.0.text|strip_tags|truncate:100:"…"}</p>

Substitua por:

<p>{$announcements.0.date} – <a href="{if $seofriendlyurls}announcements/{$announcements.0.id}/{$announcements.0.urlfriendlytitle}.html{else}announcements.php?id={$announcements.0.id}{/if}">{$announcements.0.title}</a> – <a href="http://twitter.com/home?status=Acabei de ler {$systemurl}{if $seofriendlyurls}announcements/{$announcements.0.id}/{$announcements.0.urlfriendlytitle}.html{else}announcements.php?id={$announcements.0.id}{/if}" title="Enviar para o Twitter!" target="_blank"><img src="templates/{$template}/images/twitter.png" border="0" alt="" /></a><br />{$announcements.0.text|strip_tags|truncate:100:"…"}</p>

Página Inicial

Abra o arquivo announcements.tpl apartir da linha 2, visualize o código:

<h2><a href="{if $seofriendlyurls}announcements/{$announcement.id}/{$announcement.urlfriendlytitle}.html{else}{$smarty.server.PHP_SELF}?id={$announcement.id}{/if}">{$announcement.title}</a></h2>

Substitua por:

<h2><a href="{if $seofriendlyurls}announcements/{$announcement.id}/{$announcement.urlfriendlytitle}.html{else}{$smarty.server.PHP_SELF}?id={$announcement.id}{/if}">{$announcement.title}</a> – <a href="http://twitter.com/home?status=Acabei de ler {$systemurl}{if $seofriendlyurls}announcements/{$announcements.0.id}/{$announcements.0.urlfriendlytitle}.html{else}announcements.php?id={$announcements.0.id}{/if}" title="Enviar para o Twitter!" target="_blank"><img src="templates/{$template}/images/twitter.png" border="0" alt="" /></a></h2>

Resultado:

Notícias Publicadas

Ao clicar na imagem/ícone ele automaticamente vai abrir a página do twitter e informará um texto + link da notícia do seu WHMCS:

Texto no Twitter

Caso você esteja trabalhando com URL amigáveis será enviado normalmente o link amigável conforme demonstração abaixo.

URL Amigável

image

Notícia Publicada

Caso queira alterar o ícone do Twitter procure no IconFinder e substitua em templates/portal/images/twitter.png

Atualização 12/01/2010:

Twitter + Orkut

{if $announcements}
<h2>{$LANG.latestannouncements}</h2>
<p>{$announcements.0.date} – <a href="{if $seofriendlyurls}announcements/{$announcements.0.id}/{$announcements.0.urlfriendlytitle}.html{else}announcements.php?id={$announcements.0.id}{/if}">{$announcements.0.title}</a> – <a href="http://twitter.com/home?status=Acabei de ler http://edvan.com.br/financeiro/{if $seofriendlyurls}announcements/{$announcements.0.id}/{$announcements.0.urlfriendlytitle}.html{else}announcements.php?id={$announcements.0.id}{/if}" title="Enviar para o Twitter!" target="_blank"><img src="templates/{$template}/images/twitter.png" border="0" alt="" /></a>

<a href="http://promote.orkut.com/preview?lang=pt_BR&nt=orkut.com&tt={$announcements.0.title}&du={$systemurl}{if $seofriendlyurls}announcements/{$announcements.0.id}/{$announcements.0.urlfriendlytitle}.html{else}announcements.php?id={$announcements.0.id}{/if}&cn={$announcements.0.text|strip_tags|truncate:100:"…"}" title="Enviar para o Orkut!" target="_blank"><img src="http://www.gstatic.com/orkut/api/orkut_mini-001.gif" border="0" alt="" /></a><br />{$announcements.0.text|strip_tags|truncate:100:"…"}</p>
{/if}

Resultado:

Twitter + Orkut

Atualização 11/05/2010:

Twitter + Orkut+ Buzz

<!–Código Twitter–>
<a href="{if $seofriendlyurls}announcements/{$announcement.id}/{$announcement.urlfriendlytitle}.html{else}{$smarty.server.PHP_SELF}?id={$announcement.id}{/if}">{$announcement.title}</a> – <a href="http://twitter.com/home?status=Acabei de ler {$systemurl}{if $seofriendlyurls}announcements/{$announcements.0.id}/{$announcements.0.urlfriendlytitle}.html{else}announcements.php?id={$announcements.0.id}{/if}" title="Enviar para o Twitter!" target="_blank"><img src="templates/{$template}/images/twitter.png" border="0" alt="" /></a>
<!–Código Orkut–>
<a href="http://promote.orkut.com/preview?lang=pt_BR&nt=orkut.com&tt={$announcements.0.title}&du={$systemurl}{if $seofriendlyurls}announcements/{$announcements.0.id}/{$announcements.0.urlfriendlytitle}.html{else}announcements.php?id={$announcements.0.id}{/if}" title="Enviar para o Orkut!" target="_blank"><img src="http://www.gstatic.com/orkut/api/orkut_mini-001.gif" border="0" alt="" /></a>
<!–Código Buzz–>
<a href="http://www.google.com/reader/link?url={$systemurl}{if $seofriendlyurls}announcements/{$announcements.0.id}/{$announcements.0.urlfriendlytitle}.html{else}announcements.php?id={$announcements.0.id}{/if}&title={$announcement.title}&srcURL={$systemurl}{if $seofriendlyurls}announcements/{$announcements.0.id}/{$announcements.0.urlfriendlytitle}.html{else}announcements.php?id={$announcements.0.id}{/if}" target="_blank" rel="nofollow external"><img src="http://imgur.com/d65Pr.png" border="0" alt="google-buzz" title="Buzz this!" /></a>

Resultado:

Twitter + Orkut + Buzz

Gostou? Comente!


Comentários (12)

Criação de Páginas WHMCS

Tags: , , , , , , ,

Criação de Páginas WHMCS

Postado em 17/12/2009 por Edvan

Criar uma página no WHMCS é um processo mais simples que cadastrar um produto/serviço. Apesar de poucos conhecerem ou usarem páginas vinculadas ao WHMCS, o objetivo deste post é dismistificar essa realidade.

Primeiro passo – Criar um arquivo .php utilizando o modelo abaixo, salvaremos o arquivo de teste.php e enviaremos para raiz do WHMCS . Para fins didáticos aonde tiver negrito você deve alterar para o nome que criou.

<?php

define(“CLIENTAREA”,true);

require(“dbconnect.php”);
require(“includes/functions.php”);
require(“includes/clientareafunctions.php”);

$pagetitle = “Minha Página“; //Título da Página
$pageicon = “images/support/clientarea.gif”;
$breadcrumbnav = ‘<a href=”index.php”>’.$_LANG['globalsystemname'].’</a>’;
$breadcrumbnav .= ‘ > <a href=”teste.php”>Teste</a>’;

initialiseClientArea($pagetitle,$pageicon,$breadcrumbnav);

$templatefile = “teste“;

outputClientArea($templatefile);

?>

Segundo passo – Criar um arquivo .tpl e insira uma informação dentro dele, exemplo:

<h3>Minha primeira página</h3>

Salve o arquivo como teste.tpl e envie para /seuwhmcs/templates/portal/

Agora execute o arquivo http://seuwhmcs.com/teste.php na prática http://www.edvan.com.br/financeiro/teste.php

Página Teste

Através do link http://wiki.whmcs.com/Creating_Pages e http://wiki.whmcs.com/Template_Syntax você pode conferir outras informações.

Páginas criadas apartir dessas instruções: http://www.edvan.com.br/financeiro/servicoswhmcs.php com conhecimentos básicos de HTML/PHP/JavaScript dá para fazer um pouco de tudo.

Meu último “desafio” foi criar uma página de descontos aonde o sistema a cada dia exibe uma promoção distinta apartir da data/hora do servidor, veja o resultado em http://www.edvan.com.br/financeiro/descontos.php

O Alessandro Raniére (@aleraniere) deve ter gostado do post de hoje.

Sucesso para todos!

Atualização 19/12/2009

- Criar uma página aonde clientes logados visualizem o contéudo, caso não esteja logado, será solicitado o usuário/senha, após login voltar para página automaticamente.

{if $loggedin}

<h2> Texto </h2>

{else}

<p>Você tem que fazer o login para acessar esta página. Os dados deste login são diferentes dos dados de login do painel de controle de sua conta de hospedagem.</p>
<form action=”dologin.php?goto=teste” method=”post” name=”frmlogin” id=”frmlogin”>
<table style=”margin: 0 auto;” cellpadding=”0″ cellspacing=”0″ border=”0″ align=”center”>
<tr>
<td><table border=”0″ align=”center” cellpadding=”10″ cellspacing=”0″>
<tr>
<td width=”150″ align=”right”>Email:</td>
<td><input type=”text” name=”username” size=”40″ value=”" /></td>
</tr>
<tr>
<td width=”150″ align=”right”>Senha:</td>
<td><input type=”password” name=”password” size=”25″ value=”" /></td>

</tr>
<tr>
<td width=”150″ align=”right”><input type=”checkbox” name=”rememberme2″ /></td>
<td>Lembrar</td>
</tr>
<tr>
<td width=”150″ align=”right”>&nbsp;</td>
<td><input type=”submit” value=”Login” /></td>
</tr>
</table></td>
</tr>
</table><br />
</form>
<p align=”center”><strong>Esqueceu sua Senha?</strong> <a href=”passwordreminder.php”>Solicite um lembrete de senha clicando aqui</a>.</p>
<script type=”text/javascript”>
document.frmlogin.username.focus();
</script>

{/if}

Em goto=teste” significa o nome da minha página/template que será redirecionada após o login. Substitua o negrito pelo nome do seu template ( não coloque teste.php, apenas o nome do template!

Abraços

Edvan


Comentários (18)

Layout Profissional – II

Tags: , , , , , , ,

Layout Profissional – II

Postado em 24/11/2009 por Edvan

Em janeiro publiquei aqui sobre a SwiftModders que na época possuia um custo muito alto… agora nem se fala! Essa semana um cliente de suporte WHMCS me solicitou que emitisse uma opinião sobre os serviços da NextInspire. Pelo custo de $ 100 dolares você terá um layout em 4 cores e 100% compatível com a última versão do WHMCS e ganhará 6 meses de update para as próximas versões do WHMCS se surgirem.

Para visualizar o demo clique aqui, clicando no topo você poderá escolher as cores e o layout será modificado o background.

Veja abaixo as imagens da página inicial.

Azul  

Vermelho

Verde

Marrom

Caso você não tenh R$ e deseje um layout gratuito confira aqui

Amanhã estarei divulgando promoções e novos serviços!

Agradeço o Marcos Silva pela sugestão.


Comentários (12)

Página 5 de 13« Primeira...34567...10...Última »

Serviços WHMCS

Enquetes

Você gostou das novidades da Versão 5.0?

View Results

Loading ... Loading ...

Facebook



Licenças WHMCS




Acompanhe