Back to top

Autore Topic: Problema con lo slideshow, AIUTO!  (Letto 3392 volte)

Offline Piepoli96

  • Esploratore
  • **
  • Post: 52
    • Mostra profilo
Problema con lo slideshow, AIUTO!
« il: 16 Lug 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[/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

Offline matty80

  • Global Moderator
  • Instancabile
  • ********
  • Post: 3974
  • Sesso: Maschio
    • Mostra profilo
Re:Problema con lo slideshow, AIUTO!
« Risposta #1 il: 16 Lug 2013, 17:46:14 »
ciao,
se sei in remoto ti conviene postare il link diretto al tuo sito, cosicché ti si potrà aiutare meglio.
Chi non ha mai posseduto un cane, non sa cosa significhi essere amato. Arthur Schopenhauer

Offline Piepoli96

  • Esploratore
  • **
  • Post: 52
    • Mostra profilo
Re:Problema con lo slideshow, AIUTO!
« Risposta #2 il: 16 Lug 2013, 17:55:55 »
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:





Codice: [Seleziona]
<?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>
« Ultima modifica: 16 Lug 2013, 18:51:28 da tomtomeight »

Offline Piepoli96

  • Esploratore
  • **
  • Post: 52
    • Mostra profilo
Re:Problema con lo slideshow, AIUTO!
« Risposta #3 il: 17 Lug 2013, 10:07:54 »
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


Codice: [Seleziona]
.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;   
   }

« Ultima modifica: 17 Lug 2013, 16:51:02 da matty80 »

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Problema con lo slideshow, AIUTO!
« Risposta #4 il: 17 Lug 2013, 15:37:16 »
per favore utiloizza il tag codice per il codice...come hai fatto per il file php
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline Piepoli96

  • Esploratore
  • **
  • Post: 52
    • Mostra profilo
Re:Problema con lo slideshow, AIUTO!
« Risposta #5 il: 17 Lug 2013, 16:39:33 »
[size=78%]Come mi avete chiesto, eccovi il codice:[/size]

Codice: [Seleziona]
.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;
}
« Ultima modifica: 17 Lug 2013, 16:41:47 da Piepoli96 »

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Problema con lo slideshow, AIUTO!
« Risposta #6 il: 17 Lug 2013, 16:46:32 »
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.
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

 



Web Design Bolzano Kreatif