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 => : Piepoli96 16 Jul 2013, 17:29:51
-
Salve,
So che forse è stata già aperta una discussione simile, ma, in realtà, non ho capito quello che mi serviva capire.
Il mio problema è nel template di joomla 2.5 ([size=78%]http://www.joomlatd.com/component/content/article/34-joomla-templates/70-td-gemenis-free-responsive-joomla-template (http://www.joomlatd.com/component/content/article/34-joomla-templates/70-td-gemenis-free-responsive-joomla-template)[/size].
E' presente lo slideshow che è incorporato nel template, cioè non è un modulo e quindi non posso cancellarlo o spostarlo attraverso l'amministrazione.
Il mio intento è quello di ridurre l'altezza dello slideshow e impostarlo solo nella homepage. Con le pochissime conoscenze che ho di php, html e cose varie, ho tentato di modificare qualcosa nel index, ma non sono riuscito!
Potreste aiutarmi? Grazie mille in anticipo
-
ciao,
se sei in remoto ti conviene postare il link diretto al tuo sito, cosicché ti si potrà aiutare meglio.
-
Purtroppo sono in locale, ho messo il link da dove ho scaricato il template, pensavo potesse essere lo stesso di aiuto.. Se può esservi di aiuto vi copio qui sotto ciò che è scritto nell'index riguardo lo slideshow:
<?php if
(($this->countModules('header') && $slides == 2) || ($slides == 1)):
?>
<div
class="container" id="showwrap">
<div
class="base"><div id="fix-header">
<div
id="wrapper" class="wrapper" >
<div
id="my-cute-slider" class="cute-slider" data-width="500" data-height="200"
style="width: 650px; height: 200px";">
<ul
data-type="slides">
<?php
if ($slidesimage1): ?>
<li
data-delay="4" data-trans3d="tr2,tr13,tr20,tr57"
data-trans2d="tr1,tr14,tr26">
<img
src="<?php echo $slidesimage1; ?>" />
<ul
data-type="captions">
<li
class="caption1" data-effect="fade">
<?php
echo $slidescaption1; ?>
</li>
</ul>
</li>
<?php endif;?>
<?php if ($slidesimage2):
?>
<li
data-delay="4" data-trans3d="tr4,tr21,tr29,tr55,tr62"
data-trans2d="tr5,tr23,tr30">
<img
src="images/cute-theme/blank.jpg" data-src="<?php echo $slidesimage2;
?>"/>
<ul
data-type="captions">
<li
class="caption2" data-effect="fade">
<?php
echo $slidescaption2; ?>
</li>
</ul>
</li>
<?php endif;?>
<?php if ($slidesimage3):
?>
<li
data-delay="5" data-trans3d="tr17,tr46,tr56,tr64"
data-trans2d="tr7,tr32,tr40">
<img
src="images/cute-theme/blank.jpg" data-src="<?php echo $slidesimage3;
?>"/>
<ul
data-type="captions">
<li
class="caption3" data-effect="fade">
<?php
echo $slidescaption3; ?>
</li>
</ul>
</li>
<?php endif;?>
<?php if ($slidesimage4):
?>
<li
data-delay="4" data-trans3d="tr8,tr19,tr35,tr63"
data-trans2d="tr15,tr3,tr38">
<img
src="images/cute-theme/blank.jpg" data-src="<?php echo $slidesimage4;
?>"/>
<ul
data-type="captions">
<li
class="caption4" data-effect="fade">
<?php
echo $slidescaption4; ?>
</li>
</ul>
</li>
<?php endif;?>
<?php if ($slidesimage5):
?>
<li
data-delay="6" data-trans3d="tr10,tr49,tr58"
data-trans2d="tr2,tr16,tr27">
<img
src="images/cute-theme/blank.jpg" data-src="<?php echo $slidesimage5;
?>"/>
<ul
data-type="captions">
<li
class="caption5" data-effect="fade">
<?php
echo $slidescaption5; ?>
</li>
</ul>
</li>
<?php endif;?>
<?php if ($slidesimage6):
?>
<li
data-delay="5" data-trans3d="tr12,tr42,tr55"
data-trans2d="tr2,tr16,tr27">
<img
src="images/cute-theme/blank.jpg" data-src="<?php echo $slidesimage6;
?>"/>
<ul
data-type="captions">
<li
class="caption5" data-effect="fade">
<?php
echo $slidescaption6; ?>
</li>
</ul>
</li>
<?php endif;?>
<?php if ($slidesimage7):
?>
<li
data-delay="5" data-trans3d="tr17,tr44,tr37"
data-trans2d="tr2,tr16,tr27">
<img
src="images/cute-theme/blank.jpg" data-src="<?php echo $slidesimage7;
?>"/>
<ul
data-type="captions">
<li
class="caption5" data-effect="fade">
<?php
echo $slidescaption7; ?>
</li>
</ul>
</li>
<?php endif;?>
<?php if ($slidesimage8):
?>
<li
data-delay="5" data-trans3d="tr10,tr4,tr47"
data-trans2d="tr2,tr16,tr27">
<img
src="images/cute-theme/blank.jpg" data-src="<?php echo $slidesimage8;
?>"/>
<ul
data-type="captions">
<li
class="caption5" data-effect="fade">
<?php
echo $slidescaption8; ?>
</li>
</ul>
</li>
<?php endif;?>
</ul>
<ul
data-type="controls">
<li
data-type="captions"> </li>
<li
data-type="link"> </li>
<li
data-type="video"> </li>
<li
data-type="slideinfo"> </li>
<li
data-type="next"> </li>
<li
data-type="previous"> </li>
<li
data-type="slidecontrol"> </li>
<li
data-type="bartimer">
</li>
</ul>
<>
<>
<script>
var
myslider = new Cute.Slider();
myslider.setup("my-cute-slider"
, "wrapper");
</script>
-
Forse non vi è stato di aiuto.. ho trovato nella cartella del template, nel css, "slider-style"... ora ve lo mostro qui sotto, così vedete se bisogna fare qualche modifica, RINGRAZIO SEMPRE IN ANTICIPO
.cute-slider{
position: relative;
}
.cute-ie8 * {filter: inherit; opacity: inherit;}
/* -------------------------------------
* Slider Controls
* ------------------------------------*/
.br-controls {
position:absolute;
z-index: 10;
background-image: url("../images/cute-theme/trans.png");
}
.br-next{
position:absolute;
width: 35px;
height: 35px;
right:-2%;
top:50%;
margin-top:-17px;
background: url("../images/cute-theme/controls.png") -44px -4px;
}
.br-previous{
position:absolute;
width: 35px;
height: 35px;
left:-2%;
top:50%;
margin-top:-17px;
background: url("../images/cute-theme/controls.png") -4px -4px;
}
.br-slidecontrol{
position:absolute;
list-style: none;
top:-35px;
right:0px;
z-index:10;
}
.br-slidecontrol ul li{
display: block;
position:relative;
margin:2px;
float:left;
width:14px;
height: 15px;
background: url("../images/cute-theme/controls.png") -113px -14px;
}
.br-slidecontrol ul li .br-control-selected{
display: block;
width:14px;
height: 15px;
background: url("../images/cute-theme/controls.png") -92px -14px;
}
.br-thumb-bottom {
left: -36px;
position: relative;
}
.br-thumb-up {
left: -36px;
top:-143px;
position: relative;
}
.br-slideinfo .br-infocontent{
background: url("../images/cute-theme/info-pat.png");
font-size: 12px;
text-shadow: white 1px 1px;
width:100%;
height: 100%;
}
.br-slideinfo .right , .br-slideinfo .left{
width:260px;
height: 100%;
}
.br-slideinfo .info1 div{
padding:20px;
}
.br-slideinfo .info1 .title{
font-weight: 700;
font-size: 19px;
}
.br-slideinfo .info1 .text{
line-height: 152%;
}
.br-slideinfo .info1 .more-btn{
cursor: pointer;
-moz-box-shadow: inset 0px 1px 0px 0px white;
-webkit-box-shadow: inset 0px 1px 0px 0px white;
box-shadow: inset 0px 1px 0px 0px white;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.35, #E4E4E4), color-stop(1, #CECECE) );
background: -moz-linear-gradient( center top, #E4E4E4 35%, #CECECE 100% );
background-color: #CECECE;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #B4B4B4;
color: black;
font-size: 11px;
font-weight: 400;
padding: 8px 13px;
text-shadow: 1px 1px 0px white;
float: right;
display: block;
position: relative;
top: -5%;
margin: 0px 10px 18px 10px;
text-decoration: none;
}
.br-slideinfo .info2 .more-btn{
cursor: pointer;
-moz-box-shadow: inset 0px 1px 0px 0px #FF7979;
-webkit-box-shadow: inset 0px 1px 0px 0px #FF7979;
box-shadow: inset 0px 1px 0px 0px #FF7979;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.35, #DD1C1F), color-stop(1, #CB120F) );
background: -moz-linear-gradient( center top, #DD1C1F 35%, #CB120F 100% );
background-color: #DD1C1F;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #7C2E2E;
color: white;
font-size: 12px;
font-weight: 400;
padding: 4px 13px;
text-shadow: 1px 1px 0px black;
float: left;
display: block;
position: relative;
left: 65px;
top: 42px;
text-decoration: none;
}
.br-slideinfo .info2 .subtitle{
display: block;
font-weight: 300;
letter-spacing: -2px;
font-size: 42px;
margin-left: 31px;
margin-top: -5px;
}
.br-slideinfo .info2 .title{
display: block;
font-weight: 700;
letter-spacing: -1px;
padding-left: 31px;
padding-top: 10px;
font-size: 19px;
}
.br-slideinfo .info2 .text{
display: block;
font-size: 13px;
font-weight: 400;
padding: 39px 32px;
line-height: 127%;
}
/* -------------------------------------
* Slider Timer
* ------------------------------------*/
.br-circle-timer {
position:absolute;
top:-28px;
width:28px;
height:28px;
}
.br-circle-timer .br-timer-dot {
width:11px;
height: 13px;
background: url("../images/cute-theme/controls.png") -134px -15px;
}
.br-bar-timer{
height: 6px;
position:absolute;
bottom:0px;
}
.br-bar-timer .br-timer-glow{
height: 7px;
background: url("../images/cute-theme/light-timer-glow.png");
width: 104px;
}
.br-bar-timer .br-timer-bar{
height: 2px;
background-color: white;
position: absolute;
top: 4px;
}
/* -------------------------------------
* Slider Captions
* ------------------------------------*/
.br-captions{
font-size:100%;
}
.caption1 {
background: #333;
padding: 12px;
color: white;
top: 32px;
left: 32px;
font-size: 235%;
position: absolute;
font-weight: 300;
}
.caption2 {
background: black;
position: absolute;
color: white;
font-weight: 600;
font-size: 135%;
padding: 12px;
top: 50px;
left: 65px;
}
.caption3 {
position: absolute;
background: #f2f7fb;
font-size: 130%;
padding: 13px;
color: #333333;
bottom: 75px;
}
.caption4 {
color: white;
font-size: 200%;
font-weight: 300;
background: #ff0038;
position: absolute;
right: 0;
bottom: 128px;
padding: 12px;
}
.caption5 {
color: white;
background: black;
position: absolute;
padding: 6px;
top: 125px;
font-weight: 300;
left: 51%;
}
.caption6 {
color: white;
background: #feb300;
position: absolute;
right: 0;
font-weight: 600;
padding: 7px 10px;
top: 17%;
}
.caption7 {
color: rgb(82, 82, 82);
background: white;
position: absolute;
font-size: 136%;
font-weight: 300;
padding: 6px;
left: 12%;
top: 42%;
}
.caption8 {
position: absolute;
color: white;
font-size: 143%;
bottom: 0;
left: 37%;
background: #cb4b00;
padding: 9px 10px;
}
.caption9 {
color: white;
position: absolute;
background: #335267;
font-weight: 600;
font-size: 90%;
padding: 5px 54px 5px 13px;
right: 0;
bottom: 10%;
}
@media screen and (max-width: 650px) {
.br-captions {font-size:75%}
}
@media screen and (max-width: 500px) {
.br-captions {font-size:60%}
}
@media screen and (max-width: 400px) {
.br-captions {display: none;}
}
/* -------------------------------------
* Slider Video
* ------------------------------------*/
.br-video {
}
.br-video .play-btn{
width: 43px;
height: 43px;
background: url("../images/cute-theme/controls.png") no-repeat -3px -44px;
cursor: pointer;
position: absolute;
top: 50%;
left: 50%;
margin: -21px 0 0 -21px;
}
.br-video .close-btn{
width: 22px;
height: 22px;
background: url('../images/cute-theme/controls.png') no-repeat 0px -123px black;
cursor: pointer;
position: absolute;
right: 6px;
top: 6px;
border: solid 1px #5E5C5C;
}
.br-video .video-cont{
background: black;
position:absolute;
z-index: 2;
width:100%;
height:100%;
}
/* -------------------------------------
* Slider Shadow
* ------------------------------------*/
.br-shadow{
background: url("../images/cute-theme/shadow.png") no-repeat scroll center ;
bottom: -40px;
height: 60px;
left: -140px;
position: absolute;
width: 1150px;
}
/* -------------------------------------
* Slider Loading
* ------------------------------------*/
.br-loading {
width: 23px;
height: 23px;
background: url("../images/cute-theme/controls.png") 150px -94px;
position: absolute;
top: 50%;
left: 50%;
margin: -11px;
z-index: 101;
}
.br-loading .img{
width:21px;
height:21px;
background: url("../images/cute-theme/small-loading.gif") no-repeat center;
}
.br-large-loading {
width: 43px;
height: 43px;
background: url("../images/cute-theme/controls.png") -92px -42px;
position: absolute;
top: 50%;
left: 50%;
margin: -21px;
z-index: 100;
}
.br-large-loading .img{
width:40px;
height:40px;
background: url("../images/cute-theme/large-loading.gif") no-repeat center;
}
-
per favore utiloizza il tag codice per il codice...come hai fatto per il file php
-
[size=78%]Come mi avete chiesto, eccovi il codice:[/size]
.cute-slider{
position: relative;
}
.cute-ie8 * {filter: inherit; opacity: inherit;}
/* -------------------------------------
* Slider Controls
* ------------------------------------*/
.br-controls {
position:absolute;
z-index: 10;
background-image: url("../images/cute-theme/trans.png");
}
.br-next{
position:absolute;
width: 35px;
height: 35px;
right:-2%;
top:50%;
margin-top:-17px;
background: url("../images/cute-theme/controls.png") -44px -4px;
}
.br-previous{
position:absolute;
width: 35px;
height: 35px;
left:-2%;
top:50%;
margin-top:-17px;
background: url("../images/cute-theme/controls.png") -4px -4px;
}
.br-slidecontrol{
position:absolute;
list-style: none;
top:-35px;
right:0px;
z-index:10;
}
.br-slidecontrol ul li{
display: block;
position:relative;
margin:2px;
float:left;
width:14px;
height: 15px;
background: url("../images/cute-theme/controls.png") -113px -14px;
}
.br-slidecontrol ul li .br-control-selected{
display: block;
width:14px;
height: 15px;
background: url("../images/cute-theme/controls.png") -92px -14px;
}
.br-thumb-bottom {
left: -36px;
position: relative;
}
.br-thumb-up {
left: -36px;
top:-143px;
position: relative;
}
.br-slideinfo .br-infocontent{
background: url("../images/cute-theme/info-pat.png");
font-size: 12px;
text-shadow: white 1px 1px;
width:100%;
height: 100%;
}
.br-slideinfo .right , .br-slideinfo .left{
width:260px;
height: 100%;
}
.br-slideinfo .info1 div{
padding:20px;
}
.br-slideinfo .info1 .title{
font-weight: 700;
font-size: 19px;
}
.br-slideinfo .info1 .text{
line-height: 152%;
}
.br-slideinfo .info1 .more-btn{
cursor: pointer;
-moz-box-shadow: inset 0px 1px 0px 0px white;
-webkit-box-shadow: inset 0px 1px 0px 0px white;
box-shadow: inset 0px 1px 0px 0px white;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.35, #E4E4E4), color-stop(1, #CECECE) );
background: -moz-linear-gradient( center top, #E4E4E4 35%, #CECECE 100% );
background-color: #CECECE;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #B4B4B4;
color: black;
font-size: 11px;
font-weight: 400;
padding: 8px 13px;
text-shadow: 1px 1px 0px white;
float: right;
display: block;
position: relative;
top: -5%;
margin: 0px 10px 18px 10px;
text-decoration: none;
}
.br-slideinfo .info2 .more-btn{
cursor: pointer;
-moz-box-shadow: inset 0px 1px 0px 0px #FF7979;
-webkit-box-shadow: inset 0px 1px 0px 0px #FF7979;
box-shadow: inset 0px 1px 0px 0px #FF7979;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.35, #DD1C1F), color-stop(1, #CB120F) );
background: -moz-linear-gradient( center top, #DD1C1F 35%, #CB120F 100% );
background-color: #DD1C1F;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #7C2E2E;
color: white;
font-size: 12px;
font-weight: 400;
padding: 4px 13px;
text-shadow: 1px 1px 0px black;
float: left;
display: block;
position: relative;
left: 65px;
top: 42px;
text-decoration: none;
}
.br-slideinfo .info2 .subtitle{
display: block;
font-weight: 300;
letter-spacing: -2px;
font-size: 42px;
margin-left: 31px;
margin-top: -5px;
}
.br-slideinfo .info2 .title{
display: block;
font-weight: 700;
letter-spacing: -1px;
padding-left: 31px;
padding-top: 10px;
font-size: 19px;
}
.br-slideinfo .info2 .text{
display: block;
font-size: 13px;
font-weight: 400;
padding: 39px 32px;
line-height: 127%;
}
/* -------------------------------------
* Slider Timer
* ------------------------------------*/
.br-circle-timer {
position:absolute;
top:-28px;
width:28px;
height:28px;
}
.br-circle-timer .br-timer-dot {
width:11px;
height: 13px;
background: url("../images/cute-theme/controls.png") -134px -15px;
}
.br-bar-timer{
height: 6px;
position:absolute;
bottom:0px;
}
.br-bar-timer .br-timer-glow{
height: 7px;
background: url("../images/cute-theme/light-timer-glow.png");
width: 104px;
}
.br-bar-timer .br-timer-bar{
height: 2px;
background-color: white;
position: absolute;
top: 4px;
}
/* -------------------------------------
* Slider Captions
* ------------------------------------*/
.br-captions{
font-size:100%;
}
.caption1 {
background: #333;
padding: 12px;
color: white;
top: 32px;
left: 32px;
font-size: 235%;
position: absolute;
font-weight: 300;
}
.caption2 {
background: black;
position: absolute;
color: white;
font-weight: 600;
font-size: 135%;
padding: 12px;
top: 50px;
left: 65px;
}
.caption3 {
position: absolute;
background: #f2f7fb;
font-size: 130%;
padding: 13px;
color: #333333;
bottom: 75px;
}
.caption4 {
color: white;
font-size: 200%;
font-weight: 300;
background: #ff0038;
position: absolute;
right: 0;
bottom: 128px;
padding: 12px;
}
.caption5 {
color: white;
background: black;
position: absolute;
padding: 6px;
top: 125px;
font-weight: 300;
left: 51%;
}
.caption6 {
color: white;
background: #feb300;
position: absolute;
right: 0;
font-weight: 600;
padding: 7px 10px;
top: 17%;
}
.caption7 {
color: rgb(82, 82, 82);
background: white;
position: absolute;
font-size: 136%;
font-weight: 300;
padding: 6px;
left: 12%;
top: 42%;
}
.caption8 {
position: absolute;
color: white;
font-size: 143%;
bottom: 0;
left: 37%;
background: #cb4b00;
padding: 9px 10px;
}
.caption9 {
color: white;
position: absolute;
background: #335267;
font-weight: 600;
font-size: 90%;
padding: 5px 54px 5px 13px;
right: 0;
bottom: 10%;
}
@media screen and (max-width: 650px) {
.br-captions {font-size:75%}
}
@media screen and (max-width: 500px) {
.br-captions {font-size:60%}
}
@media screen and (max-width: 400px) {
.br-captions {display: none;}
}
/* -------------------------------------
* Slider Video
* ------------------------------------*/
.br-video {
}
.br-video .play-btn{
width: 43px;
height: 43px;
background: url("../images/cute-theme/controls.png") no-repeat -3px -44px;
cursor: pointer;
position: absolute;
top: 50%;
left: 50%;
margin: -21px 0 0 -21px;
}
.br-video .close-btn{
width: 22px;
height: 22px;
background: url('../images/cute-theme/controls.png') no-repeat 0px -123px black;
cursor: pointer;
position: absolute;
right: 6px;
top: 6px;
border: solid 1px #5E5C5C;
}
.br-video .video-cont{
background: black;
position:absolute;
z-index: 2;
width:100%;
height:100%;
}
/* -------------------------------------
* Slider Shadow
* ------------------------------------*/
.br-shadow{
background: url("../images/cute-theme/shadow.png") no-repeat scroll center ;
bottom: -40px;
height: 1px;
left: -140px;
position: absolute;
width: 1150px;
}
/* -------------------------------------
* Slider Loading
* ------------------------------------*/
.br-loading {
width: 23px;
height: 23px;
background: url("../images/cute-theme/controls.png") 150px -94px;
position: absolute;
top: 50%;
left: 50%;
margin: -11px;
z-index: 101;
}
.br-loading .img{
width:21px;
height:21px;
background: url("../images/cute-theme/small-loading.gif") no-repeat center;
}
.br-large-loading {
width: 43px;
height: 43px;
background: url("../images/cute-theme/controls.png") -92px -42px;
position: absolute;
top: 50%;
left: 50%;
margin: -21px;
z-index: 100;
}
.br-large-loading .img{
width:40px;
height:40px;
background: url("../images/cute-theme/large-loading.gif") no-repeat center;
}
-
ti ringraziamo, ma era il vecchio post che dove editare inserendo li i tag, questo per non avere queste lunghissime pagine di codice che disturbano la navigazione.