Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : giofranco 26 Mar 2012, 00:42:19
-
Buongiorno, sono appena entrato nel mondo di joomla e me ne sono già innamorato!
Sto realizzando un sito utilizzando questo template (http://10templates.com/template/45/Night-Hotel-Joomla-template.html (http://10templates.com/template/45/Night-Hotel-Joomla-template.html)), sto utilizzando firefox e tutto procede per il meglio, ma cercando di aprire il sito con altri browser si verificano dei problemi. Sto lavorando ancora in locale, percui non posso inserire il link, ma nell'indirizzo che ho scritto sopra si può vedere una demo del risultato, ed aprendola con i diversi browser si vedono subito i problemi.
per chi non avesse la possibilità di verificare, posto qui gli screenshot:
firefox: tutto bene
(http://img571.imageshack.us/img571/3718/firefoxz.png)
chrome: non si vede il logo
(http://img607.imageshack.us/img607/8997/chromebr.png)
explorer: non funziona lo slide
(http://img803.imageshack.us/img803/2504/explorerb.png)
qualcuno sa come correggere il codice del template al fine di sistemare questo problema?
grazie a chiunque mi dedichi il suo tempo.
-
aggiungo il codice del file index.php
<?php
/**
* Date February 02, 2012
* Copyright Copyright (C) 2012 10templates.com
* License GPL
*/
defined('_JEXEC') or die;
$app = JFactory::getApplication();
$leftbar = 1;
$rightbar = 1;
$needToWork = '<p style="font-size:10px; clear: both; text-align:right; padding-top: 10px;">Design by <a target="_blank" href="http://10templates.com">Premium templates</a> in association with <a target="_blank" href="http://templatefreejoomla.com">Free Joomla 2.5 templates</a><p>';
?>
<!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>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/equalcolumns.js" type="text/javascript"></script>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/jquery-1.4.2.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/noconflict.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/jquery.nivo.slider.pack.js"></script>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/nivo-slider.css" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
<?php
if ($this->countModules('left') == 0)
$leftbar = "0";
if ($this->countModules('right') == 0)
$rightbar = "0";
?>
</head>
<body>
<div class="mainContainer">
<div class="header overHid">
<?php
if ($this->params->get('logoType') == 'image') { ?>
<a href="<?php echo $this->baseurl ?>" class="logo" title="<?php echo $app->getCfg('sitename'); ?>" style="background: url(<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/logo.jpg"></a>
<?php } else { ?>
<div class="logo-text">
<p class="siteLogoText"><a href="<?php echo $this->baseurl ?>" title="<?php echo $this->params->get('logoText'); ?>"><span><?php echo $this->params->get('logoText'); ?></span></a></p>
<p class="site-slogan"><?php echo $this->params->get('sloganText');?></p>
</div>
<?php } ?>
<div class="bannerTop">
<a href="<?php echo $this->params->get('twitter-ic');?>" target="_blank" class="twic"></a>
<a href="<?php echo $this->params->get('google-ic');?>" target="_blank" class="goic"></a>
<a href="<?php echo $this->params->get('facebook-ic');?>" target="_blank" class="fbic"></a>
</div>
</div>
<div class="nav2">
<jdoc:include type="modules" name="top" style="xhtml" />
<div class="clear"></div>
</div>
<?php
$option = JRequest::getCmd('option');
$view = JRequest::getCmd('view');
$frontpage = ($option == 'com_content' && $view == 'featured');
$article = ($option == 'com_content' && $view == 'article');
?>
<?php if ($frontpage): ?>
<div class="sliderPlace">
<div class="slider-wrapper theme-default">
<div class="ribbon"></div>
<div id="slider" class="nivoSlider">
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/bear.jpg" alt="" title="#htmlcaption" data-transition="slideInRight" />
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/up.jpg" alt="" title="#htmlcaption2" />
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/toystory.jpg" alt="" title="#htmlcaption3" data-transition="boxRainReverse" />
</div>
<div id="htmlcaption" class="nivo-html-caption">
<?php echo $this->params->get('caption1');?>
</div>
<div id="htmlcaption2" class="nivo-html-caption">
<?php echo $this->params->get('caption2');?>
</div>
<div id="htmlcaption3" class="nivo-html-caption">
<?php echo $this->params->get('caption3');?>
</div>
</div>
</div>
<h1><?php echo $this->params->get('welcome');?></h1>
<?php endif; ?>
<div class="overHid">
<div class="leftCont">
<?php if($this->countModules('left')) : ?>
<jdoc:include type="modules" name="left" style="xhtml" />
<?php endif; ?>
<div id="maincolumn<?php echo (2-$leftbar-$rightbar); ?>">
<jdoc:include type="modules" name="breadcrumbs" style="xhtml" />
<jdoc:include type="component" />
</div>
</div>
<?php if($this->countModules('right')) : ?>
<div class="rightCont">
<jdoc:include type="modules" name="right" style="xhtml" />
</div>
<?php endif; ?>
<div class="clear">
</div>
</div>
</div>
<div class="footer">
<div class="colFoot">
<?php if($this->countModules('bottom1')) : ?>
<jdoc:include type="modules" name="bottom1" style="xhtml" />
<?php endif; ?>
</div>
<div class="colFoot">
<jdoc:include type="modules" name="bottom2" style="xhtml" />
</div>
<div class="colFoot">
<jdoc:include type="modules" name="bottom3" style="xhtml" />
</div>
<jdoc:include type="modules" name="footer" style="xhtml" />
<?php echo $needToWork ?>
</div>
<jdoc:include type="modules" name="debug" />
</body>
</html>
e quello del file template.css
html, body, div, span, p, h1, h2, h3, h4, h5, h6, textarea, a, em, img, strong, ul, li, form, label, table, tr, th, td, fieldset {
margin:0;
padding:0;
border:none;
outline:none;
}
body {
background: #f5f5f5;
padding: 25px 0 0 0;
font-size: 12px;
background: url(../images/mainbg.jpg) top no-repeat;
background-attachment:fixed;
color: #fff;
font-family:Georgia, "Times New Roman", Times, serif;
}
a {
color: #fff;
text-decoration:none;
font-weight: bold;
}
a:hover {
text-decoration: underline;
color: #FFD57E;
}
ul, li {
list-style: none;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Parisienne', cursive;
}
h1 {
padding: 20px 0 50px 0;
font-size: 36px;
color: #ffd57e;
text-align:center;
background: url(../images/h1bg.png) center 75px no-repeat;
}
h2 {
font-size: 34px;
}
input[type=text],input[type=password], textarea {
border: 1px solid #6c1508;
background: #430000;
border-radius: 5px;
color: #fff;
}
input[type=text], input[type=password] {
height: 20px;
padding: 5px;
width: 288px;
}
input[type=submit], button[type=submit] {
padding: 5px;
background: #998675;
border-radius: 3px;
font-weight: bold;
border: none;
}
fieldset label {
display:block;
padding: 10px 0 3px 0;
}
.search label {
text-indent: -9999px;
display: none;
}
fieldset dt {
display:block;
padding: 10px 0;
}
fieldset dd {
display:block;
padding: 5px 0;
margin: 0px;
}
.clear {
clear:both;
position:relative;
font-size:0;
height:0;
display:block;
line-height:0;
}
.noMar {
margin-right: 0 !important;
}
.mainContainer {
width: 950px;
background: #430000;
margin: 0 auto;
padding: 15px;
border-radius: 20px;
box-shadow: 0 0 10px #000;
}
.overHid {
display:block;
overflow: hidden;
position: relative;
}
.header {
margin-bottom: 10px;
}
.logo {
display:block;
width:300px;
height:90px;
float: left;
}
.logo-text {
display:block;
width:300px;
height:90px;
float: left;
}
.logo-text .siteLogoText a {
color: #fff;
font-weight: bold;
letter-spacing: -1px;
font-size: 20px;
}
.site-slogan {
font-size: 14px;
}
.bannerTop {
width: 650px;
height:90px;
float: left;
overflow:hidden;
}
.nav1 {
text-transform: uppercase;
padding: 20px 0 10px 20px;
}
.nav1 a {
padding: 0 25px 0 0;
}
.sliderPlace {
height: 360px;
}
.leftCont {
width: 630px;
float: left;
padding: 20px 20px 0 0;
}
.intro {
padding: 10px 0;
}
.leftCont p, #archive-items p {
line-height: 1.5em;
}
.rightCont {
width: 300px;
float: left;
padding: 20px 0 0 0;
}
.post {
float: left;
width: 325px;
padding-bottom: 20px;
border-bottom: 1px solid #ececec;
}
.post h2 {
padding: 10px 0;
font-size: 18px;
}
.postFeat2 {
float: left;
width: 315px;
padding: 10px 10px 10px 0;
border-bottom: 1px solid #ececec;
}
.leftCont h3 {
font-size:36px;
color: #cbcbcb;
padding: 20px 0 0 0;
}
.postFeat2 .textFeat {
position: relative;
display: block;
height: 72px;
padding: 5px 0 0 80px;
overflow: hidden;
}
.textFeat img {
top: 5px;
left: 0px;
position:absolute;
}
.textFeat span {
display: block;
font-size: 14px;
color: #cbcbcb;
}
.textFeat a {
display: block;
font-size: 9px;
color: #cbcbcb;
}
.textFeat b {
display: block;
font-size: 10px;
color: #6d6d6d;
padding-top: 10px;
text-transform: uppercase;
}
.rightCont .moduletable_menu,.rightCont .moduletable {
padding: 80px 0 10px 0;
position:relative;
}
.rightCont .moduletable_menu a,.rightCont .moduletable a{
display:block;
padding: 10px 0 10px 15px;
color: #fff;
font-size: 13px;
font-weight: bold;
}
.rightCont .moduletable_menu a:hover,.rightCont .moduletable a:hover {
text-decoration: none;
color: #FFD57E;
}
.rightCont .moduletable_menu h3,.rightCont .moduletable h3 {
font-size: 28px;
padding: 7px 12px 20px 12px;
color: #ffd57e;
width: 276px;
position: absolute;
top:0px;
left:0px;
background: url(../images/h3bg.png) left 50px no-repeat;
}
.rightCont .moduletable div {
padding: 0 10px;
}
.featLinks p {
overflow: hidden;
}
.featLinks p a {
background: url(../images/link-p.gif) left no-repeat;
padding: 10px 10px 10px 15px;
display: block;
float: left;
}
.readmore {
display:block;
overflow:hidden;
padding: 10px 0;
font-size: 10px;
}
.readmore a {
padding: 5px;
background: #2f0707;
border-radius: 5px 10px;
padding: 5px 10px;
float:right;
font-weight: normal;
}
.footer {
width: 922px;
margin: 0 auto;
padding: 30px;
border-bottom: 1px solid #5a5a5a;
overflow: hidden;
}
.bottomBor {
height: 7px;
font-size: 0px;
width: 982px;
margin: 0 auto;
background: #1e1e1e
}
.colFoot {
width: 286px;
color: #cbcbcb;
float: left;
padding-right: 10px;
}
.colFoot .moduletable {
padding: 0 10px 10px 0;
}
.colFoot .moduletable h3 {
font-size: 40px;
}
.colFoot a{
padding: 5px 0 0 0 ;
color: #cbcbcb;
display:block;
}
.pagination {
display:block;
position: relative;
}
.counter {
text-align: center;
}
.pagination {
padding: 20px 0;
overflow:hidden;
}
.pagination ul, .pagenav {
display:block;
position: relative;
overflow:hidden;
}
ul.pagenav {
padding: 10px 0;
}
.pagination ul {
padding: 20px 0;
}
.pagination ul li, .pagenav li {
background: none repeat scroll 0 0 #2F0707 !important;
border-radius: 5px 10px 5px 10px;
float: left;
font-weight: normal;
padding: 5px 10px !important;
margin-right: 10px;
}
.item-page {
position:relative;
display:block;
}
.actions {
position: absolute;
right: 0px;
top: 5px;
overflow: hidden;
background: none repeat scroll 0 0 #2C0404;
border: 1px solid #570909;
border-radius: 5px 5px 5px 5px;
padding: 5px 5px 5px 15px;
}
.actions li {
float:right;
position: relative;
top: 6px;
background: none !important;
padding: 0px !important;
}
.cat-children li {
background: none repeat scroll 0 0 #2C0404;
border: 1px solid #570909;
border-radius: 5px 5px 5px 5px;
padding: 10px;
margin-bottom: 10px;
}
.cat-children li ul li {
border: none;
background:#541515;
float: left;
margin-right: 10px;
margin-top: 20px;
border: 1px solid #fff;
}
.leading-0 {
position: relative;
overflow:hidden;
padding: 0 0 0 0;
margin: 0 0 10px 0;
}
.leading-0 img {
float:left;
margin: 0 10px 10px 0;
}
.leading-0 h2 {
padding-bottom: 10px;
font-size: 34px;
}
.items-row {
overflow:hidden;
}
.items-row .item {
float:left;
padding: 0 10px 10px 0;
}
.blog-featured .column-1,.blog-featured .column-2,.blog-featured .column-3 {
width: 200px;
}
.item-page p, .item-page li {
line-height: 2em;
}
.item-page li {
padding-left: 20px;
background: url(../images/li-bul.png) left no-repeat;
}
.item-page, .category-desc {
display:block;
overflow:hidden;
padding: 0 0 20px 0;
}
.item-page img, .category-desc img {
float:left;
margin: 0 10px 10px 0;
}
.categories-list .item-title {
font-size: 18px;
padding: 0 10px 5px 0;
border-bottom: 1px dotted #000;
display:block;
margin-bottom: 10px;
}
.footer .postFeat2 {
border-bottom: 1px solid #5a5a5a;
width: 266px;
}
.article-info {
display:block;
overflow:hidden;
padding: 20px;
border: 1px solid #570909;
background: #2c0404;
border-radius: 5px;
}
.article-info dt {
margin-right: 10px;
font-size: 22px;
clear:right;
}
.article-info dd {
margin: 0;
padding: 5px 0 0 0;
}
.article-info dd.parent-category-name {
font-size: 10px;
}
.article-info dd.category-name {
font-size: 10px;
}
.article-info dd.create {
font-size: 9px;
text-align:right;
float:left;
margin-right: 5px;
}
.article-info dd.modified {
font-size: 9px;
text-align:right;
float:left;
margin-right: 5px;
}
.article-info dd.published {
font-size: 9px;
text-align:right;
float:left;
margin-right: 5px;
}
.article-info dd.createdby {
font-size: 10px;
clear: both;
}
.article-info dd.hits {
font-size: 10px;
}
.mostread {
padding: 20px 0;
list-style-type:decimal;
}
ul.mostread li {
padding-top: 10px;
list-style-type:decimal;
}
#form-login-remember {
overflow:hidden;
padding-bottom: 10px;
}
#form-login-remember label, #form-login-remember input {
float:left;
display:block;
}
#form-login-remember input {
position:relative;
top: 8px;
}
#login-form a{
display:inline;
background: none;
border: none;
font-weight: normal;
font-size: 10px;
padding: 0 5px 0 0;
}
.nav2 {
background: #650303;
font-size: 13px;
position:relative;
height: 45px;
margin-bottom: 10px;
border-radius: 5px;
box-shadow: 0 0 3px #000;
}
.nav2 .menu a {
color:#c8c8c8;
height: 20px;
float:left;
line-height: 1em;
padding: 15px 25px 10px 20px;
background: url(../images/nav2bg.jpg) right no-repeat;
}
.nav2 .menu a:hover {
color: #fff;
text-decoration: none;
}
.nav2 .menu {
z-index: 40000;
position:absolute;
top: 0px;
}
.breadcrumbs {
padding: 15px 0;
}
form label {
display:block;
padding-top:10px;
}
/*
LEVEL ONE
*/
.nav2 .menu li { float:left;}
.menu li.deeper { position: relative;}
.menu li.deeper li { font-weight: bold; float: left; zoom: 1; background: #ccc; font-size: 10px;}
.menu li.deeper a:hover { color: #fff; }
.menu li.deeper a:active { color: #ffa500; }
.menu li.deeper li a { display: block; padding: 8px 8px 0px 8px;background: #650303; color: #C8C8C8; border-bottom: 1px solid #fff; }
.menu li.deeper li:last-child a { border-right: none; } /* Doesn't work in IE */
.menu li.deeper li.hover,
.menu li.deeper li:hover { background: #F3D673; color: black; position: relative; }
.menu li.deeper li.hover a { color: #fff; }
.menu li.deeper li.hover li a { color: #ccc; }
/*
LEVEL TWO
*/
.menu li.deeper ul { width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
.menu li.deeper ul li { font-weight: normal; background: #f6f6f6; color: #000;
float: none; }
/* IE 6 & 7 Needs Inline Block */
.menu li.deeper ul li a { border-right: none; width: 100%; display: inline-block;}
/*
LEVEL THREE
*/
.menu li.deeper ul ul { left: 100%; top: 0; z-index: 999999;}
.menu li.deeper li:hover > ul { visibility: visible; }
.fbic, .twic, .goic {
display:block;
float:right;
width: 32px;
height: 32px;
margin-top: 30px;
margin-left: 10px;
}
.fbic { background: url(../images/fb-ic.png) no-repeat;}
.twic { background: url(../images/tw-ic.png) no-repeat;}
.goic { background: url(../images/go-ic.png) no-repeat;}
spero che qualcuno trovi l'errore e mi spighi come correggerlo, mastico ancora poco questi codici...
grazie.
-
Some of the bugs are now fixed
http://joomla.10templates.com/night-hotel/ (http://joomla.10templates.com/night-hotel/)
Works only with the latest browser versions.
Download the new version from the website.
http://10templates.com/template/45/Night-Hotel-Joomla-template.html
-
perfetto, hanno rilasciato proprio oggi la nuova versione riveduta e corretta ;D
grazie a tutti!
-
;)