Fóruns do Joomla.com.br e JoomlaBrasil.org

Olá Galera gente boa do fórum

Primeiramente gostaria de agradecer a dedicação e paciencia (principalmente sem ter nenhuma recompensa a não ser satisfação pessoal

hehe) de ajudar os mais iniciantes (como eu

). Saibam que voces são um incentivo para que estudemos cada vez mais para talvez um dia estarmos no lugar de vcs tambem podendo prestar auxilio aos que necessitarem

Mas bem... chega de rasgação de seda e vamos à dúvida haehahe

Faz um tempinho que resolvi me dedicar mais ao Joomla e estuda-lo mais a fundo... até que decidi montar meu próprio template (procurando saber como trabalhar melhor com CSS, tableless e etc...)
Bom.. acontece que depois de montar a "cara" do layout, deixá-lo sem tabelas e td mais, consegui visualizá-lo certinho no editor de HTML, porém quando o passei para o Joomla, ele age como se a folha de estilo não existisse (ficando sem background, formatação de fonte, colocação dos divs...)

Estou com mtoooo medo de ser uma coisa tão boba que fiquei 2 semanas matutando aqui antes de postar o problema a vocês, mas hj me convenci a pisar no orgulho (mesmo correndo o risco de despedaça-lo

hehe). Onde eu posso ter errado?

Se for algo mto complexo alguém pode me recomentar alguma literatura? (pq os tutoriais brasileiros não ajudaram mto não ://)

Um abraço galera!
Agradeço desde já

desculpem, esqueci de anexar o código fonte
(já tomando a liberdade de colocá-lo aqui)

index.php

Código: Selecionar todos

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Central Eventos</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="css/template_css.css" /> 
</head>
<body>
	<div id="geral">
  	<div id="cabecalho">Cabeçalho talvez com um topmenu</div>
	<div id="menu">Menu ao lado esquerdo</div>
	<div id="publicidade">Banners verticais do lado direito</div>
	<div id="conteudo">Conteudo</div>
	<div id="rodape">Rodapé</div>
</div>

</body>
</html>

template_css.css

Código: Selecionar todos

/* CSS - template_css.css */

/* ESTRUTURA */

body {
	margin: 0;
	padding: 0;
	background: #E7EBF1;
	text-align: center; /* hack para o IE */	
}

	#geral {
	 	text-align:left; /* "remédio" para o hack do IE */
		background-color: #FFFFFF;
		width: 776px;
		border: 1px;
		margin: 0 auto;
	}
	
	#cabecalho {
		height: 194px;
		background: url(../images/ce_topo.gif);
		background-position: center top;
		background-repeat: no-repeat;
	}

	#menu {
		margin-left: 7px;
		width: 140px;
		background: url(../images/bg_menu.gif);
		background-position: right top;
		background-repeat: repeat-y;
		font: 10px Verdana;
	}
	
	#publicidade {
		margin-right: 8px;
		width: 131px;
		background: #FAFAFC;
		font: 10px Verdana;
	}

	#rodape {
		margin-left: 7px;
		margin-right: 7px;
		height: 82px;
		background: url(../images/rodape.gif);
		background-position: center bottom;
		background-repeat: repeat-x;
		font: 10px Verdana;
	}
	
	#menu {float: left;}
	#publicidade {float: right;}
	
	#conteudo {
		margin-left: 157px;
		margin-right: 150px;
		margin-bottom: 10px;
		font: bold 10px Verdana;
	}

Obrigado mesmo galera!

Este tutorial é o que você procura!
http://docs.joomla.org/Tutorial:Creatin ... !_template

Você está errando na inclusão do CSS no seu index.php.

A linha de inclusão correta é esta:

Código: Selecionar todos

  <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/nome_do_diretorio_do_template/css/arquivo.css" type="text/css" />

Você também deve configurar o arquivo templateDetails.xml, ele é importante para o funcionamento de um template.

Fóruns do Joomla.com.br e JoomlaBrasil.org

Joomla não reconhecendo CSS? Onde foi que eu errei hein? x.x

Joomla não reconhecendo CSS? Onde foi que eu errei hein? x.x

Re: Joomla não reconhecendo CSS? Onde foi que eu errei hein? x.x

Re: Joomla não reconhecendo CSS? Onde foi que eu errei hein? x.x

Re: Joomla não reconhecendo CSS? Onde foi que eu errei hein? x.x