Aspectul spoilerului - Scripturi și teme pentru ucoz

Data: Joi, 2012-06-14, 2:40 PM | Mesaj # 1

Instalare: Panoul de Control - Design - Administrarea design-ului (CSS) - şi adăugaţi codul:

Code

/* ----Aspect spoiler Inceputul---- */
  input.uSpoilerButton {
      width:100%;
      border:0;
      padding: 3px 3px 3px 13px;
      outline:0;
      font-size:8pt;
      cursor:pointer;
      font-weight:bold;
      text-align:left;
      margin-left:3px;
  }
  div.uSpoilerText {
      margin-top:3px;
      padding-top:2px;
      padding-left:3px;
      background:#fafafa;
      border-top: 1px solid #a79f72;
  }
  input.uSpoilerButton::-moz-focus-inner {border:0;}
  div.uSpoilerClosed input.uSpoilerButton {background: url('http://fierbinte.ucoz.ro/Forum/Aspect/Forum/spoiler_plus.gif') no-repeat left center;color:#000000;}
  div.uSpoilerOpened input.uSpoilerButton {background: url('http://fierbinte.ucoz.ro/Forum/Aspect/Forum/spoiler_minus.gif') no-repeat left center;color:#000000;}
  div.uSpoilerClosed, div.uSpoilerOpened {border: 1px solid #a79f72;border-left-width:3px;background:#e9e9e6;}
  /* ----Aspect spoiler---- */

Rezultatul:

Pomul se cunoaşte după roade, omul după fapte.

Data: Marţi, 2012-06-26, 3:36 PM | Mesaj # 2

Spoiler de culoare verde

Instalare: Panoul de Control - Design - Administrarea design-ului (CSS) - adăugaţi acest cod:

Code

/* Spoiler colorat */
       .uSpoilerButton {width: 100%; color: #000000; background: #3ABF2B; padding: 3px; text-align: left; border: 1px solid #1B7A10;}
       .uSpoilerText {color: #000000; background: #96F78B; padding: 3px; text-align: left; border: 1px solid #000000; border-top: 0px;}
       /* ----------------------- */

Rezultatul:

Pomul se cunoaşte după roade, omul după fapte.

Data: Marţi, 2012-06-26, 3:39 PM | Mesaj # 3

Apasă pentru a mări imaginea

Instalarea o citiţi în mesajele de mai sus.

Code

/* Aspectul pentru spoiler */
   .uSpoilerButton, #uSpoilerFvcDtt {width: 100%; text-align: left;padding:5px;font-size:11px;font-weight:bold;background:url('http://fierbinte.ucoz.ro/Forum/Aspect/Forum/Spoiler/lumini.gif') #FFCA32;text-shadow:0px 1px 0px #FFE73F;border:1px
   solid #E89512;box-shadow:0px 1px 0px rgba(255,255,255,0.4) inset;-moz-box-shadow:0px 1px 0px rgba(255,255,255,0.4) inset;-webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.4) inset}.scriptcode{color:#B02C20;text-align:left;max-height:300px;overflow:auto;font-family:"Courier New"}.title_spoiler{font-weight:bold;font-size:11px;text-shadow:0px 1px 0px #fff}.title_spoiler a, .title_spoiler a:hover{color:#000}

   .uSpoilerText {padding:5px;font-size:11px;background:#F9F8F5;border:1px
   solid #F1EEE8}
/*--------------------------------*/

Rezultatul:

Pomul se cunoaşte după roade, omul după fapte.

Data: Marţi, 2012-06-26, 3:50 PM | Mesaj # 4