|
Următoarea pagină | Schimbarea paginilor | Comutator
|
|
| Liber | Data: Marţi, 2012-10-30, 11:14 AM | Mesaj # 11 |
|
|
Instalare: Panoul de Control - Design - Administrarea design-ului (CSS) - la urmă adăugați următoarele stiluri:
Code /* Comutator albastru */
.pagesBlockuz2,
#pagesBlock1 {display:block; overflow:hidden; font-weight:700; font-size:12px; color:#fff; text-align:center; margin:10px 0 0;}
.pagesBlockuz2 a,
.pagesBlockuz2 b,
.pagesBlockuz2 .swchItemDots,
#pagesBlock1 a,
#pagesBlock1 b,
#pagesBlock1 .swchItemDots {height:22px; display:inline-block; color:#fff; vertical-align:top; background:#252525 url(http://fierbinte.ucoz.ro/Forum/Aspect/Urmatoarea/Comutator_albastru.png) no-repeat 0 0;}
.pagesBlockuz2 a span,
.pagesBlockuz2 b span,
.pagesBlockuz2 .swchItemDots span,
#pagesBlock1 a span,#pagesBlock1 b span,
#pagesBlock1 .swchItemDots span {height:22px; line-height:21px; display:inline-block; vertical-align:top; background:url(http://fierbinte.ucoz.ro/Forum/Aspect/Urmatoarea/Comutator_albastru.png) no-repeat right -22px; cursor:pointer; padding:0 11px;}
.pagesBlockuz2 b span,
#pagesBlock1 b span {cursor:default;}
.pagesBlockuz2 b,
.pagesBlockuz2 a:hover,
#pagesBlock1 b,
#pagesBlock1 a:hover {text-decoration:none; background-position:0 -44px; background-color:#2d6382;}
.pagesBlockuz2 b span,
.pagesBlockuz2 a:hover span,
#pagesBlock1 b span,
#pagesBlock1 a:hover span {background-position:right -66px;}
.pagesBlockuz2 .swchItemDots,
.pagesBlockuz2 .swchItemDots span,
#pagesBlock1 .swchItemDots,
#pagesBlock1 .swchItemDots span {color:#333; background:0; padding:0 3px;}
/* -------------- */
Rezultatul: 
|
| |
|
|
| Liber | Data: Marţi, 2012-10-30, 7:34 PM | Mesaj # 12 |
|
|
Instalare: Panoul de Control - Design - Administrarea design-ului (CSS) - la urmă adăugați stilurile de mai jos:
Code /* Stilurile comutatorului de pagini */
.catPages1, .pagesBlockuz1, .pagesBlockuz2 {margin-bottom:8px;margin-top:9px;}
.catPages1 a:link, .pagesBlockuz1 a:link, .pagesBlockuz2 a:link,
.catPages1 a:visited, .pagesBlockuz1 a:visited, .pagesBlockuz2 a:visited,
.catPages1 a:hover, .pagesBlockuz1 a:hover, .pagesBlockuz2 a:hover,
.catPages1 a:active, .pagesBlockuz1 a:active, .pagesBlockuz2 a:active {text-decoration:none; padding: 5px; font-size:10px ;font-weight:bold; border: 1px solid #cccccc;}
.catPages1 a:hover, .pagesBlockuz1 a:hover, .pagesBlockuz2 a:hover {text-decoration:none; padding: 5px; font-size:10px ;font-weight:bold; border: 1px solid #cccccc; background-color: #cccccc;}
.catPages1 b, .pagesBlockuz1 b, .pagesBlockuz2 b {text-decoration:none; padding: 5px; font-size:10px ;font-weight:bold; border: 1px solid #cccccc; background-color: #cccccc;}
/* ----------------------- */
Rezultatul: 
|
| |
|
|
| Liber | Data: Vineri, 2012-11-02, 5:53 PM | Mesaj # 13 |
|
|
Instalare: Panoul de Control - Design - Administrarea design-ului (CSS) - la sfârșit adăugați stilurile:
Code /*---Comutator de pagini---*/
.swchItemA, .swchItem, .swchItemA1, .swchItem1 {color: #908b8b; background: url(/.s/t/785/31.gif) repeat-x;padding: 5px 7px;text-decoration: none;
border-width: 1px; border-style: solid; border-color: #dddddd #c6c6c6 #c6c6c6 #c6c6c6;
border-radius: 6px; -moz-border-radius: 6px;
}
.swchItem:hover, .swchItem1:hover {background-position: 0px -29px;text-decoration: none;}
.catPages1, .catPages2 {padding: 10px 0;}
/*-------------------------*/
Rezultatul: 
|
| |
|
|
| Liber | Data: Marţi, 2012-11-06, 8:59 PM | Mesaj # 14 |
|
|
Instalarea o citiți în mesajul de mai sus.
Code /* Comutatorul de pagini */
.catPages1 {color:#bbbbbb;border:0px;margin-bottom:10px;margin-top:10px;}
#pagesBlock1 {padding-top:10px;}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover,
.catPages1 a:active {font-family: tahoma;text-decoration:none;color: #FFCC33;background:#bbbbbb;padding:3px 10px;font-size:11px;font-weight:bold;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-khtml-border-radius:2px;font-size: 10px;}
.catPages1 a:hover {font-family: tahoma;background:#69b44b;color:#FFFFFF;font-weight:bold;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-khtml-border-radius:2px;font-size: 10px; box-shadow: 0px 0px 0px 1px #5a9f22;text-shadow: 0px 1px 0px #579b1f;}
.catPages1 b {font-family: tahoma;text-decoration:none;background:#69b44b;padding:3px 10px;color:#FFCC33;font-size:11px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-khtml-border-radius:2px;font-size: 10px; box-shadow: 0px 0px 0px 1px #5a9f22;text-shadow: 0px 1px 0px #579b1f;}
Rezultatul: 
|
| |
|
|
| Liber | Data: Miercuri, 2012-11-07, 4:35 PM | Mesaj # 15 |
|
|
La fel ca și în cazul de mai sus, în Stilul foii (CSS), la urmă, adăugăm aceste stiluri:
Code /* Comutatorul de pagini */
.catPages1 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover,
.catPages1 a:active {text-decoration:none;
color: #6D6D6D;border: 1px #999999 dashed;
background:#ffffff;
padding:3px 10px;
font-size:11px;
font-weight:bold;}
.catPages1 a:hover {background:#0094E0;color:#FFFFFF;font-weight:bold;}
.catPages1 b {text-decoration:none;background:#0094E0;padding:3px 10px;color:#fefefe;font-size:11px;}
.catPages2 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages2 a:link,
.catPages2 a:visited,
.catPages2 a:hover,
.catPages2 a:active {text-decoration:none;
color: #6D6D6D;border: 1px #999999 dashed;
background:#ffffff;
padding:3px 10px;
font-size:11px;
font-weight:bold;}
.catPages2 a:hover {background:#0094E0;color:#FFFFFF;font-weight:bold;}
.catPages2 b {text-decoration:none;background:#0094E0;padding:3px 10px;color:#fefefe;font-size:11px;}
.pagesBlockuz1 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlockuz1 a:link,
.pagesBlockuz1 a:visited,
.pagesBlockuz1 a:hover,
.pagesBlockuz1 a:active {text-decoration:none;
color: #6D6D6D;border: 1px #999999 dashed;
background:#ffffff;
padding:3px 10px;font-size:11px;
font-weight:bold;}
.pagesBlockuz1 a:hover {background:#0094E0;color:#FFFFFF;font-weight:bold;}
.pagesBlockuz1 b {text-decoration:none;background:#0094E0;padding:3px 10px;color:#fefefe;font-size:11px;}
.pagesBlockuz2 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlockuz2 a:link,
.pagesBlockuz2 a:visited,
.pagesBlockuz2 a:hover,
.pagesBlockuz2 a:active {text-decoration:none;
color: #6D6D6D;border: 1px #999999 dashed;
background:#ffffff;
padding:3px 10px;font-size:11px;
font-weight:bold;}
.pagesBlockuz2 a:hover {background:#0094E0;color:#FFFFFF;font-weight:bold;}
.pagesBlockuz2 b {text-decoration:none;background:#0094E0;padding:3px 10px;color:#fefefe;font-size:11px;}
.pagesBlock1 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlock1 a:link,
.pagesBlock1 a:visited,
.pagesBlock1 a:hover,
.pagesBlock1 a:active {text-decoration:none;
color: #6D6D6D;border: 1px #999999 dashed;
background:#ffffff;
padding:3px 10px;
font-size:11px;
font-weight:bold;}
.pagesBlock1 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}
.pagesBlock1 b {text-decoration:none;background:#0094E0;padding:3px 10px;color:#fefefe;font-size:11px;}
.pagesBlock2 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlock2 a:link,
.pagesBlock2 a:visited,
.pagesBlock2 a:hover,
.pagesBlock2 a:active {text-decoration:none;
color: #6D6D6D;border: 1px #999999 dashed;
background:#ffffff;
padding:3px 10px;
font-size:11px;
font-weight:bold;}
.pagesBlock2 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}
.pagesBlock2 b {text-decoration:none;background:#0094E0;padding:3px 10px;color:#fefefe;font-size:11px;}
/* ----------------------- */
Rezultatul: 
|
| |
|
|
