Кнопки перехода "Читать далее" с кодом 18 штук


        
        Код кнопки «Читать далее» -

.jump-link { background:url(URL - адрес кнопки) no-repeat scroll 0 0 transparent;  height:32px;  left:1px;  margin-bottom:-11px;  margin-top:18px; 
padding-top:4px;  position:relative;  width:100px;  float:right;  }  .jump-link a {  color:#FFFFFF;  font-size:11px;  margin-bottom:10px;  padding-left:18px;  text-shadow:1px 1px 0 #B56F2B;  font-weight:normal;  }  .jump-link a:hover {  text-decoration:underline;  }
        Код кнопки вставляется в шаблоне блога на блогспот перед кодом         ]]></b:skin>
  
        Место расположения кнопки можно отредактировать: расположение кнопки - float (right – справа, left – слева; font-size– размер шрифта ссылки; padding-left – отступ ссылки от левого края кнопки; height – высота расположения относительно текста; margin-bottom- нижнее поле; margin-top – верхнее поле; width – ширина; text-shadow – тень текста и др. Цвет текста и тени тоже можете отрегулировать.

        Посмотреть как выглядят кнопки в блоге Вы можете ЗДЕСЬ


Предлагаю ознакомиться с аналогичными статьями: