PDA

Zobacz pełną wersję : Problem z górnym menu na stronie


webmaker
17-07-2011, 16:16
Witam.
Proszę o pomoc, zrobiłem templatkę w artisterze 3.0 do strony http://onestopbuilders.com,
i dodałem do tej templatki moduł górnego menu (widać je w lewym górnym rogu strony).
Moduł dodałem do pliku templatedatails.xml, index.php i do template.css i nazwłem go top.
Lecz problem polega na tym, że to menu nie wyświetla się na środku i nie mogę zmienić wielkości i koloru czcionki.
Bardzo proszę o pomoc.
Z góry dzieki

---------- Post dodany o 15:16 ---------- Poprzedni post był o 15:14 ----------

Oto index.php z zaplecz joomli:

<?php



defined('_JEXEC') or die;

require_once dirname(__FILE__) . DIRECTORY_SEPARATOR . 'functions.php';

// Create alias for $this object reference.
$document = & $this;

// Shortcut for template base url.
$templateUrl = $document->baseurl . '/templates/' . $document->template;

// Initialize version-specific view.
$view = $this->artx = ('1.6' == $GLOBALS['version']->RELEASE) ? new ArtxPage16($this) : new ArtxPage15($this);

$view->componentWrapper();
?>
<!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 $document->language; ?>" lang="<?php echo $document->language; ?>" >
<head>
<div class="top">
<jdoc:include type="modules" name="top" style="xhtml" />
</div>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $document->baseurl; ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $document->baseurl; ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="<?php echo $templateUrl; ?>/css/template.css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie6.css" type="text/css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie7.css" type="text/css" media="screen" /><![endif]-->
<script type="text/javascript">if ('undefined' != typeof jQuery) document._artxJQueryBackup = jQuery;</script>
<script type="text/javascript" src="<?php echo $templateUrl; ?>/jquery.js"></script>
<script type="text/javascript">jQuery.noConflict();</script>
<script type="text/javascript" src="<?php echo $templateUrl; ?>/script.js"></script>
<script type="text/javascript">if (document._artxJQueryBackup) jQuery = document._artxJQueryBackup;</script>
</head>


<body class="<?php echo $view->bodyClass(); ?>">
<div id="art-main">

<div class="art-header">

<div class="art-header-clip">
<div class="art-header-center">
<div class="art-header-png"></div>
<div class="art-header-jpeg"></div>
</div>
</div>
<div class="art-header-wrapper">
<div class="art-header-inner">
<script type="text/javascript" src="<?php echo $document->baseurl . '/templates/' . $document->template; ?>/swfobject.js"></script>
<div id="art-flash-area">
<div id="art-flash-container">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1015" height="250" id="art-flash-object">
<param name="movie" value="<?php echo $document->baseurl . '/templates/' . $document->template; ?>/container.swf" />
<param name="quality" value="high" />
<param name="scale" value="default" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=0xFFFFFF&amp;alpha1=.50&amp;framerate1=24&amp;loop=true &amp;wmode=transparent&amp;clip=<?php echo $document->baseurl . '/templates/' . $document->template; ?>/images/flash.swf&amp;radius=5&amp;clipx=-56&amp;clipy=0&amp;initalclipw=980&amp;initalcliph=225&amp;clipw=1 088&amp;cliph=250&amp;width=1015&amp;height=250&amp;textblock_widt h=0&amp;textblock_align=no&amp;hasTopCorners=true&amp;hasBotto mCorners=false" />
<param name="swfliveconnect" value="true" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="<?php echo $document->baseurl . '/templates/' . $document->template; ?>/container.swf" width="1015" height="250">
<param name="quality" value="high" />
<param name="scale" value="default" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=0xFFFFFF&amp;alpha1=.50&amp;framerate1=24&amp;loop=true &amp;wmode=transparent&amp;clip=<?php echo $document->baseurl . '/templates/' . $document->template; ?>/images/flash.swf&amp;radius=5&amp;clipx=-56&amp;clipy=0&amp;initalclipw=980&amp;initalcliph=225&amp;clipw=1 088&amp;cliph=250&amp;width=1015&amp;height=250&amp;textblock_widt h=0&amp;textblock_align=no&amp;hasTopCorners=true&amp;hasBotto mCorners=false" />
<param name="swfliveconnect" value="true" />
<!--<![endif]-->
<div class="art-flash-alt"><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
</div>
<script type="text/javascript">swfobject.switchOffAutoHideShow(); swfobject.registerObject("art-flash-object", "9.0.0", "<?php echo $document->baseurl . '/templates/' . $document->template; ?>/expressInstall.swf");</script>
<div class="art-logo">
</div>

