Aspectul Categoriilor - Scripturi și teme pentru ucoz

Pentru a accesa toate paginile forumului

te rugăm să te înregistrezi

[ Cereri şabloane · Ultimile postări · Membrii · Regulamentul forumului · Căutare · RSS · Photoshop ]

Pagina 1 din 1
1

Aspectul Categoriilor

Stapanul

Data: Vineri, 2012-06-15, 6:00 PM | Mesaj # 1

Total mesaje: 279

Vezi premiile: 10

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

Code

/* Aspect categorii */
.cat ul {font-size:12px;font-weight:600;line-height:200%;text-shadow:0 1px 0 #fff;} /*categories list*/
      .cat ul li a {color:#6b6b6b;height:14px;padding-left:24px;background:url('http://fierbinte.ucoz.ro/Forum/Aspect/Diverse/1categorie.png') 3px 0 no-repeat; }
      .cat ul li a:hover {color:#008cb4;text-decoration:none;background:url('http://fierbinte.ucoz.ro/Forum/Aspect/Diverse/2categorie.png') 3px 0 no-repeat;}

      .catsTd {color:#6b6b6b;height:14px;padding-left:25px; background: url('http://fierbinte.ucoz.ro/Forum/Aspect/Diverse/3categorie.png') 3px no-repeat;}
      .catsTd:hover {color:#008cb4;;height:14px;padding-left:25px; background: url('http://fierbinte.ucoz.ro/Forum/Aspect/Diverse/4categorie.png') 3px no-repeat;}

      .catName {font-size:12px;font-weight:600;line-height:200%;text-shadow:0 1px 0 #fff;}
      .catNameActive {font-size:12px;font-weight:600;line-height:200%;text-shadow:0 1px 0 #fff;}
      .catNumData {font-size:7pt;}
      .catDescr {font-size:7pt; padding-left:10px;}

      a.catName:link {{font-size:12px;font-weight:600;line-height:200%;text-shadow:0 1px 0 #fff;}}
      a.catName:visited {{font-size:12px;font-weight:600;line-height:200%;text-shadow:0 1px 0 #fff;}}
      a.catName:hover {{font-size:12px;font-weight:600;line-height:200%;text-shadow:0 1px 0 #fff;}}
      a.catName:active {{font-size:12px;font-weight:600;line-height:200%;text-shadow:0 1px 0 #fff;}}
      a.catNameActive:link {{font-size:12px;font-weight:600;line-height:200%;text-shadow:0 1px 0 #fff;}}
      a.catNameActive:visited {{font-size:12px;font-weight:600;line-height:200%;text-shadow:0 1px 0 #fff;}}
      a.catNameActive:hover {{font-size:12px;font-weight:600;line-height:200%;text-shadow:0 1px 0 #fff;}}
      a.catNameActive:active {{font-size:12px;font-weight:600;line-height:200%;text-shadow:0 1px 0 #fff;}}
/* Aspect categorii */

Rezultatul:

Stapanul

Data: Joi, 2012-06-28, 5:50 PM | Mesaj # 2

Total mesaje: 279

Vezi premiile: 10

Instalare: Panoul de Control - Design - Administrarea design-ului (şabloane) - Secţiuni globale [Primul sau Al doilea recipient] - găsiţi codul $CATEGORIES$ şi schimbaţi-l cu:

Code

<div style="max-height:150px;overflow:auto;">$CATEGORIES$</div><script>$('table.catsTable tr').each(function () {
   var urlcat = $(this).find('a:eq(0)').attr('href');
   var namecat = $(this).find('a:eq(0)').text();
   var numentry = $(this).find('.catNumData').text();

   $(this).html('<div style="padding:3px;border-bottom:1px dashed #ccc;">» <a href="'+urlcat+'">'+namecat+'</a><div style="float:right;"><span style="font-size:11px;padding-left:5px;padding-right:5px;padding-top:3px;padding-bottom:3px;color:#858585;font-size:11px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;">'+numentry+'</span></div></div>');
   });
   </script>

Rezultatul:

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

OmulPaianjen

Data: Miercuri, 2012-08-22, 1:50 PM | Mesaj # 3

Total mesaje: 210

Vezi premiile: 6

Instalare: Panoul de Control - Design - Administrarea design-ului (şabloane) - adăugați stilurile:

Code

/* Aspectul categoriilor */
.multikat {
   position:relative;
   margin:0 -10px 20px;
   padding-top:10px;
   width:980px;
   font:normal normal 9px/20px Tahoma, Geneva, sans-serif;
   text-transform:uppercase;
   background:#AAB8C1;
   border-bottom:1px solid #4B5D6B;
   border-top:1px solid #4B5D6B;
}
.multikat ul li {
   display: inline;
   float:left;
   margin:0 10px;
}
.multikat ul li a {
   margin-bottom:10px;
   display:block;
   padding-left:22px;
   width:98px;
   height:20px;
   text-decoration:none;
   color:#333;
   background:#EEE url(http://fierbinte.ucoz.ro/Forum/Aspect/Diverse/3.png) no-repeat 0 -20px;
}
.multikat ul li a:hover {
   background-position:0 0;
   color:#000;
   text-decoration:none;
}

#wrapper {
   float:left;
   width:960px;
}

.clearfix p {font-size: 10px;text-align: justify;}

*HTML .clearfix {
  display: inline-block;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* ------------- */

unde aveți nevoie de categorii, adăugați aceste coduri:

Code

<div class="multikat">
   <ul class="clearfix">
   <li><b><a title="Descrierea" href="/">Prima pagină</a></b></li>
   <li><a title="Descrierea" href="/">Românești</a></li>
   <li><a title="Descrierea" href="/">Acțiune</a></li>
   <li><a title="Descrierea" href="/">Aventuri</a></li>
   <li><a title="Descrierea" href="/">Biografic</a></li>
   <li><a title="Descrierea" href="/">Comedie</a></li>
   <li><a title="Descrierea" href="/">Crimă</a></li>
   <li><a title="Descrierea" href="/">Documentar</a></li>
   <li><a title="Descrierea" href="/">Dragoste</a></li>
   <li><a title="Descrierea" href="/">Dramă</a></li>
   <li><a title="Descrierea" href="/">Erotic</a></li>
   <li><a title="Descrierea" href="/">Familie</a></li>
   <li><a title="Descrierea" href="/">Fantastic</a></li>
   <li><a title="Descrierea" href="/">Film-noir</a></b></li>
   <li><a title="Descrierea" href="/">De groază</a></li>
   <li><a title="Descrierea" href="/">Istoric</a></li>
   <li><a title="Descrierea" href="/">Mister</a></li>
   <li><a title="Descrierea" href="/">Muzical</a></li>
   <li><a title="Descrierea" href="/">Moldovenești</a></li>
   <li><a title="Descrierea" href="/">Război</a></li>
   <li><a title="Descrierea" href="/">Romantic</a></li>
   <li><a title="Descrierea" href="/">SF</a></li>
   <li><a title="Descrierea" href="/">Sport</a></li>
   <li><a title="Descrierea" href="/">Thriller</a></li>
   <li><a title="Descrierea" href="/">Western</a></li>
   <li><a title="Descrierea" href="/">2000 - 2008</a></li>
   <li><a title="Descrierea" href="/">2009 - 2010</a></li>
   <li><a title="Descrierea" href="/">2011 - 2012</a></b></li>
   <li><a title="Descrierea" href="/">Seriale</a></li>
   <li><a title="Descrierea" href="/">Telenovele</a></li>
   <li><a title="Descrierea" href="/">Emisiuni TV</a></li>
   <li><a title="Descrierea" href="/">Robotzi</a></li>
   <li><a title="Descrierea" href="/">Indiene</a></li>
   <li><a title="Descrierea" href="/">Pornografie</a></li>
   <li><a title="Descrierea" href="/">Videoclipuri</a></li>
   <li><a title="Descrierea" href="/">Muzică online</a></li>
   <li><a title="Descrierea" href="/">Scripturi</a></li>
   <li><a title="Descrierea" href="/">Șabloane</a></li>
   <li><a title="Descrierea" href="/">Jocuri PC</a></li>
   <li><a title="Descrierea" href="/">Programe</a></li>
   <li><a title="Descrierea" href="/">Coduri HTML</a></li>
   <li><a title="Descrierea" href="/">Adevarul.ro</a></li>
   </ul>
   </div>

Rezultatul:

Apasă pentru a mări imaginea

OmulPaianjen

Data: Miercuri, 2012-08-22, 7:25 PM | Mesaj # 4

Total mesaje: 210

Vezi premiile: 6

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

Code

/* Aspectul categoriilor */
.menucontainer
  {
  display:block;
  background-image:url(http://fierbinte.ucoz.ro/Forum/Aspect/Diverse/Categorii_fundal_4.png);
  height:25px;
  line-height:25px;
  font-family:Verdana;
  font-size:11px;
  text-decoration:none;
  color:#0095F8;
  margin-top:1px;
  padding-left:10px;
  }

  .menucontainer:hover
  {
  background-image:url(http://fierbinte.ucoz.ro/Forum/Aspect/Diverse/Categorii_fundal_4_2.png);
  padding-left:20px;
  }
/* ------------- */

codul categoriilor:

Code

<div align="center"><img src="http://fierbinte.ucoz.ro/Forum/Aspect/Diverse/Categorii_fundal_4_4.png"></div>
  <div class="container">
  <div><a class="menucontainer" href="/afaceri/1"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/afaceri.png" style="margin-top:5px" border="0"> Afaceri</a></div>
  <div><a class="menucontainer" href="/agricole/4"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/agricole.png" style="margin-top:5px" border="0"> Agricole</a></div>
  <div><a class="menucontainer" href="/animale/7"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/animale.png" style="margin-top:5px" border="0"> Animale</a></div>
  <div><a class="menucontainer" href="/auto/12"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/auto.png" style="margin-top:5px" border="0"> Auto</a></div>
  <div><a class="menucontainer" href="/bijuterii_ceasuri/15"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/bijuterii.png" style="margin-top:5px" border="0"> Bijuterii / Ceasuri</a></div>
  <div><a class="menucontainer" href="/calculatoare/18"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/calculatoare.png" style="margin-top:5px" border="0"> Calculatoare</a></div>

  <div><a class="menucontainer" href="/carti_reviste/21"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/carti.png" style="margin-top:5px" border="0"> Carti / Reviste</a></div>
  <div><a class="menucontainer" href="/constructii/24"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/constructii.png" style="margin-top:5px" border="0"> Constructii</a></div>
  <div><a class="menucontainer" href="/diverse/27"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/diverse.png" style="margin-top:5px" border="0"> Diverse</a></div>
  <div><a class="menucontainer" href="/electrocasnice/31"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/electocasnice.png" style="margin-top:5px" border="0"> Electrocasnice</a></div>
  <div><a class="menucontainer" href="/electronice/34"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/electro.png" style="margin-top:5px" border="0"> Electronice</a></div>

  <div><a class="menucontainer" href="/imobiliare/37"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/imobiliare.png" style="margin-top:5px" border="0"> Imobiliare</a></div>
  <div><a class="menucontainer" href="/locuri_de_munca/44"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/munca.png" style="margin-top:5px" border="0"> Locuri de munca</a></div>
  <div><a class="menucontainer" href="/matrimoniale/47"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/matrimoniale.png" style="margin-top:5px" border="0"> Matrimoniale</a></div>

  <div><a class="menucontainer" href="/medicale/51"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/sanatate.png" style="margin-top:5px" border="0"> Medicale</a></div>
  <div><a class="menucontainer" href="/menaj_intretinere/54"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/casa.png" style="margin-top:5px" border="0"> Menaj / Intretinere</a></div>
  <div><a class="menucontainer" href="/mobilier/57"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/mobila.jpeg" style="margin-top:5px" border="0"> Mobilier</a></div>
  <div><a class="menucontainer" href="/muzica/60"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/muzica.png" style="margin-top:5px" border="0"> Muzica</a></div>
  <div><a class="menucontainer" href="/obiecte_de_arta/63"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/arta.png" style="margin-top:5px" border="0"> Obiecte de arta</a></div>
  <div><a class="menucontainer" href="/pierderi_gasiri/66"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/cauta.png" style="margin-top:5px" border="0"> Pierderi / Gasiri</a></div>

  <div><a class="menucontainer" href="/prestari_servicii/69"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/servicii.png" style="margin-top:5px" border="0"> Prestari Servicii</a></div>
  <div><a class="menucontainer" href="/telefoane_mobile/72"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/telefon.png" style="margin-top:5px" border="0"> Telefoane mobile</a></div>
  <div><a class="menucontainer" href="/turism/75"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/turism.png" style="margin-top:5px" border="0"> Turism</a></div>

  <div><a class="menucontainer" href="/utilaje/78"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/utilaje.png" style="margin-top:5px" border="0"> Utilaje</a></div>
  <div><a class="menucontainer" href="/transporturi/84"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/vestimentatie.png" style="margin-top:5px" border="0"> Vestimentatie</a></div>
  <div><a class="menucontainer" href="/vestimentatie/81"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/transport.png" style="margin-top:5px" border="0"> Transporturi</a></div>
  <div align="center"><img src="http://fierbinte.ucoz.ro/Forum/Aspect/Diverse/Categorii_fundal_4_3.png"></div>
  </div>

Rezultatul:

Aspectul Categoriilor

Pagina 1 din 1
1