Главная » Гаджеты » Красивые ярлыки на Блоггер
Красивые ярлыки на Блоггер
Оформление 1
![Оформление 1 Оформление 1](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYeNhIU_ZlGgCKo50y1ktgDKqpdK6ucb6bAwvI2p7gqkIkCN92sCP0PTjJy_e6mOvlzFILb562s1_Mt1lStOCtkks0ITRZamiDetAuTHIFK0Nl5HF13bEWqtRyGWVHKT1EkqKIcjzip-XfqObZWEf2NN92EyurJ8SxX8nwQxl5O4_lGXtaoEKp6qploA/w200-h91-rw/Foto-dlya-saita-1695.jpg)
Код:
.Label a{Красным отметила цвета, которые можно поменять.
padding-left: 5px;
padding-right: 31.5px;
color: #fff!important;
height: 32px;
background: #63953D;
margin-right: 2px;
line-height: 28px;
text-decoration: none;
border: none !important;
-webkit-transition: all .3s ease-in-out !important;
float: left;
margin-top: 2px;
font-size: 12px;
text-align: left; }
.Label a:hover{
color:#fff !important;
background:#8ED557; }
.Label a:after{
content: "";
position: absolute;
width: 0px;
height: 0px;
border-width: 16.5px;
border-style: solid;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.3) rgba(0,0,0,0.1) transparent;}
Оформление 2
![Оформление 2 Оформление 2](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhltfwMCdRrEOP13JbzMMv4Fn_HE__YnKXeYfemtAsyK1W6YiMyjqlj34uqcGAUPx0WF_LE8POgt8ny7xGgV1-mIfpypZsQ1eFdQn00SK7dZdaSOvR2WWcvxYzqFdarO6YaRtJUjDEh6iqNLmvjVMH7laT5Od3FPVWhXlDXYPkiln1ark8lha03trvG6Q/w200-h91-rw/Foto-dlya-saita-1696.jpg)
![Оформление облака Оформление облака](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrbRJ8nzWujwydEHUCvYurqsgA67fCXtSfFX2i16p_exTkiWSPX9QGcCRIcXnaBeCtcmps5J7JL2q6TIndmI0L7T6pKaZ8oLsgimDBQoxj4KsTHVXtfGKNRSLDUBj2f9ysF5bwb2qZ2OVFyu_czm1LqtHoYXSCS9ztSB_553-y1TKSwFrLcO24u2kjwA/w320-h270-rw/Foto-dlya-saita-1697.jpg)
.label-size {Синим отметила цвета, которые можно заменить.
font-size:100%;
filter:alpha(100);
opacity:10
}
.cloud-label-widget-content{
text-align:left
}
.label-size {
border: 8px inset #0572F8;
background:#0572F8;
display:block;
float:left;
margin:0 3px 3px 0;
color:#ffffff;
font-size:11px;
text-transform:uppercase;
}
.label-size a,.label-size span{
display:inline-block;
color:#ffffff !important;
padding:6px 8px;
font-weight:bold;
}
.label-size:hover {
background:#000000;
}
.label-count {
white-space:nowrap;
padding-right:3px;
margin-left:-3px;
background:#000000;
color:#fff !important;
}
.label-size {
line-height:1.2
}
Оформление 3
![Оформление 3 Оформление 3](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg66S9Run-RC6rULtKiSapyOtF-qLiKEP0UPlDm4aR2taPcu22V60ax3ZJBlNvnGoNBcKZTlGAuQp0mHmSFT7yO3iPdtz77d4fN-Y00-aZsTfKLry94E-7T0NweX6Xm268xWvp00u4FMv_SuGDqnFpdA-gbY-HFGNRnv1Q3Gd8Xpr9PF0rOUMykVLVgBg/w200-h87-rw/Foto-dlya-saita-1698.jpg)
.label-size {Выделенные в коде цвета можно поменять.
font-size:100%;
filter:alpha(100);
opacity:10
}
.cloud-label-widget-content{
text-align:left
}
.label-size {
border:5px dashed #000000;
border-bottom-right-radius: 30px;
border-top-left-radius: 30px;
background:#FA0830;
display:block;
float:left;
margin:0 3px 3px 0;
color:#ffffff;
font-size:11px;
text-transform:uppercase;
}
.label-size a,.label-size span{
display:inline-block;
color:#ffffff !important;
padding:6px 8px;
font-weight:bold;
}
.label-size:hover {
border:5px dashed #FA0830;
background:#000000;
}
.label-count {
white-space:nowrap;
border-bottom-right-radius: 30px;
border-top-left-radius: 30px;
padding-right:3px;
margin-left:-3px;
background:#000000;
color:#fff !important;
}
.label-size {
line-height:1.2
}
В Joomla шаблоны устанавливаются в систему как обычное расширение, при помощи “Менеджера расширений”, соответственно для изменения дизайна сайта, достаточно установить понравившийся шаблон.
ОтветитьУдалить