воскресенье, 09 июня 2013
Подскажите пожалуйста, картинки в записях стали очень тусклыми, после установки нового дизайна
не могу найти, как исправить
читать дальше
код
читать дальшеbody{background: #040509 url('/userdir/1/0/6/1/106160/78661710.png') no-repeat; background-position: 50% 0; bottom:10px;}
#wrapper{min-width:900 px!important; width:900px; margin: 0 auto !important; margin-bottom:0px !important; position:relative;}
#page-c { background: #262b37; width:900px !important; -moz-opacity:.45 !important;opacity:.45 !important; filter:alpha(opacity=70); !important;}
#extratop {background: url('/userdir/1/0/6/1/106160/78661806.png') no-repeat; width:905px; height: 451px;margin-left:-5px; -moz-opacity:.65 !important;opacity:.65 !important;}
#side {position:absolute; font-size:10px !important; left: 635px; top: 43px !important;}
body{padding:0px}
#globalLinks_title {display:block; width:85px; height:19px; line-height:100px; overflow:hidden; background: url('/userdir/1/0/6/1/106160/78661760.png') 2px 4px no-repeat;margin-top: -3px;}
#myDiaryLinks_title, #myCommunityLink_title {display:block; width:76px; height:16px; line-height:100px; overflow:hidden; background: url('/userdir/1/0/6/1/106160/78661780.png') 2px 4px no-repeat;margin-top: 0px;}
#thisDiaryOwner_title {display:block; width:44px; height:16px; line-height:100px; overflow:hidden; background: url('/userdir/1/0/6/1/106160/78661799.png') 2px 4px no-repeat;}
#thisDiaryLinks, #more_login, #myLinks, #myLinksLink, #bottomNavLinks, #Stats, #iAmQuit, #sortOrder, #YaSearch {display: none;}
#side ul {background:#262b37; -moz-opacity:.80 !important;opacity:.80 !important; filter:alpha(opacity=80); !important; border: 1px dotted #5d4f3d; }
#side {text-align:center !important;}
#myDiaryLinks ul, #myCommunityLink ul {margin-left: -20px;}
#globalLinks ul {margin-left: -9px;}
#thisDiaryOwner ul {margin-left: -22px;}
.postDate, .header { text-shadow: 1px 2px 1px #000;}
A:hover {TEXT-DECORATION: none; text-transform: none;}
a:hover,a:active{color:#c5b351 !important}
.postDate, .header {text-align:left !important;}
#side a{color: #ce8c30}
.postLinksBackg{ border-bottom: 1px dotted #5d4f3d;height: 17px;}
#side h1 a{position:relative; font-size:11px !important; left: 48px; top: 62px; }
#authorName {position:absolute; font-size:11px !important; left: -65px; top: 2px;}
#side h1 a{color: #453c31 !important; font-weight: bold; }
#authorName{color: #453c31 !important; font-weight: bold; }
#extrabottom {background: url(`/userdir/1/0/6/1/106160/78661799.png') no-repeat; width:912px; height: 104px; margin-left: -12px; margin-top: -64px;z-index:4; -moz-opacity:.100 !important;opacity:.99 !important; filter:alpha(opacity=100); !important;margin-bottom:-10px;}
@темы:
diaryCSS,
платный сервис
1. В фотошопе сделать небольшой квадратик нужного цвета и прозрачности и поставить на фон на нужные блоки.
2. Вариант, который мне нравится больше. Описать цвет в формате rbga, где rgb - цвет, a - прозрачность. Например, у меня меню описано так: {background: rgba(244,246,247, 0.8), первые цифры - цвет, четвертая - степень прозрачности, при таком способе картинки на фоне не будут прозрачными (не знаю, правда, как это выглядит в IE, честно, не проверяла).