1. Fórum
  2. /
  3. Suporte Joomla
  4. /
  5. Templates
  6. /
  7. Joomla 1.5
  8. /
  9. Template não respeita CSS porque?

Template não respeita CSS porque?

  • wallanfcc
  • Avatar de wallanfcc Autor do Tópico
  • Offline
  • JCB! Novato
  • JCB! Novato
Mais
15 anos 4 meses atrás #33268 por wallanfcc
wallanfcc created the topic: Template não respeita CSS porque?
Estou precisando da ajuda de vc's, resolvi me aventurar a fazer um template na mão com varias posições e etc...segui o tutorial basico de vocês, iniciamente criei m layout em HTML usando um CSS proprio e tals que depois usaria pra aplicar no template para o joomla acontece que o CSS que eu criei funciona perfeitamente no HTML que eu criei mas quando uso o mesmo CSS pro index. do template o site fica todo truncado to eviando o print das telas pra ver se vcs me ajudam.
meu template está bem basico possui somente o index.php, o templateDetails.xml e uma pasta com css com 2 arquivos dentro template.css e posicoes.css

Abraços

Meus sinceros agradecimentos a todos vocês.


Meu index.php:
<?php
// no direct access
?>
<!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>
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<jdoc:include type="head" />
  <link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/css/template.css" />
  <link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/css/posicoes.css" />
</head>
<body>
<div id="conteudoPrincipal">
<div id="colunaNavegacao">
	<?php if($this->countModules('navegacao_2')) : ?>
	<div id="colunaNavegacao"></div>
        <jdoc:include type="modules" name="navegacao_2" style="colunaNavegacao" />
        <?php endif; ?>
</div>
<div id="coluna2">
	<div id="colunaHeader">
			<?php if($this->countModules('header_a')) : ?>
			<div id="header_a"></div>
         	<jdoc:include type="modules" name="header_a" style="header_a" />
            <?php endif; ?>
			<?php if($this->countModules('header_b')) : ?>
            <div id="header_b"></div>
         	<jdoc:include type="modules" name="header_b" style="header_b"/>
            <?php endif; ?>
			<?php if($this->countModules('navegacao')) : ?>
            <div id="navegacao"></div>
         	<jdoc:include type="modules" name="navegacao" style="navegacao" />
            <?php endif; ?>
    </div>
    <div id="depois">
    		<div id="conteinerConteudoEsquerda">
					<?php if($this->countModules('SlideShow')) : ?>
            		<div id="SlideShow"></div>
                    <jdoc:include type="modules" name="SlideShow" style="SlideShow" />
					<?php endif; ?>
            </div>
            <div id="conteinerConteudoDireita">
					<?php if($this->countModules('banners')) : ?>
            		<div id="banner_a" class="banners"></div>
                    <jdoc:include type="modules" name="banner_a" style="banners" />
					<?php endif; ?>
					<?php if($this->countModules('banner_b')) : ?>
            		<div id="banner_b" class="banners"></div>
                    <jdoc:include type="modules" name="banner_b" style="banners" />
					<?php endif; ?>
					<?php if($this->countModules('oferta1')) : ?>
                    <div id="oferta1"></div>
                    <jdoc:include type="modules" name="oferta1" style="xhtml" />
					<?php endif; ?>
					<?php if($this->countModules('oferta_b')) : ?>
                    <div id="oferta_b" class="ofertas"></div>
                    <jdoc:include type="modules" name="oferta_b" style="xhtml" />
					<?php endif; ?>
					<?php if($this->countModules('oferta_c')) : ?>
                    <div id="oferta_c" class="ofertas"></div>
                    <jdoc:include type="modules" name="oferta_c" style="xhtml" />
					<?php endif; ?>
					<?php if($this->countModules('oferta_d')) : ?>
                    <div id="oferta_d" class="ofertas"></div>
                    <jdoc:include type="modules" name="oferta_d" style="xhtml" />
					<?php endif; ?>
					<?php if($this->countModules('oferta_e')) : ?>
                    <div id="oferta_e"></div>
                    <jdoc:include type="modules" name="oferta_e" style="xhtml" />
					<?php endif; ?>
					<?php if($this->countModules('banner_c')) : ?>
            		<div id="banner_c" class="banners"></div>
                    <jdoc:include type="modules" name="banner_c" style="xhtml" />
					<?php endif; ?>
					<?php if($this->countModules('banner_d')) : ?>
            		<div id="banner_d" class="banners"></div>
                    <jdoc:include type="modules" name="banner_d" style="xhtml" />
					<?php endif; ?>
					<?php if($this->countModules('oferta_f')) : ?>
                    <div id="oferta_f" class="ofertas"></div>
                    <jdoc:include type="modules" name="oferta_f" style="xhtml" />
					<?php endif; ?>
					<?php if($this->countModules('oferta_g')) : ?>
                    <div id="oferta_g" class="ofertas"></div>
                    <jdoc:include type="modules" name="oferta_g" style="xhtml" />
					<?php endif; ?>
					<?php if($this->countModules('oferta_h')) : ?>
                    <div id="oferta_h" class="ofertas"></div>
                    <jdoc:include type="modules" name="oferta_h" style="xhtml" />
					<?php endif; ?>
					<?php if($this->countModules('banner_e')) : ?>
            		<div id="banner_e"></div>
                    <jdoc:include type="modules" name="banner_e" style="xhtml" />
					<?php endif; ?>
            </div>
			<?php if($this->countModules('destaque_a')) : ?>
            <div id="destaque_a"></div>
			<jdoc:include type="modules" name="destaque_a" style="xhtml" />
			<?php endif; ?>
			<?php if($this->countModules('destaque_b')) : ?>
            <div id="destaque_b"></div>
			<jdoc:include type="modules" name="destaque_b" style="xhtml" />
			<?php endif; ?>
			<?php if($this->countModules('conteudo_a')) : ?>
            <div id="conteudo_a" class="conteudo"></div>
			<jdoc:include type="modules" name="conteudo_a" style="xhtml" />
			<?php endif; ?>
			<?php if($this->countModules('conteudo_b')) : ?>
            <div id="conteudo_b" class="conteudo"></div>
			<jdoc:include type="modules" name="conteudo_b" style="xhtml" />
			<?php endif; ?>
			<?php if($this->countModules('conteudo_c')) : ?>
            <div id="conteudo_c" class="conteudo"></div>
			<jdoc:include type="modules" name="conteudo_c" style="xhtml" />
			<?php endif; ?>
			<?php if($this->countModules('conteudo_d')) : ?>
            <div id="conteudo_d" class="conteudo"></div>
			<jdoc:include type="modules" name="conteudo_d" style="xhtml"/>
			<?php endif; ?>
			<?php if($this->countModules('conteudo_e')) : ?>
            <div id="conteudo_e" class="conteudo"></div>
			<jdoc:include type="modules" name="conteudo_e" style="xhtml" />
			<?php endif; ?>
			<?php if($this->countModules('tagcloudfoto')) : ?>
            <div id="tagcloudfoto"></div>
			<jdoc:include type="modules" name="tagcloudfoto" style="xhtml" />
			<?php endif; ?>
			<?php if($this->countModules('tagcloudfoto')) : ?>
            <div id="banner_f"></div>
			<jdoc:include type="modules" name="banner_f" style="xhtml" />
			<?php endif; ?>
    </div>
