Изображения в посте

среда, 28 сентября 2016

22:40

все записи пользователя в сообществе felandaris

Fen'Harel enansal | В девичестве Shep.

Доброго времени суток!

Поиск по сообществу не работает, поэтому спрошу так: можно ли приказать изображениям в посте перестать изменять размер?) Ширину контейнера менять не хочу, а самовольно уменьшающиеся картинки немного раздражают. В идеале было бы прописать дефолтное разрешение, к которому будут приходить все изображения, которые оказываются шире контейнера. Дизайн собирала сто лет назад, в упор не понимаю, куда ткнуться.

Код.

#add_block1 { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: url('/userdir/1/0/5/9/105999/83097103.jpg') 0 100% no-repeat; z-index: -10;}
 #add_block2 { position: fixed; width: 100%; height: 100%; top: 0px; left: 370px; background: url('/userdir/1/0/5/9/105999/83097104.jpg') 0 100% no-repeat; z-index: -10;}
 .block_design {background-attachment:fixed; padding: 0 !important; }
 body{background-attachment:fixed !important; margin:0; padding:0; }
 #extratop { height: 470px; width: 740px; margin: 15px 0px 10px 240px !important; padding: 0px 0px !important; background:#b4aab1 url('/userdir/1/0/5/9/105999/84087021.jpg') 0% 0% repeat-y !important; }
 #wrapper{ width: 980px !important; margin: 0 auto !important; padding: 0 !important; position:relative !important; top: 0px; bottom: 0px !important; }
 #img { max-width:1000px !important; }
 #page-t {margin: 0px 0px 0px 0px !important; padding: 10px 0px 10px 15px !important;}
 .singlePost, .singleComment { background: #b4aab1 !important ; margin: 20px 0px 20px 0px !important; padding: 15px 15px !important; position:relative; }
 .postContent { background: #b4aab1 !important; padding: 25px 15px !important; margin: 20px 1px 20px 1px; border: 1px solid #72656e !important; border-top: 1px solid #72656e !important;}
 .authorName { background: #72656e !important; padding: 1px 15px 1px 15px !important; margin: 1px 1px 1px 1px; }
 .postLinksBackg { text-align: center !important ; background: #72656e !important; text-transform:lowercase; font: 13px 'verdana' !important; padding: 5px 25px !important; margin: 5px 1px 0px 1px; }
 .prevnext { text-align: right !important ;}
 .prevnext { text-align: right !important ;}
 #epigraph .header { display:none !important;}
 #epigraph { border: none !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; }
 #post0 {background: none !important; padding: 5px 10px 10px 10px !important; margin: 0px 0px 0px 0px !important; }
 .singleComment .postTitle { right: 12px; text-transform: lowercase; font: bold 11px 'verdana' !important; color:#ffffff !important; position:absolute !important; margin: 0px 2px 0px 2px !important; }
 #new_post_title, #addCommentArea_title, #commentsArea_title { text-transform:uppercase; font: bold 15px 'Book antiqua' !important; color: #ffffff !important; margin: 8px 0px 0px 0px !important; text-align:center !important; padding: 8px 10px 8px 10px !important;}
 {----------------------}
 #formcontainer {background: #b4aab1 !important; border:none !important;}
 #msg_form {padding: 15px !important; background:#b4aab1 !important; margin: 0px 0px 0px 0px !important;}
 #content { background:#b4aab1 !important; margin: 0px 0px 0px 0px !important; padding: 10px 30px 10px 30px !important ;}
 #JournalLinks #page-t {background:#b4aab1 !important; padding: 10px 15px !important; margin: 0px 20px 0px 20px !important;}
 #JournalLinks .header { background: #b4aab1 !important; border:none !important;}
 {-------------menu---------------}
 .menuSection {text-align: right !important; }
 #side {position: absolute; top: -3px; left: 15px; right: 0px; display: block; width:210px !important; height: 455px; font: 12px 'verdana' !important; padding: 15px 0px 3px 0px !important; color: #b4aab1; background:#b4aab1 !important; text-transform: uppercase; }
 .menuSection {margin: -12px 0px 0px 0px !important; color: #b4aab1 !important;}
 #thisDiaryLinks li {padding: 3px 5px !important; margin: 5px 0px !important; background: #72656e !important; }
 #thisDiaryOwner li {padding: 3px 5px !important; margin: 5px 0px !important; background: #72656e !important;}
 #globalLinks li {padding: 3px 5px !important; margin: 5px 0px !important; background: #72656e !important;}
 #myDiaryLinks li { padding: 3px 5px !important; margin: 5px 0px !important;background: #72656e !important;}
 #myDiaryLinks li:hover, #thisDiaryLinks li:hover , #thisDiaryOwner li:hover , #globalLinks li:hover {background: #d0c7cc !important; }
 #myDiaryLinks { top: 35px; left: 0px; background: #b4aab1 !important; }
 #globalLinks {background: #b4aab1 !important; }
 #thisDiaryOwner {background: #b4aab1 !important; }
 #thisDiaryLinks {background: #b4aab1 !important; }
 #side a {color: #d0c7cc; }
 #side a:hover {color: #color: #b4aab1 !important;}
 #postsCalendar, #rssLink, #upInChart, #authorAlbum, #albumLink, #photolibLink, #allDiaryLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #myCommunityLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink, #lastComments, #pchs, #YaSearch, #thisDiaryPhoto, #myNotepadLink, #iAmQuit, #Stats, #top_randomlink, #top_spiritlink, #topNav, #myLinks, #lastComments, .order_button {display:none !important;}
 #side h1 {display:none !important;}
 #side h1 a {display:none !important; }
 #side h1 a:hover {display:none !important;}
 #authorName {display:none !important;}
 #TagsList { position: absolute; top: 20px; right: -300px; background:#72656e !important; text-transform: lowercase; width: 250px !important; margin-top: 5px !important; }
 #TagsList li:before { content: none !important; }
 #TagsList li {padding: 0px 10px 5px 0px !important; margin: 0px 10px 0px 0px !important; border: none !important; }
 #myLinks li:before { content: none !important; }
 {-------------------------}
 .postActionLinks {margin: 0px -30px 0px 0px !important; position: absolute; right: 0px; width: 19px; top: 0px; }
 .postActionLinks li {margin: 3px 0px 0px 0px !important;}
 .singleComment .postActionLinks {margin: 0px -40px 0px 0px !important; position: absolute; right: 0px; width: 15px; top: 0px; }
 .urlLink a {display: block; background: url('/userdir/1/0/5/9/105999/65423042.png') 0px 0px no-repeat; width: 20px; height: 20px; overflow: hidden; line-height: 50px; margin-top: 0px !important;}
 {---------------- header ----------------------}
 #postsArea .header { background: #72656e !important; margin: 1px 1px 0px 1px !important; padding: 5px 0px 10px 5px !important; text-align: center !important;}
 #postsArea .postDate {position: absolute; top: -25px; left: -5px; text-align:left !important; text-transform: uppercase; font: 11px 'Book antiqua' !important; margin: 2px 2px 0px 0px !important;color: #d0c7cc !important;}
 #postsArea .header h2{ font: 20px 'Times New Roman' !important; padding: 0px 0px 0px 10px !important; ; color: #d0c7cc !important; text-align: center !important; text-shadow: 3px 3px 3px #4a3f47 !important;}
 #postsArea .postTitle span{ position: absolute; top: 25px; left: 28px; color: #d0c7cc !important;}
 #JournalComments .authorName { background: #72656e !important; padding: 5px 15px 10px 15px !important; margin: 5px 1px 0px 1px; border-top: 1px solid #72656e !important; border-bottom: 1px solid #72656e !important;}
 .communityName { background: #72656e !important; padding: 0px 15px !important; margin: 1px 1px 0px 1px;}
 {----------------------link---------------------}
 a:link, a:visited {text-shadow: 0px 0px 5px #4a3f47 !important; text-decoration:none !important;}
 a:hover, a:active {color: #fff !important; }
 {--------------------tags----------------------}
 .tags_ul_all { margin: 50px 20px 0px 20px !important; }
 .tags_ul_all a { margin: 0px 10px 0px 0px !important;}
 .tags_ul_all span { margin: 0px -20px 0px 0px !important; }
 .voting img { height: 0px !important; border-top: solid 5px #7eb3dc;}
 .paragraph img { max-width: 650px !important; }
 .postActionLinks { padding: 0px 0px 0px 30px !important ; }
 p.atTag, p.atMusic, p.atMood {font: 11px 'verdana' !important; color: #65505b !important; margin: 1px 0px 0px 0px !important;}
 .atTag a, atMusic a, .atMood a {color: #dad1d5 !important; }
 .atTag a:hover, atMusic a:hover, .atMood a:hover {color: #fff !important;}
 {----------------------------------------------}
 span.quote_text {font-style:normal; display: block; margin: 5px;padding: 5px; border:1px dotted #72656e; font-size: 97%; background: #c3b9c0; }
 .postTitle {text-shadow: 2px 2px 10px #a1a1a1; text-align:center}
 .avatar img { min-width: 100px !important; max-width: 120px !important; -webkit-box-shadow: 2px 2px 3px #4a3f47; -moz-box-shadow: 2px 2px 3px #4a3f47; box-shadow: 2px 2px 3px #4a3f47; }
 .commentAuthor {margin: 0px 0px -5px -10px !important; width:130px; padding: 10px 1px 1px 10px !important; }
 #JournalComments .paragraph, #JournalFavorite .paragraph, #JournalQuote .paragraph { padding: 10px 0px 0px 0px !important ; z-index: 3 !important; margin-top: 0px;}
 .sign { color: #7c636f !important; font: 11px 'verdana' !important; width: 105px !important; text-align: justify !important;}
 #message, textarea#message, input.text, #trspisok textarea, #close_text, #cc, #msgWin, #btSubmit { border:1px solid #72656e !important; background: #b4aab1 !important; margin: 10px 20px 10px 0px !important;}
 #but, #codebuttons, #shsmile { border:1px solid #72656e !important; background: #b4aab1 !important; }
 {---------------------page----------------------}
 #pageBar {margin: 20px 0px 10px 0px !important; background: #72656e !important; padding: 20px 10px !important; position:relative;}
 .pages_str td {width: 440px !important; }
 .pages_str a {background: #b4aab1 !important; padding: 7px 15px !important; text-transform: lowercase; text-decoration: none; font: bold 11px Tahoma !important; color: #dad1d5;}
 .pageBar td a { text-decoration: none; font: bold 11px Tahoma !important; background: #b4aab1; padding: 7px 15px !important; }
 .pageBar td strong { color: #fff; text-decoration: none; font: bold 13px Tahoma !important; background: #b4aab1; padding: 5px 15px 6px 15px !important;}

Решено.

@темы: diaryCSS, основные блоки

URL

Поделиться

Картинка. На вокзале взвод корейских солдат. Новая с иго... Подруга не звонила месяц. А я забыла поздравить ее с днем... Блин, а...

Отдых у российского человека неразрывно связан с обильным... Мулла Насреддин однажды вошел в лавку и спросил владельца... http://lib.ru/INOOLD/DESAD/

Комментарии

28.09.2016 в 22:57

Тайя.

Не говорите так быстро, я не успеваю класть х*р на ваши слова.

Попробуйте удалить эту строку:
#img { max-width:1000px !important; }

URL

28.09.2016 в 23:13

felandaris

Fen'Harel enansal | В девичестве Shep.

Тайя, которая душит романтиков, конкретно это не помогло, но Вы навели меня на мысль, и я поняла, что именно проглядела — так что сердечное спасибо! :heart:

Если кто-то ещё столкнётся с подобной проблемой — измените значение в .paragraph img (например, .paragraph img { max-width: 850px !important; } ).

URL

28.09.2016 в 23:35

Тайя.

Не говорите так быстро, я не успеваю класть х*р на ваши слова.

Shep., точно) Я проглядела беглым взглядом, увидела правило для тега img)

URL


Запомнить

Изображения в посте

@CSS — стилизация дневников