Editando o template mx_joofree2

Discussões relativas ao desenvolvimento de templates para Joomla!
Responder
giustin
Novato
Mensagens: 8
Registrado em: 07 Out 2009, 10:55

Editando o template mx_joofree2

Mensagem por giustin »

Olá, comunidade!

Tenho umas dúvidas quanto a customização do template "mx_joofree2", se puderem me ajudar:

Este é meu portal http://portal.portabilis.com.br, ou pelo menos tentativa de ser um. :)

1) Texto "Welcome to the Frontpage" que aparece na tela inicial e também no Title da página, como eu posso ocultar este texto, alterar ou então trocar a cor dele. Está em vermelho.
R: A cor já consegui definir, era o título H3 no html do CSS. Mas para remover ele dali e mudar o title da página eu ainda não sei como fazer.

2) Textos da caixa de login "Esqueceu sua senha", etc. como faço para alterar de vermelho para outra cor? Não encontrei a referência no CSS. Mesmo caso da cor para o link www que tem no artigo.

3) O texto "Types of Extensions". Onde altero no CSS referente esta cor de texto?
R: A cor já consegui definir, era o título H3 no html do CSS.

4) Última dúvida e mais importante pra mim: Eu quero criar um topo bem criativo, diferente, que demonstre imagens dimânicas usando Javascript, aqui tem um exemplo de +- o que eu quero: http://imageflow.finnrudolph.de/

Então, queria saber como eu posso dizer ao meu template que toda a área que sobrou acima da barra de menu seja utilizada para este javascript, enfim, quero criar um novo campo "user" é isso? podem me orientar se é possível eu fazer isso e como eu devo proceder?

Muito obrigado a todos pela atenção. Abraços!
Voltar ao topo
giustin
Novato
Mensagens: 8
Registrado em: 07 Out 2009, 10:55

Re: Editando o template mx_joofree2

Mensagem por giustin »

Olá, pessoal!

Mudei minha ideia a respeito das mudanças no portal, seguem abaixo, caso alguém possa me ajudar:

isto é o que tenho hoje:
Imagem

isto é o que quero fazer:
Imagem

Preciso posicionar o campo de busca (1) para direita próximo da barra de menus, e depois alocar Meu Banner em todo o topo, reduzindo a altura (2).

Segue abaixo o fonte do meu /www/site/templates/mx_joofree2/index.php:

Código: Selecionar todos

<?php
// no direct access
defined( '_JEXEC' ) or die( 'Restricted index access' );
define( 'YOURBASEPATH', dirname(__FILE__) );

$live_site                  = $mainframe->getCfg('live_site');
$template_path              = $this->baseurl . '/templates/' .  $this->template;
$show_flashheader           = ($this->params->get("showFlashheader", 1)  == 0)?"false":"true";
$show_logo                  = ($this->params->get("showLogo", 1)  == 0)?"false":"true";
$show_date                  = ($this->params->get("showDate", 1)  == 0)?"false":"true";
$show_breadcrumbs           = ($this->params->get("showBreadcrumbs", 1)  == 0)?"false":"true";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>

<title>My Title</title>


<jdoc:include type="head" />

<link rel="shortcut icon" href="<?php echo $this->baseurl; ?>/images/favicon.ico" />
<link href="<?php echo $this->baseurl ?>/templates/system/css/system.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $this->baseurl ?>/templates/system/css/general.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template?>/css/template_css.css" rel="stylesheet" type="text/css" />

<!--[if lte IE 6]>
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/ie6.css" type="text/css" />
<![endif]-->

</head>
<body class="body_bg">


<div id="bgr">

<div id="wrapper">
<div id="tophead">
<?php if($this->countModules('user4')) : ?>
<div id="search">
<jdoc:include type="modules" name="user4" style="xhtml" />
</div>
<?php endif; ?>
<!-- BEGIN: LOGO -->
<?php if($show_logo == "true") : ?>
<div id="logo">
<a href="<?php echo $mosConfig_live_site;?>">
<img src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template?>/images/logo.png" alt="" />
</a>
</div>
<?php endif; ?>
<!-- END: LOGO -->
<!-- BEGIN: flashheader -->
<?php if($show_flashheader == "true") : ?>
<div id="ol-flashheader">
<object type="application/x-shockwave-flash" data="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template?>/images/header.swf" width="700" height="240">
<param name="wmode" value="transparent" />
<param name="movie" value="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template?>/images/header.swf" />
</object>
</div>
<?php endif; ?>
<!-- END: flashheader -->

<!-- BEGIN: Date -->
<?php if($show_date == "true") : ?>
<div id="date-format">
<?php $now = &JFactory::getDate(); echo $now->toFormat("%A, %d %b %Y"); ?>
</div>
<?php endif; ?>
<!-- END: Date -->
</div>
<?php if( $this->countModules('user3') ) {?>
<div id="topcol">
<div id="topmenu">
<table cellspacing="0" cellpadding="0" style="float: left;">
<tr>
<td>
<jdoc:include type="modules" name="user3" />
</td>
</tr>
</table>
</div>
</div>
<?php } ?>

<div id="wrapper_2">
<div id="holder">
<!--pathway start-->
<?php if ($show_breadcrumbs == "true") : ?>
<div class="path">
Você está aqui: <jdoc:include type="module" name="breadcrumbs" />
</div>
<?php endif; ?>
<!--pathway end-->

<div id="content">
<?php if($this->countModules('left') and JRequest::getCmd('layout') != 'form') : ?>
<div id="left">
<jdoc:include type="modules" name="left" style="rounded" />
</div>
<?php endif; ?>

<?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
<div id="main">
<?php else: ?>
<div id="main_full">
<?php endif; ?>
<div class="nopad">
<jdoc:include type="message" />

<!-- BEGIN: USERS TEMPSPLASH -->
<div id="lr-padd">

<table class="lr-padd" cellspacing="2">
<tr valign="top">
<?php if( $this->countModules('user1') ) {?>
<td class="lr-padd">
<jdoc:include type="modules" name="user2" style="xhtml" />
</td>
<?php } ?>
<?php if( $this->countModules('user1') ) {?>
<td class="lr-padd">
<jdoc:include type="modules" name="user2" style="xhtml" />
</td>
<?php } ?>
</tr>
</table>

</div>
<!-- END: USERS TEMPSPLASH -->

<jdoc:include type="component" />
</div>
</div>

<?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
<div id="right">
<jdoc:include type="modules" name="right" style="rounded" />
</div>
<?php endif; ?>
<div class="clr"></div>
</div>
</div>

<!--footer start-->
<div id="footer">
<div id="footer_in">
<div>
<div style="text-align: center; padding: 18px 0 0;">
<?php include (dirname(__FILE__).DS.'/footer.php'); ?>
</div>
</div>
</div>
</div>
<!--footer end-->
</div>
</div>
</div>
</div>
<jdoc:include type="modules" name="debug" />
</body>
</html>
Voltar ao topo
Responder

Voltar para “Templates”