<?php if($this->countModules('tagcloud')) : ?>
<div id="tagcloud"></div>
<jdoc:include type="modules" name="tagcloud" style="xhtml" />
<?php endif; ?>
<?php if($this->countModules('footer')) : ?>
<div id="footer"></div>
<jdoc:include type="modules" name="footer" style="xhtml" />
<?php endif; ?>
</div>
<div id="coluna3">
			<?php if($this->countModules('direita_a')) : ?>
			<div id="direita_a"></div>
			<jdoc:include type="modules" name="direita_a" style="xhtml" />
            <?php endif; ?>
			<?php if($this->countModules('direita_b')) : ?>
			<div id="direita_b"></div>
			<jdoc:include type="modules" name="direita_b" style="xhtml" />
            <?php endif; ?>
</div>
</div>

Meu css do tempate:
body{
	color:#FFF;
	background-color:#000;
	padding:0;
	text-align:center; /* hack para o IE */ 	}
#conteudoPrincipal{
	width: 1291px;
	margin:auto;
	background-color:#000;         
	text-align:left; /* "remédio" para o hack do IE */	
	}
#colunaNavegacao{
	background-color:#bfb6b1;
	width:35px;
	height:3175px;
	float:left;
	}
#colunaHeader{
	background-color:#F00;
	height:175px;
	width:951px;
	float:left;
	}
#colunaConteudo{
	background-color:#00F;
	width:auto;
	height:auto;
	float:left;
	}
#colunaOfertasebanners{
	background-color:#339;
	width:auto;
	height:auto;
	float:left;
	margin-left:17px;
	margin-top:25px;
	}
#colunaDireita{
	background-color:#339;
	width:left;
	height:auto;
	float: rigth;
	margin-left:17px;
	}
#coluna2{
	float:left;
	width:949px;
	height:auto;
	background-color:#FC0;
	}
#coluna3{
	float:left;
	width:199px;
	height:3000px;
	background-color:#6FC;
	margin-left:17px;
	}
#depois{
	margin-top:25px;
	float:left;
	width:949px;
	height:auto;
	background-color:#336;
	}
#conteinerConteudoEsquerda{
	float:left;
	width:auto;
	height:auto;
	background-color:#FC0;
	margin-top:25px;
	}
#conteinerConteudoDireita{
	float:right;
	width:299px;
	height:auto;
	background-color:#FC0;
	margin-left:17px;
	margin-top:25px;
	}
