- click -
Я строю мысленно мосты...
воскресенье, 30 августа 2026 г.
воскресенье, 23 августа 2026 г.
Sidebar explicada
Чтобы сделать выезжающую панель Sidebar вставляем перед </head> следующий код:
<style type='text/css'>
.elementoVisible {display:block;}
.elementoOculto {display:none;}
.linkContraido {
... propiedades de estilo para fuentes o imágenes ...
}
.linkExpandido {
... propiedades de estilo para fuentes o imágenes ...
}
</style>
<script type='text/JavaScript'>
function desplegarContraer(cual,desde) {
var elElemento=document.getElementById(cual);
if(elElemento.className == 'elementoVisible') {
elElemento.className = 'elementoOculto';
desde.className = 'linkContraido';
} else {
elElemento.className = 'elementoVisible';
desde.className = 'linkExpandido';
}
}</script>Содержание гаджета заключаем в следующие теги: <div class="linkContraido" onclick="desplegarContraer
('contenedorExterno',this);">НАЗВАНИЕ ГАДЖЕТА</div>
<div id="contenedorExterno" class="elementoOculto">
<div>.... содержимое гаджета ...</div>
</div>http://vagabundia.blogspot.com/2008/01/sidebar-explicada.html
Border Radius herramienta online четверг, 20 августа 2026 г.
Original Hover Effects
Hover Style #5
A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.
Read More
Hover Style #5
A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.
Read More<link href='https://foglia2008.narod.ru/OriginalHover/style5.css' rel='stylesheet' type='text/css'/>
среда, 19 августа 2026 г.
Note CSS File
/*
Description: WP-Note CSS File
Author: Luke
Author URI: http://luke.appspot.com
Date:2009-01-02
Modified Date:2009-12-29
*/
.note
{
text-align: center;
padding:0px 0px 10px 0px;
}
.noteclassic a, .noteimportant a, .notewarning a, .notetip a, .notehelp a {
color:#ED1B23;
font-weight:bold;
}
.noteclassic, .noteimportant, .notewarning, .notetip,.notehelp {
width: 80%;
margin-top:20px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
border-radius: 10px 10px;
-moz-border-radius: 10px 10px;
-webkit-border-radius: 10px 10px;
padding: 15px 20px 15px 80px;
/*margin: 0px 0px 0px 0px;*/
-webkit-box-shadow: 2px 2px 3px #999;
-moz-box-shadow: 2px 2px 3px #999;
/*IE min-height hack*/
min-height:40px;
height:auto !important;
height:40px;
overflow:visible;
position:relative;
bottom:6px;
right: 6px;
border: 1px solid #999999;
/*Set the position of the background image*/
background-position: 20px 50%;
background-repeat: no-repeat;
text-align: justify;
}
.noteclassic, .noteimportant, .notewarning, .notetip,.notehelp{
/* IE5 hack */
/* \margin: 10px 0px -3px 0px; */
margin:10px;
/* ma\rgin: 0px 0px 0px 0px; */
}
.noteclassic {
background-color: #F5F2E2;
background-image: url(images/note.png);
}
.noteimportant {
background-color: #FFC;
background-image: url(images/important.png);
}
.notewarning {
background-color: #FDD;
background-image: url(images/warning.png);
}
.notetip {
background-color: #E4F6F8;
background-image: url(images/tip.png);
}
.notehelp {
background-color: #ddcac3;
background-image: url(http://www.proofsite.com.ua/wp-content/plugins/wp-note/images/note.png);
}
Постраничная навигация для Blogger.
Добавляем стили CSS постраничной навигации.
Не устанавливая флажка "Расширить шаблоны виджета" и используя для поиска сочетание клавиш Ctrl+F, определяем стили CSS, а именно, перед
]]></b:skin>добавляем код:.showpageNum {
padding: 0px 5px;
margin: 0px 2px;
text-decoration: none;
border: 1px solid #bba166;
background-image: -moz-linear-gradient(#f4e9ce, #ddcca3);
background-image: -o-linear-gradient(#f4e9ce, #ddcca3);
background-image: -webkit-gradient(linear, center top, center bottom, from(#f4e9ce), to(#ddcca3));
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#f4e9ce,endColorStr=#ddcca3);
}
.showpageNum:hover {
border: 1px solid #888;
background: #f6edd9;
}
.showpagePoint {
color: #fff;
text-shadow: 0 1px 2px #333;
padding: 0px 5px;
margin: 0px 2px;
border: 1px solid #999;
background: #666;
}
.showpageOf {
margin-right: 8px;
text-shadow: 1px 1px 1px #fff;
}
Подписаться на:
Сообщения (Atom)