Как сделать няшную кнопку ката

[werwolfson]

Все просто. 
Стырил секрет в journals_covers. Чтобы использовать, нужно вставить нижеприведенный код на эту страницу http://www.livejournal.com/customize/options.bml?group=customcss в текстовое поле.Если там есть уже другие коды - поставить этот в самый конец

Простая серая кнопочка:



/*----- LJCUT -----*/<br /><br /><br /><br />b.ljcut-link{<br /><br />display: inline-block;<br /><br />padding: 3px 0;<br /><br />border: 1px solid #CCC;<br /><br />border-radius: 5px;<br /><br />box-shadow: 0px 1px 0 rgba(0,0,0,0.2); <br /><br />background: #DDD;<br /><br />color: #DDD;<br /><br />}<br /><br /><br /><br />b.ljcut-link A {<br /><br />text-shadow: 1px 1px 0 rgba(255,255,255,0.7);<br /><br />text-decoration: none;<br /><br />}<br /><br /><br /><br />b.ljcut-link:hover{<br /><br />border: 1px solid #BBB;<br /><br />border-radius: 5px;<br /><br />box-shadow: 0 0 3px 0px rgba(0,0,0,0.3); <br /><br />background: #CCC;<br /><br />color: #CCC;<br /><br />}<br /><br /><br /><br />b.ljcut-link:hover A {<br /><br />color: #222 !important;<br /><br />}<br /><br />

Кнопку можно, например красить:



/*----- LJCUT -----*/<br /><br /><br /><br />b.ljcut-link {<br /><br />display: inline-block;<br /><br />padding: 3px 0;<br /><br />border: 1px solid #B2C47F;<br /><br />border-radius: 5px;<br /><br />box-shadow: 1px 1px 0 0 #A7CC43; <br /><br />background: #B8D666;<br /><br />color: #B8D666;<br /><br />}<br /><br /><br /><br />b.ljcut-link A {<br /><br />text-shadow: 1px 1px 0 rgba(0,0,0,0.2);<br /><br />text-decoration: none;<br /><br />color: #FFF;<br /><br />}<br /><br /><br /><br />b.ljcut-link:hover{<br /><br />border: 1px solid #99B255;<br /><br />border-radius: 5px;<br /><br />box-shadow: 0 0 2px 0px rgba(0,0,0,0.2); <br /><br />background: #A7CC43;<br /><br />color: #B2C47F;<br /><br />}<br /><br /><br /><br />b.ljcut-link:hover A {<br /><br />text-shadow: 0 0 2px rgba(0,0,0,0.4);<br /><br />color: #FFF !important;<br /><br />}


Так же можно сделать градиент на кнопках, заменить весь текст на большую картинку и придумать много других штук