CONFIGURAR TEMPLATE

Discussões relativas ao desenvolvimento de templates para Joomla!
jobonlinne
Novato
Mensagens: 16
Registrado em: 29 Set 2010, 19:37

CONFIGURAR TEMPLATE

Mensagem por jobonlinne »

Boa Tarde !

Preciso muito de um auxílio!
Estou desenvolvendo meu Portifólio e encontrando muita dificuldade ,pois não sei se o erro é no CSS ou se é preciso inserir algum script PHP para que ele funcione corretamente.

Vou anexar a imagem para poder explicar melhor o que eu preciso e quem puder me ajudar eu agradeço muito !
Eu não sei se fiz corretamente no CSS.

1 - Essa imagem ,representa a página inicial do Portifolio, claro que quando alguem for clicar em TRABALHOS,CONTATO e SOBREMIM,a página não poderia se
repetir.Eu gostaria que o fundo fosse igual,os botões também.Mas a foto e a imagem (APRESENTAÇÂO) ficasse visivel,somente no HOME.

Tentei então,fatiar e criar um módulo que ficasse no lugar daquela foto e no lugar da palavra IMAGEM,entretanto,a imagem fica como se eu estivesse recortado e colado em cima,uma aparencia horrivel.

2 - Outro problema é : o Conteúdo. Eu havia inserido o : <jdoc:include type="component" /> que permitiu que os aritgo aparecessem na página,porém,ele fica
completamente FORA da página.Não consigo arrumar no CSS e quando tento arrumar,os links HOME,TRABALHOS,CONTATO e SOBREMIM,ficam fora do lugar,se movem.Eu estou ficando maluca com isso.Então para mostrar aqui o CSS,eu retirei o <jdoc:include type="component" /> ,para começar partindo do que está na imagem.Desse jeito esta certinho,mas não funciona nada.Exceto os links ,mas não direciona a artigo algum,é claro,pois retirei o <jdoc:include type="component" />,mas ao inserir o <jdoc:include type="component" />,fica tudo torto e a imagem da foto não sai,pois é claro,deve ter um meio em que eu possa configurar para que ele fique somente em HOME e eu não sei COMO.

3- Como disse,tentei inserir a imagem no proprio modulo do Joomla,ao inves de inserir como background da primeira vez,mas ficou HORROROSO.Parece colagem.Então fiz no CSS,ficou do jeito que quero,mas sem função.Todas as paginas permanecem iguais.

ME AJUDEM quem PUDER por favor!!


CSS:

body{
background:url(../images/todo.gif);
background-repeat:no-repeat;
background-color:#000;
width:1164px;
height:610px;
background-position:center;
}
.menu{

}
.apresentaçao{
background:url(../images/aprsen.gif);
margin-right:136px;
margin-top:212px;
float:right;
width:278px;
height:74px;

}
.Home{
padding-left:885px;
padding-top:340px;
}
.Home a {
font-family:Tahoma;
font-size:12px;
color:#333;
text-decoration:none;
}
.Sobremim {
color:#FC0;
padding-left:830px;
padding-top:24px;
}
.Sobremim a {
font-family:Tahoma;
font-size:12px;
color:#333;
text-decoration:none;
}
.Trabalhos {
color:#FC0;
padding-left:773px;
padding-top:35px;
}
.Trabalhos a {
font-family:Tahoma;
font-size:12px;
color:#333;
text-decoration:none;
}
.Contato{
color:#FC0;
padding-left:717px;
padding-top:30px;
}
.Contato a {
font-family:Tahoma;
font-size:12px;
color:#333;
text-decoration:none;
}
.texto{
}
.conteudo1{
background-image:url(../images/foto9.gif);
background-repeat:no-repeat;
margin-left:170px;
margin-top:-380px;
width:498px;
height:367px;
}
.rodape{
color:#333;
width:300px;
padding-top:97px;
padding-left:515px;
font-family:Tahoma;
font-size:12px;
}

INDEX.PHP

<?php
defined('_JEXEC') or die('Restricted access');
include_once (dirname(__FILE__).DS.'/vars.php');
echo '<?xml version="1.0" encoding="utf-8"?'.'>';
?>

<!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; ?>" dir="<?php echo $this->direction; ?>" class="<?php echo css_browser_selector() ?>">
<head>
<?php
$user =& JFactory::getUser();
if ($user->get('guest') == 1) {
$headerstuff = $this->getHeadData();
$headerstuff['scripts'] = array();
$this->setHeadData($headerstuff); }
?>
<jdoc:include type="head" />

<link href="<?php echo $urlCss; ?>/template.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]>
<link href="<?php echo $urlCss; ?>/ieonly.css" rel="stylesheet" type="text/css" />
<script src="<?php echo $urlJs; ?>/DD_belatedPNG_0.0.7a-min.js"></script>
<script>
DD_belatedPNG.fix('li, img, div, p, h1');
</script>
<![endif]-->
<!--[if IE 7]>
<link href="<?php echo $urlCss; ?>/ie7only.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!-- Hide the little toolthing Internet Explorer pops when you hover over an image, very anoying -->
<meta http-equiv="imagetoolbar" content="false" />
</head>
<body>
<!--MENU-->
<div class="menu">
<div class="apresentaçao">
<jdoc:include type="modules" name="apresentaçao" style="xhtml" />
</div>

<div class="Home">
<jdoc:include type="modules" name="Home" style="xhtml" />
</div>

<div class="Sobremim">
<jdoc:include type="modules" name="Sobremim" style="xhtml" />
</div>
<div class="Trabalhos">
<jdoc:include type="modules" name="Trabalhos" style="xhtml" />
</div>
<div class="Contato">
<jdoc:include type="modules" name="Contato" style="xhtml" />
</div>
</div>
<!--IMAGEM-FOTO-->
<div class="texto">

<div class="conteudo1">
<jdoc:include type="modules" name="conteudo1" style="xhtml" />
</div>
<div class="rodape">
<jdoc:include type="modules" name="rodape" style="xhtml" />
</div>
</div>
</body>
</html>


OBRIGADA!
Anexos
Pagina inicial do meu Portifolio
Pagina inicial do meu Portifolio
forum.jpg (76.94 KiB) Exibido 448 vezes
Responder