[Diaryalive]

Отдельную запись или комментарий можно отредактировать с помощью визуального редактора. Но если вы хотите повлиять на свойства ссылок постов во всем дневнике или меню, лучше обратиться к CSS.
В этом посте вы сможете найти множество способов для оформления всего, что кликается в своих дизайнах. Тень, обводку, изменение прозрачности, подчеркивание, изменение цвета. Обратите внимание на то, что гифки ухудшают качество эффектов. И, пожалуйста, используйте этот материал как отправную точку для собственных экспериментов, а не простого копирования.

	a {text-decoration: none !important;text-transform: lowercase;color: #ED5534;} a:hover, a:active {color: #5cc64c; text-decoration: none !important;}
	a {color: #9F7C53 !important; font-size:16px!important; text-transform: lowercase!important; text-decoration: none!important;text-shadow: 0 0 0.3em #000;} a:hover { color: #821616!important; font-size:16px!important; text-transform: lowercase;text-decoration: none; text-shadow: 0 0 0.3em #9F7C53; }
	a {color: #714C3A;font-size:12 text-transform: uppercase; font-weight:bold;text-decoration: none!important; text-shadow: #C3C3C3 0px 1px 0} a:hover { color: #B9A69E;font-size:12 text-transform: uppercase; font-weight:bold;text-decoration: none; text-shadow: #C3C3C3 0px 1px 0px ;border: } #page-t a { -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s;} #page-t a:hover { -webkit-transition: all 0.9s; -moz-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s;} .lastLink a,.addToQuote a, .subscribe a, .unsubscribe a, .quote_post a ,.quote_comment a ,.umail a ,.diary a , .profile a , .comments a{color: #714C3A;border: 3px double #6a4b30;} .lastLink a:hover,.addToQuote a:hover, .subscribe a:hover, .unsubscribe a:hover, .quote_post a:hover ,.quote_comment a:hover ,.umail a:hover ,.diary a:hover , .profile a:hover , .comments a:hover{color: #B9A69E;border: 3px double #B9A69E;}
	a {color: #000; text-decoration: none!important; text-transform: uppercase;font-weight:bold;text-shadow: #000 0px 0px 0px ;font-size:12text-decoration: none; } a:hover { font-size:12 color:#C3C3C3;text-transform: uppercase; font-weight:bold;text-decoration: none; text-shadow: #C3C3C3 0px 1px 0px ;} #page-t a { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;} #page-t a:hover {color: #C3C3C3; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; -moz-opacity:.77 !important;opacity:.77 !important; filter:alpha(opacity=77);}
	a { text-decoration: none; text-transform: uppercase;font-size:12text-shadow: #6A8386 0px 0px 10px !important;} a:hover { text-decoration: none; text-transform: uppercase;font-size:12text-shadow: #C4F2F2 0px 0px 5px !important;}
	a {font: 11px Fixedsys; text-decoration: none !important; text-transform: uppercase;} .addToQuote, .subscribe, .unsubscribe, .quote_post, .umail, .diary, .profile, .comments, .quote_comment, .email, .delFromQuote.lastLink, .ip {padding: 10px 10px 10px 10px !important;text-decoration: none; text-transform: none; color: #000; border: 5px double #0B0809;background: #674343!important;}
	a {color: #818181;font-size:14px!important; text-transform: lowercase;text-decoration: none!important; text-shadow: #fff -1px 0px 3px ;} a:hover {color: #646464;font-size:14px!important; text-transform: lowercase;text-decoration: none!important; text-shadow: #fff -1px 0px 3px ; }
	#page-t a{ color: # !important;-moz-transition: all 2s; -webkit-transition:all 2s; -o-transition: all 2s; transition: all 2s;text-shadow: #251A0E 0px 1px 0font: 13px "Segoe Print" !important;} #page-t a:hover{ opacity : 0.0 !important;-moz-transition: all 2s; -webkit-transition:all 2s; -o-transition: all 2s; transition: all 2s;} a {text-decoration: none !important;text-transform: lowercase;color: #000;} a:hover, a:active {color: #000; text-decoration: none !important;}
	a {color: #5F3537; text-decoration: none!important; text-transform: uppercase;font-weight:bold;font-size:12text-decoration: none; z-index:3 !important; } a:hover { font-size:12 color:#94817D;text-transform: uppercase; font-weight:bold;text-decoration: none; z-index:3 !important;} #page-t a { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;} #page-t a:hover {color: #D1DABF; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; -moz-opacity:.77 !important;opacity:.77 !important; filter:alpha(opacity=77);}
	a { text-decoration: none !important; text-transform: uppercase;font-size:12} a:hover { text-decoration: none !important; text-transform: uppercase;font-size:12} .lastLink a,.addToQuote a, .subscribe a, .unsubscribe a, .quote_post a ,.quote_comment a ,.umail a ,.diary a , .profile a , .comments a{color: #50434B;border-top: 1px dashed #50434B !important;} .lastLink a:hover,.addToQuote a:hover, .subscribe a:hover, .unsubscribe a:hover, .quote_post a:hover ,.quote_comment a:hover ,.umail a:hover ,.diary a:hover , .profile a:hover , .comments a:hover{color: #5c0ec6;border-bottom: 1px dashed #5c0ec6 !important;border-top: 1px dashed #5c0ec6 !important;}
	a {text-decoration: none !important;text-transform: lowercase;color: #6E5C36;text-shadow: #000 1px -1px 0px !important;} a:hover, a:active {color: #EFC56F; text-decoration: none !important;} #page-t a { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;padding: 0px 5px 0px 5} #page-t a:hover {color: #EFC56F; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; -moz-opacity:.77 !important;opacity:.77 !important; filter:alpha(opacity=77);}
	#page-t a{text-shadow: 0px 1px 0px #6F716C!important;text-decoration: none!important; } #page-t a:hover{text-shadow: 6px 6px 0px rgba(0,0,0,0.2)!important;text-decoration: none!important;}
	a {color: #596148;font-size:16px!important; text-transform: lowercase;text-decoration: none!important; text-shadow: #fff -1px 0px 3px ;} a:hover { color: #D5D8D7;font-size:16px!important; text-transform: lowercase;text-decoration: none; text-shadow: #000 -1px 0px 3px ; } #page-t a { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} #page-t a:hover { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
	.addToQuote a{ color:#fff!important;background:#76CA81!important; font: 15px Helvetica !important; text-transform: lowercase;border: 3px double #F4D96E;padding:3} .delFromQuote.lastLink { color:#fff!important; background:#76CA81!important; font: 15px Helvetica !important; text-transform: lowercase;border: 3px double #F4D96E;padding:3} .delFromQuote.lastLink a { color:#fff!important;padding:3} .subscribe a {color: #fff;background:#DAA958!important; font: 15px Helvetica !important; text-transform: lowercase;border: 3px double #F4D96E;padding:3} .unsubscribe a {color: #fff;background:#DAA958!important; font: 15px Helvetica !important; text-transform: lowercase;border: 3px double #F4D96E;padding:3} .quote_post a {color: #fff;background:#8E5CDA!important; font: 15px Helvetica !important; text-transform: lowercase;border: 3px double #F4D96E;padding:3} .quote_comment a {color: #fff;background:#8E5CDA!important; font: 15px Helvetica !important; text-transform: lowercase;border: 3px double #F4D96E;padding:3} .umail a {color: #fff;background:#AD3E43!important; font: 15px Helvetica !important; text-transform: lowercase;border: 3px double #F4D96E;padding:3} .diary a {color: #fff;background:#DAA958!important; font: 15px Helvetica !important; text-transform: lowercase;border: 3px double #F4D96E;padding:3} .profile a {color: #fff;background:#76CA81!important; font: 15px Helvetica !important; text-transform: lowercase;border: 3px double #F4D96E;padding:3} .comments a{color: #fff;background:#AD3E43!important; font: 15px Helvetica !important; text-transform: lowercase;border: 3px double #F4D96E;padding:3} .urlLink a {color: #fff;background:#8E5CDA!important; font: 15px Helvetica !important; text-transform: lowercase;border: 3px double #F4D96E;padding:3} .ip a {color: #fff;background:#DAA958!important; font: 15px Helvetica !important; text-transform: lowercase;border: 3px double #F4D96E;padding:3} .lastLink a:hover,.addToQuote a:hover, .subscribe a:hover, .unsubscribe a:hover, .quote_post a:hover ,.quote_comment a:hover ,.umail a:hover ,.diary a:hover , .profile a:hover , .comments a:hover, .urlLink a:hover, .ip a:hover {text-decoration: none !important; background:#B49E92!important;color: #fff!important;}
	a {font-size:10 text-transform: uppercase; font-weight:bold;text-decoration: none!important; } a:hover { font-size:10 text-transform: uppercase; font-weight:bold;text-decoration: none;} .lastLink a,.addToQuote a, .subscribe a, .unsubscribe a, .quote_post a ,.quote_comment a ,.umail a ,.diary a , .profile a , .comments a{color: #333;} .lastLink a:hover,.addToQuote a:hover, .subscribe a:hover, .unsubscribe a:hover, .quote_post a:hover ,.quote_comment a:hover ,.umail a:hover ,.diary a:hover , .profile a:hover , .comments a:hover{color: #521009; text-shadow: #000 -1px 2px 1px!important;}
	a {text-decoration: none!important;text-shadow: 0px 1px 0px #F7AF71; } a:hover {text-decoration: none!important; text-shadow: #F7AF71 -1px 0px 3px ; }
	.postLinksBackg a,.postLinks a,.urlLink a,.pageBar a,.pages_str a{ color: #344339; text-decoration: none; text-transform: uppercase;text-shadow: 0 0 0.1em #93241C;font-size:12} .postLinksBackg a:hover,.postLinks a:hover,.urlLink a:hover,.pageBar a:hover,.pages_str a:hover { color:#344339;text-transform: uppercase;text-decoration: none;text-shadow: #E1C5AF 0px 1px 0px ;font-size:12 }
	a {color: #c4d58a; text-transform: uppercase;text-decoration: none;text-shadow: 0 0 0.9em #fff;font:12px "Book Antiqua";} a:hover, a:active {color: #c4d58a; text-decoration: none !important;text-shadow: 0 0 0.2em #544326; text-transform: uppercase;font-size:12}
Эффект срабатывает самостоятельно без наведения мышки	.postLinks a { font-size: 13 font-weight: normal; cursor: pointer; text-shadow: 0 0 20px peachpuff; color: peachpuff; animation: shadows 4s infinite ease-in; } @keyframes shadows { 10% { text-shadow: 0 0px 3px lightyellow;} 60% { text-shadow: 0 0px 1px lightyellow; } 90% { text-shadow: 0 30px 40px peachpuff; } }