</div>
</div>
</div>
<div class="cleared reset-box"></div>
<?php if ($view->containsModules('user3', 'extra1', 'extra2')) : ?>
<div class="art-nav">
<div class="art-nav-l"></div>
<div class="art-nav-r"></div>
<div class="art-nav-outer">
<div class="art-nav-wrapper">
<div class="art-nav-inner">
<?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'); ?>
</div>
</div>
</div>
</div>
<div class="cleared reset-box"></div>
<?php endif; ?>
<div class="art-sheet">
<div class="art-sheet-tl"></div>
<div class="art-sheet-tr"></div>
<div class="art-sheet-bl"></div>
<div class="art-sheet-br"></div>
<div class="art-sheet-tc"></div>
<div class="art-sheet-bc"></div>
<div class="art-sheet-cl"></div>
<div class="art-sheet-cr"></div>
<div class="art-sheet-cc"></div>
<div class="art-sheet-body">
<?php echo $view->position('banner1', 'art-nostyle'); ?>
<?php echo $view->positions(array('top1' => 33, 'top2' => 33, 'top3' => 34), 'art-block'); ?>
<div class="art-content-layout">
<div class="art-content-layout-row">
<?php if ($view->containsModules('left')) : ?>
<div class="art-layout-cell art-sidebar1">
<?php echo $view->position('left', 'art-block'); ?>

<div class="cleared"></div>
</div>
<?php endif; ?>
<div class="art-layout-cell art-content">

<?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');
if ($view->hasMessages())
echo artxPost('<jdoc:include type="message" />');
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 class="cleared"></div>
</div>
<?php if ($view->containsModules('right')) : ?>
<div class="art-layout-cell art-sidebar2">
<?php echo $view->position('right', 'art-block'); ?>

<div class="cleared"></div>
</div>
<?php endif; ?>

</div>
</div>
<div class="cleared"></div>


<?php echo $view->positions(array('bottom1' => 33, 'bottom2' => 33, 'bottom3' => 34), 'art-block'); ?>
<?php echo $view->position('banner6', 'art-nostyle'); ?>
<jdoc:include type="modules" name="user3" style="none"/>
<div class="art-footer">
<div class="art-footer-t"></div>
<div class="art-footer-l"></div>
<div class="art-footer-b"></div>
<div class="art-footer-r"></div>
<div class="art-footer-body">
<div class="art-footer-text">
<?php if ($view->containsModules('copyright')): ?>
<?php echo $view->position('copyright', 'art-nostyle'); ?>
<?php else: ?>
<?php ob_start(); ?>
<p><a href="http://www.worcesterwebmaker.co.uk/">Web Design</a></p>

<p>Copyright © 2011. All Rights Reserved.</p>


<?php echo str_replace('%YEAR%', date('Y'), ob_get_clean()); ?>
<?php endif; ?>
</div>
<div class="cleared"></div>
</div>
</div>

<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
<p class="art-page-footer"></p>

</div>

<?php echo $view->position('debug'); ?>
</body>
</html>
webmaker
17-07-2011, 16:20
/* begin Page */


#art-main, table
{
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: normal;
font-size: 13px;
letter-spacing: 1px;
}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
margin: 0;
padding: 0;
}

.art-postcontent,
.art-postcontent li,
.art-postcontent table,
.art-postcontent a,
.art-postcontent a:link,
.art-postcontent a:visited,
.art-postcontent a.visited,
.art-postcontent a:hover,
.art-postcontent a.hovered
{
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
}

.art-postcontent p
{
margin: 12px 0;
}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
{
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: bold;
font-size: 24px;
text-align: left;
text-decoration: none;
letter-spacing: 3px;
}

.art-postcontent a
{
text-decoration: underline;
letter-spacing: 1px;
color: #2F77B1;
}

.art-postcontent a:link
{
text-decoration: underline;
letter-spacing: 1px;
color: #2F77B1;
}

.art-postcontent a:visited, .art-postcontent a.visited
{
color: #4B545D;
}

.art-postcontent a:hover, .art-postcontent a.hover
{
text-decoration: none;
color: #0079DB;
}

.art-postcontent h1
{
color: #235985;
margin: 15px 0;
}

.art-blockcontent h1
{
margin: 15px 0;
}

.art-postcontent h2
{
color: #235985;
margin: 16px 0;
font-size: 22px;
letter-spacing: 2px;
}

.art-blockcontent h2
{
margin: 16px 0;
font-size: 22px;
letter-spacing: 2px;
}

.art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited
{
font-size: 22px;
letter-spacing: 2px;
}

.art-postcontent h3
{
color: #64707D;
margin: 18px 0;
font-size: 20px;
letter-spacing: 2px;
}

.art-blockcontent h3
{
margin: 18px 0;
font-size: 20px;
letter-spacing: 2px;
}

