|
   |
| Comunitatea uCoz Configurări ale sistemului uCoz Editorul de pagini adaugare culorii la categorii |
| adaugare culorii la categorii |
Buna.
Imi zice si mie cineva cum as putea realiza asa ceva: http://www.koketna.com/accessories/chanti In meniul din stanga, a doua sectiune. Alegerea tipului de categorie in functie de culoare. Ma intereseaza in special partea de design. Idei pana acum: Adaug la categorii (Culorile respective) dupa are fac o selectie functie de culaorea aleasa. Totusi, cum realizez acel patrat si mai ales cum adaug functia de 'link' la click pe culoare. Merci! |
costelumbu, se poate, dar manual..
creezi categoria culori si in ea subcategoriile culorile necesare. fii atent denumirile culorilor trebuie sa coincida exact cu cele din codul de mai jos:: /shop/culori/alb creezi un block nou si pui: Code <div class="cat-color"> <span>Dupa culoare</span> <div class="cat-select-color"> <a href="/shop/culori/alb" title="Alb" class="cat-white"></a> <a href="/shop/culori/gri" title="Gri" class="cat-gray"></a> <a href="/shop/culori/negru" title="Negru" class="cat-black"></a> <a href="/shop/culori/galben" title="Galben" class="cat-yellow"></a> <a href="/shop/culori/rosu" title="Rosu" class="cat-red"></a> <a href="/shop/culori/verde" title="Verde" class="cat-green"></a> <a href="/shop/culori/albastru" title="Albastru" class="cat-blue"></a> <a href="/shop/culori/cafeniu" title="Cafeniu" class="cat-brown"></a> <a href="/shop/culori/orange" title="Orange" class="cat-orange"></a> <a href="/shop/culori/roz" title="Roz" class="cat-pink"></a> </div> </div> culorile care nu le ai, le stergi... in CSS pui: Code .cat-color {} .cat-color span {font: 16px/21px 'Arial';color: #222;} .cat-select-color {padding: 7px 0 0 0;} .cat-color a {display: inline-block;margin: 0 1px 0 0;width: 15px;height: 15px;box-shadow: 1px 1px 1px #fff, inset 1px 1px 1px #5d5d5d;border-radius: 3px;} .cat-white {background-color: #fff;} .cat-gray {background-color: #9a9a9a;} .cat-black {background-color: #000;} .cat-yellow {background-color: #ffff00;} .cat-red {background-color: #ff0000;} .cat-green {background-color: #197b30;} .cat-blue {background-color: #0072bc;} .cat-brown {background-color: #754c24;} .cat-orange {background-color: #f7941d;} .cat-pink {background-color: #ffb3d4;}   |
| |||
| |||