- Postagens: 5
- Obrigados Recebidos: 0
Ajuda Posição Template
- roger.araujo
-
Autor do Tópico
- Offline
- JCB! Novato
-
Menos
Mais
12 anos 3 meses atrás #91405
por roger.araujo
roger.araujo created the topic: Ajuda Posição Template
Olá amigos.
Gostaria de saber como fazer para deixar a posição "debug" (imagem escura) do meu template igual ao topo (imagem amarela).
Gostaria que a posição debug ficasse centralizada e na largura total da tela, igual ao topo que tem a imagem amarela.
Vejam este exemplo em:
http://odontocenterjong.com.br/teste
Ficaria muito grato se alguém conseguisse resolver isso pra mim.
Muito obrigado a todos.
Gostaria de saber como fazer para deixar a posição "debug" (imagem escura) do meu template igual ao topo (imagem amarela).
Gostaria que a posição debug ficasse centralizada e na largura total da tela, igual ao topo que tem a imagem amarela.
Vejam este exemplo em:
http://odontocenterjong.com.br/teste
Ficaria muito grato se alguém conseguisse resolver isso pra mim.
Muito obrigado a todos.
Please Entrar ou Registrar to join the conversation.
- masinfox
-
- Offline
- JCB! Master
-
12 anos 3 meses atrás #91406
por masinfox
[url=http://www.masinfox.com:59pl1xnr][b:59pl1xnr][color=#0040BF:59pl1xnr]www.masinfox.com[/color:59pl1xnr][/b:59pl1xnr][/url:59pl1xnr]
masinfox replied the topic: Re: Ajuda Posição Template
olá amigo, faça assim:
logo abaixo de
<div id="art-header-bg" class="clearfix" style="top: 0px; "></div>
coloque o seguinte css:
<div class="clearfix"><jdoc:include type="modules" name="debug" /></div>
deve ficar assim:
<div id="art-header-bg" class="clearfix" style="top: 0px; "> modulo user 3 </div>
<div class="clearfix"><jdoc:include type="modules" name="debug" /></div>
caso isso não funcione coloque o codigo fonte do seu index para que possa ver como está, assim posso te ajudar
logo abaixo de
<div id="art-header-bg" class="clearfix" style="top: 0px; "></div>
coloque o seguinte css:
<div class="clearfix"><jdoc:include type="modules" name="debug" /></div>
deve ficar assim:
<div id="art-header-bg" class="clearfix" style="top: 0px; "> modulo user 3 </div>
<div class="clearfix"><jdoc:include type="modules" name="debug" /></div>
caso isso não funcione coloque o codigo fonte do seu index para que possa ver como está, assim posso te ajudar
[url=http://www.masinfox.com:59pl1xnr][b:59pl1xnr][color=#0040BF:59pl1xnr]www.masinfox.com[/color:59pl1xnr][/b:59pl1xnr][/url:59pl1xnr]
Please Entrar ou Registrar to join the conversation.
- roger.araujo
-
- Offline
- JCB! Novato
-
Menos
Mais
- Postagens: 5
- Obrigados Recebidos: 0
12 anos 3 meses atrás #91412
por roger.araujo
roger.araujo replied the topic: Re: Ajuda Posição Template
Olá masinfox.
Muito obrigado por sua boa vontade.
Acabei de ver sua resposta, vou tentar e logo volto para informar se eu consegui acertar.
Você quer ver os códigos php e css? É isso certo?!
Muito obrigado por sua boa vontade.
Acabei de ver sua resposta, vou tentar e logo volto para informar se eu consegui acertar.
Você quer ver os códigos php e css? É isso certo?!
Please Entrar ou Registrar to join the conversation.
- roger.araujo
-
- Offline
- JCB! Novato
-
Menos
Mais
- Postagens: 5
- Obrigados Recebidos: 0
12 anos 3 meses atrás #91413
por roger.araujo
roger.araujo replied the topic: Re: Ajuda Posição Template
Olá masinfox.
É, eu não consegui, infelizmente.
Também tentei outras opções, todas sem sucesso.
Eu consigo criar a posição, colocar ela exatamente onde eu preciso (em baixo do topo, imagem amarela), mas não consigo fazer com que ela fique centralizada em toda a largura da tela, igual ao topo da página (imagem amarela).
Estou deixando aqui como está meu código atualmente, agradeço todos que puderem me ajudar.Muito obrigado.
É, eu não consegui, infelizmente.
Também tentei outras opções, todas sem sucesso.
Eu consigo criar a posição, colocar ela exatamente onde eu preciso (em baixo do topo, imagem amarela), mas não consigo fazer com que ela fique centralizada em toda a largura da tela, igual ao topo da página (imagem amarela).
Estou deixando aqui como está meu código atualmente, agradeço todos que puderem me ajudar.
<?php
defined('_JEXEC') or die;
require_once dirname(__FILE__) . DIRECTORY_SEPARATOR . 'functions.php';
$document = $this;
$templateUrl = $document->baseurl . '/templates/' . $document->template;
Artx::load("Artx_Page");
$view = $this->artx = new ArtxPage($this);
$view->componentWrapper();
JHtml::_('behavior.framework', true);
?>
<!DOCTYPE html>
<html dir="ltr" lang="<?php echo $document->language; ?>">
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $document->baseurl; ?>/templates/system/css/system.css" />
<link rel="stylesheet" href="<?php echo $document->baseurl; ?>/templates/system/css/general.css" />
<meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width">
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.css" media="screen">
<!--[if lte IE 7]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie7.css" media="screen" /><![endif]-->
<link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.responsive.css" media="all">
<script>if ('undefined' != typeof jQuery) document._artxJQueryBackup = jQuery;</script>
<script src="<?php echo $templateUrl; ?>/jquery.js"></script>
<script>jQuery.noConflict();</script>
<script src="<?php echo $templateUrl; ?>/script.js"></script>
<?php $view->includeInlineScripts() ?>
<script>if (document._artxJQueryBackup) jQuery = document._artxJQueryBackup;</script>
<script src="<?php echo $templateUrl; ?>/script.responsive.js"></script>
</head>
<body>
<div id="art-main">
<div id="art-header-bg" class="clearfix">
</div>
<div class="art-sheet clearfix">
<header class="art-header clearfix"><?php echo $view->position('header', 'art-nostyle'); ?>
<div class="art-shapes">
</div>
<?php if ($view->containsModules('user3', 'extra1', 'extra2')) : ?>
<nav class="art-nav clearfix">
<?php if ($view->containsModules('extra1')) : ?>
<div class="art-hmenu-extra1"><?php echo $view->position('extra1'); ?></div>
<?php endif; ?>
<?php if ($view->containsModules('extra2')) : ?>
<div class="art-hmenu-extra2"><?php echo $view->position('extra2'); ?></div>
<?php endif; ?>
<?php echo $view->position('user3'); ?>
</nav>
<?php endif; ?>
</header>
<div class="my-banner">
<?php echo $view->position('position-banner', 'art-nostyle'); ?>
</div>
<?php echo $view->position('debug'); ?>
<?php echo $view->position('banner1', 'art-nostyle'); ?>
<?php echo $view->positions(array('top1' => 33, 'top2' => 33, 'top3' => 34), 'art-block'); ?>
<div class="art-layout-wrapper clearfix">
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell art-content clearfix">
<?php
echo $view->position('banner2', 'art-nostyle');
if ($view->containsModules('breadcrumb'))
echo artxPost($view->position('breadcrumb'));
echo $view->positions(array('user1' => 50, 'user2' => 50), 'art-article');
echo $view->position('banner3', 'art-nostyle');
echo artxPost(array('content' => '<jdoc:include type="message" />', 'classes' => ' art-messages'));
echo '<jdoc:include type="component" />';
echo $view->position('banner4', 'art-nostyle');
echo $view->positions(array('user4' => 50, 'user5' => 50), 'art-article');
echo $view->position('banner5', 'art-nostyle');
?>
</div>
</div>
</div>
</div>
<?php echo $view->positions(array('bottom1' => 33, 'bottom2' => 33, 'bottom3' => 34), 'art-block'); ?>
<?php echo $view->position('banner6', 'art-nostyle'); ?>
<footer class="art-footer clearfix">
<?php if ($view->containsModules('copyright')) : ?>
<?php echo $view->position('copyright', 'art-nostyle'); ?>
<?php else: ?>
<p><br></p>
<?php endif; ?>
</footer>
</div>
</div>
</body>
</html>Please Entrar ou Registrar to join the conversation.
- roger.araujo
-
- Offline
- JCB! Novato
-
Menos
Mais
- Postagens: 5
- Obrigados Recebidos: 0