#banner_a{}
#banner_b{}
#banner_c{}
#banner_d{}
#banner_e{	
	float:left;
	width:299px;
	height:251px;
	background-color:#000681;
	margin-top:25px;
}
#oferta_b{}
#oferta_c{}
#oferta_d{}
#oferta_f{}
#oferta_g{}
#oferta_h{}
#conteudo_a{}
#conteudo_b{}
#conteudo_c{}
#conteudo_d{}
#conteudo_e{}
#banner_f{
	margin-top:25px;
	float:left;
	width:631px;
	height:75px;
	background-color:#448ff4;
	}
Meu css só pras posições que eu criei:
#header_a{
	float:left;
	width:949px;
	height:91px;
	background-color:#;
		}
#header_b{
	float:left;
	width:949px;
	height:57px;
	background-color:#269f23;
	}
#navegacao{
	float:left;
	width:949px;
	height:25px;
	background-color:#448ff4;
	}
#SlideShow{
	float:left;
	width:631px;
	height:355px;
	background-color:#448ff4;
	}
#destaque_a{
	float: left;
	width:417px;
	height:149px;
	background-color:#448ff4;
	margin-top:25px;
	margin-bottom:25px;
	
	}
#destaque_b{
	float:left;
	width:196px;
	height:149px;
	background-color:#448ff4;
	margin-left:17px;
	margin-top:25px;
	margin-bottom:25px;
	}
#tagcloudfoto{
	float:left;
	height:504px;
	width:631px;
	background-color:#448ff4;

	}
#direita_a{
		float:left;
		width:199px;
		height:91px;
		background-color:#000681;
	}
#direita_b{
		float:left;
		width:199px;
		height:427px;
		background-color:#000681;
		margin-top:25px;
	}
#tagcloud{
	float:left;
	width:949px;
	height:250px;
	background-color:#448ff4;
	}

#footer{
	float:left;
	width:949px;
	height:145px;
	background-color:#448ff4;
	}
.ofertas{
	float:left;
	width:299px;
	height:134px;
	background-color:#000681;
	margin-top:25px;
	}
.banners{
	float:left;
	width:299px;
	height:251px;
	background-color:#000681;
	margin-bottom:25px;
	}
.conteudo{
	float:left;
	width:631px;
	height:250px;
	background-color:#448ff4;
	margin-bottom:25px;
	}
#oferta1{
	float:left;
	width:299px;
	height:39px;
	background-color:#000681;
	}
#destaques{
	float:left;
	width:631px;
	height:250px;
	background-color:#448ff4;
}
#oferta_e{
	float:left;
	width:299px;
	height:134px;
	background-color:#000681;
	margin-top:25px;
	margin-bottom:25px;
	}
Anexos:

Please Entrar ou Registrar to join the conversation.


Mais
15 anos 4 meses atrás #33281 por Andre MaNcHa
Andre MaNcHa replied the topic: Re: Template não respeita CSS porque?
Olá amigo, pode disponibilizar um zip de todo seu conteudo pra que eu possa analizar aqui?

Agurado..

Abs <!-- s:ugeek: --><img src="{SMILIES_PATH}/icon_e_ugeek.gif" alt=":ugeek:" title="Uber Geek" /><!-- s:ugeek: -->

Please Entrar ou Registrar to join the conversation.

  • wallanfcc
  • Avatar de wallanfcc Autor do Tópico
  • Offline
  • JCB! Novato
  • JCB! Novato
Mais
15 anos 4 meses atrás #33285 por wallanfcc
wallanfcc replied the topic: Re: Template não respeita CSS porque?
Segue os arquivos, mais uma vez muito obrigado pelo interesse e disponibilidade dispensados.

This message has attachments files.
Please log in or register to see it.

Please Entrar ou Registrar to join the conversation.

  • wallanfcc
  • Avatar de wallanfcc Autor do Tópico
  • Offline
  • JCB! Novato
  • JCB! Novato
Mais
15 anos 3 meses atrás #34468 por wallanfcc
wallanfcc replied the topic: Re: Template não respeita CSS porque?
Alguém me ajude pe-la-mor-de-Deus...

Please Entrar ou Registrar to join the conversation.

Mais
15 anos 3 meses atrás #34472 por Andre MaNcHa
Andre MaNcHa replied the topic: Re: Template não respeita CSS porque?
Seu site está online?

Abs <!-- s:ugeek: --><img src="{SMILIES_PATH}/icon_e_ugeek.gif" alt=":ugeek:" title="Uber Geek" /><!-- s:ugeek: -->

Please Entrar ou Registrar to join the conversation.

  1. Fórum
  2. /
  3. Suporte Joomla
  4. /
  5. Templates
  6. /
  7. Joomla 1.5
  8. /
  9. Template não respeita CSS porque?
Joomla Templates Best Joomla Templates Premium Joomla Templates Free Joomla Templates