.art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited
{
font-size: 20px;
letter-spacing: 2px;
}

.art-postcontent h4
{
color: #10283C;
margin: 18px 0;
font-size: 15px;
letter-spacing: 2px;
}

.art-blockcontent h4
{
margin: 18px 0;
font-size: 15px;
letter-spacing: 2px;
}

.art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited
{
font-size: 15px;
letter-spacing: 2px;
}

.art-postcontent h5
{
color: #10283C;
margin: 20px 0;
font-size: 13px;
letter-spacing: 2px;
}

.art-blockcontent h5
{
margin: 20px 0;
font-size: 13px;
letter-spacing: 2px;
}

.art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited
{
font-size: 13px;
letter-spacing: 2px;
}

.art-postcontent h6
{
color: #183B59;
margin: 28px 0;
font-size: 13px;
letter-spacing: 2px;
}

.art-blockcontent h6
{
margin: 28px 0;
font-size: 13px;
letter-spacing: 2px;
}

.art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited
{
font-size: 13px;
letter-spacing: 2px;
}

ul
{
list-style-type: none;
}

ol
{
list-style-position: inside;
}

html
{
height:100%;
}
#top {
position:absolute;

width: 200px;
height: 100px;
z-index:-3;
left: 0px;
top: 0px;
}

#art-main
{
display: inline-block;
position: relative;
z-index: 0;
width: 100%;
left: 0;
top: 0;
cursor:default;
overflow:visible;
float: left;
clear: left;
}

body
{
padding: 0;
margin:0;
color: #22262A;
height:100%;
min-height:100%;
background-color: #FFFFFF;
background-image: url('../images/Bottom_texture.jpg');
background-repeat: repeat;
background-attachment: fixed;
background-position: center center;
min-width: 1031px;
}

.cleared
{
display:block;
clear: both;
float: none;
margin: 0;
padding: 0;
border: none;
font-size: 0;
height:0;
overflow:hidden;
}

.reset-box
{
overflow:hidden;
display:table;
}

form
{
padding: 0 !important;
margin: 0 !important;
}

table.position
{
position: relative;
width: 100%;
table-layout: fixed;
}
/* end Page */

/* begin Header */

div.art-header
{
margin: 0 auto;
position: relative;
z-index: -1;
width:1031px;
height: 258px;
margin-top: 13px;
margin-bottom: 0;
}

div.art-header-clip
{
position: absolute;
width:100%;
left:0;
overflow:hidden;
height:258px;
}

.art-header-wrapper
{
position: relative;
width:1031px;
margin:0 auto;
}
.art-header-inner
{
margin: 0 8px;
}

div.art-header-center
{
position: relative;
width: 1031px;
left:50%;
}

div.art-header-png
{
position: absolute;
left:-50%;
top: 0;
width: 1031px;
height: 258px;
background-image: url('../images/header.png');
background-repeat: no-repeat;
background-position:center center;
}

div.art-header-jpeg
{
position: absolute;
top: 0;
left:-50%;
width: 1031px;
height: 258px;
background-image: url('../images/header.jpg');
background-repeat: no-repeat;
background-position: center center;
}
/* end Header */

/* begin Flash */
#art-flash-area
{
position: absolute;
top: 8px;
left: 8px;
width: 1015px;
height: 250px;
overflow: hidden;
}

#art-flash-container
{
width: 1015px;
height: 250px;
top: 0;
position: absolute;
}

#art-flash-container div.art-flash-alt
{
position: relative;
width: 110px;
height: 30px;
margin: 0 auto;
top: 0;
}

/* end Flash */

/* begin Logo */
div.art-logo
{
display: block;
position: absolute;
top: 20px;
left: 0;
margin-left: 0;
}

/* end Logo */

/* begin Menu */
/* menu structure */

.art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover
{
outline: none;
}

.art-hmenu, .art-hmenu ul
{
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}

.art-hmenu li
{
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
background: none;
}

.art-hmenu li:hover
{
z-index: 10000;
white-space: normal;
}

.art-hmenu li li
{
float: none;
}

.art-hmenu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
background: none;
min-height: 0;
background-image: url('../images/spacer.gif');
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
}

.art-hmenu li:hover>ul
{
visibility: visible;
top: 100%;
}

.art-hmenu li li:hover>ul
{
top: 0;
left: 100%;
}

.................
Robster
17-07-2011, 17:06
Kolego widzisz narzędzia dostępne w edytorze na forum czy chcesz tylko wyprowadzić ludzi z równowagi?
webmaker
17-07-2011, 17:12
Sorry, pierwszy raz na forum.Szybko wkleiłem i nie zauważyłem.
Ale dzięki za uwagę.