Перейти к публикации

Как увеличить отступ картинки от текста?


Рекомендованные сообщения

стоит DLE 5.5. Когда создаешь новость с картинкой и ставишь текст слева или справа от картинки то расстояние совсем минимальное, смотрится некрасиво. Как его увеличить?

Ссылка на сообщение
Поделиться на других сайтах

По дефолту там вроде нету такой строчки.

.news img {

padding-right: 10px;

padding-left: 10px;

padding-bottom: 10px;

padding-top: 10px;

}

отступ 10 справа, слева, снизу и сверху

Изменено пользователем gun
Ссылка на сообщение
Поделиться на других сайтах

.news img {

padding-right: 10px;

padding-left: 10px;

padding-bottom: 10px;

padding-top: 10px;

}

в принципе можно твой вариант упростить до

.news img {

padding: 10px; 

}
а самое смешное, что я сам такое советовал сделать, но как выяснилось, не всегда в этом случае получается красивый результат... у меня в некоторых случая рвало из-за этого таблицу с картинками на части, где этого совершенно не надо было делать... в итоге я остановился на корректировке файла parse.class.php
		return "<img src=\"$url\" style=\"padding-right:10px; padding-bottom:10px; border: none;\"{$img_extra}/>";

		else

		return "<img src=\"$url\" align=\"$align\" style=\"padding-right:10px; padding-bottom:10px; border: none;\"{$img_extra}/>";
		return "<!--ThumbBegin--><a href=\"#\" onClick=\"ShowBild('$gurl'); return false;\" ><img src=\"$url\" style=\"padding-right:10px; padding-bottom:10px; border: none;\" {$alt} /></a><!--ThumbEnd-->";

		else

		return "<!--ThumbBegin--><a href=\"#\" onClick=\"ShowBild('$gurl'); return false;\" ><img align=\"$align\" src=\"$url\" style=\"padding-right:10px; padding-bottom:10px;  border: none;\" {$alt} /></a><!--ThumbEnd-->";

Изменено пользователем Vladimir Gorobets
Ссылка на сообщение
Поделиться на других сайтах

По дефолту там вроде нету такой строчки.

.news img {

padding-right: 10px;

padding-left: 10px;

padding-bottom: 10px;

padding-top: 10px;

}

отступ 10 справа, слева, снизу и сверху

или еще короче :

.news img {

padding: 10px;

}

Ссылка на сообщение
Поделиться на других сайтах

когда просматриваешь штмл код страници - в каждой картинке автоматом прописываеть alt

Где можно поменять этот параметр?

Ссылка на сообщение
Поделиться на других сайтах

когда просматриваешь штмл код страници - в каждой картинке автоматом прописываеть alt

в 4-м ответе видно где берется alt

 border: none;\" {$alt} /></a>

можешь убрать {$alt} или вместо него прописать сиой вариант

Ссылка на сообщение
Поделиться на других сайтах

когда просматриваешь штмл код страници - в каждой картинке автоматом прописываеть alt

в 4-м ответе видно где берется alt

 border: none;\" {$alt} /></a>

можешь убрать {$alt} или вместо него прописать сиой вариант

убрал это, все равно присутствует в штмл коде... кеш чистил :(

Ссылка на сообщение
Поделиться на других сайтах

убрал это, все равно присутствует в штмл коде... кеш чистил

а это сработает только на новых постах... либо попробуй открыть старый на редактирование и сохранить...

Ссылка на сообщение
Поделиться на других сайтах
  • 5 месяцев спустя...
  • 6 месяцев спустя...

хм странно но почему то никакой реакции на эти попраавки. для каких версий это работает ?

Тоже самое, даже parse.class.php пробовал удалить никакой реакции! сайт открывается без проблем.

Изменено пользователем Alex112
Ссылка на сообщение
Поделиться на других сайтах
  • 1 месяц спустя...

padding-bottom:10px;

в 7-ой версии правлю parse.class.php и не работает отступ

если править style.css и ставить в нем

.news img {

padding: 10px;

}

то отступы есть, но например внизу где вставка комментария тоже во всех иконках получаются отступы и не очень красиво.

так как правильно в 7-й версии сделать отступы у картинок??

Ссылка на сообщение
Поделиться на других сайтах
  • 3 недели спустя...

Короче исправить надо в нескольких местах.

Для начала style.css

добавляем

.news img {margin:5px;}

Или кому нравится padding - пишите padding, пофиг.

Далее лезем в engine.css и добавляем

.editor_button img {margin:0px;}

.новыйкласс img {margin:0px;}

.editbclose img {margin:0px;}

В файлах bbcode.php (в обоих) нужно исправить единственный короткий тег <div> на <div class="новыйкласс">

Вот теперь картинки в новостях будут с отступом по всем сторонам, а кнопки редактирования новостей будут без отступов.

Ссылка на сообщение
Поделиться на других сайтах
  • 3 месяца спустя...

Тогда попробуйте

<img src="адрес_картинки" align="left" style="margin-right: 10px;" border="0" alt="ваш_альт" />

Где вместо 10 можете поставить нужное Вам расстояние.

Ссылка на сообщение
Поделиться на других сайтах
  • 3 месяца спустя...

Народ объясните понятно.

Вот класс, который отвечает за вывод новости.

Куда здесь вствлять, перепробовал все никакой реакции.

.news {

color: #000;

font-family: Arial;

font-size:11pt;

text-align:justify;

line-height: 18px

}

Ссылка на сообщение
Поделиться на других сайтах

а как интересно можно сделать отступ картинок только для одной конкретной категории?

вариант другого шаблона для этой категории не подойдет.

Изменено пользователем sergey78
Ссылка на сообщение
Поделиться на других сайтах

а как интересно можно сделать отступ картинок только для одной конкретной категории?

обычный HTML в новостях еще никто не отменял, назначьте div c классом в новости

Ссылка на сообщение
Поделиться на других сайтах

Может хоть кто-то написать конкретный код чтобы отступ от картинки сделать или тут только вокруг да около, а конкретно никто ниче не знает?

.news {

color: #000;

font-family: Arial;

font-size:11pt;

text-align:justify;

line-height: 18px

}

Изменено пользователем Alex_Kiev
Ссылка на сообщение
Поделиться на других сайтах

Написано же в теме в этой уже -

.news img {padding:10px;}
padding можно на margin заменить. Смотря что нужно конкретно. В этом случае отступ будет у всего что использует тег <img /> Вот готовый пример (если картинка выводится отдельным тегом) - css:
.news {color:#000;}

.news .image {padding:10px;}
и шаблон:
<table class="news"><tr><td class="image">тут картинка</td><td>тут новость</td></tr></table>

Изменено пользователем МASTER
Ссылка на сообщение
Поделиться на других сайтах

хм... вставляю в стиле

.news img {

padding-right: 10px;

padding-left: 10px;

padding-bottom: 10px;

padding-top: 10px;

}

там его ранше не было. Ну никакого эффекта нет. Странно...

Ссылка на сообщение
Поделиться на других сайтах

ребят, помогите пожалуйста!

вот привожу фаил стиля, скажите что не так, почему картинки "липнут" к тексту?

вот сайт

/* 

=============================================================

This Skin for DataLife Engine Developed by DLETemplates.com

Copyright © 2005-2007 DLETemplates.com  All Rights Reserved.


File 'style.css' - Cascading Style Sheet (CSS) Document

=============================================================

*/


html, body {

	height: 100%;

	margin: 0px;

	padding: 0px;

	background-color: #FFFFFF;

	font-size: 12px;

	font-family: arial;

	color: #333333;	

}

table {

	border: 0px;

	border-collapse: collapse;

}

table td {

	padding: 0px;

}


/* ==================== */


#tooltip {

	 position:absolute; visibility:hidden; z-index:100;

	 border:1px solid #5c5749; padding:2px 5px;

	 text-align:justify; font: Verdana, Helvetica,sans-serif; color:5c5749;

	 background: #ffffff;

	 -moz-opacity: .80; opacity: .80; FILTER: alpha(opacity=80);

	 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);

}



.yo_img {

padding-bottom: 5px;

	border: 0px solid #2b2b29;

	}


.rtop {

	color: #333333;

	font-size: 12px;		

	font-family: arial;

	text-decoration: none;

}


.rtop a {

	color: #333333;

	font-size: 12px;	

	font-family: arial;

	text-decoration: none;


}


.rtop a:hover {

	color: #333333;


		text-decoration: underline;

}


.fmore {

	color: #333333;

	font-size: 12px;		

	font-family: arial;

	text-decoration: none;

}


.fmore a {

	color: #08aed7;

	font-size: 12px;	

	font-family: arial;

	text-decoration: none;

	font-weight:bold;



}


.fmore a:hover {

	color: #08aed7;

	text-decoration: underline;

		font-weight:bold;

}



.rmore {

	color: #333333;

	font-size: 12px;		

	font-family: arial;

	text-decoration: none;

}


.rmore a {

	color: #333333;

	font-size: 12px;	

	font-family: arial;

	text-decoration: underline;


}


.rmore a:hover {

	color: #333333;

	text-decoration: none;

}


.style3 {font-size: 14px}

.rmore1 {

	color: #333333;

	font-size: 16px;		

	font-family: arial;

	text-decoration: none;

}


.rmore1 a {

	color: #333333;

	font-size: 16px;	

	font-family: arial;

	text-decoration: underline;


}


.rmore1 a:hover {

	color: #333333;

	text-decoration: none;

}


.tagi {

	color: #666666;

	font-size: 11px;		

	font-family: arial;

	text-decoration: none;

}


.tagi a {

	color: #666666;

	font-size: 11px;	

	font-family: arial;

	text-decoration: none;


}


.tagi a:hover {

	color: #666666;

	text-decoration: underline;

}


.login_2 {

	color: #ffffff;

	font-size: 11px;		

	font-family: arial;

	text-decoration: none;

}


.login_2 a {

	color: #ffffff;

	font-size: 11px;	

	font-family: arial;

	text-decoration: none;

}


.login_2 a:hover {

	color: #ffffff;

	text-decoration: underline;

}

.fonsprava {background-color:#fbf7e8;}


.zaga_dir {	color: #999999;

	font-size: 18px;		

	font-family: Trebuchet MS;

	text-decoration: none;

}


.zaga_dir  a {


	color: #999999;

	font-size: 18px;	

	font-family: Trebuchet MS;

	text-decoration: underline;


}


.zaga_dir  a:hover {

	font-size: 18px;	

	text-decoration: none;

}


.zaga1 {	color: #333333;


}


.zaga1  a {


	color: #333333;  

}


.zaga1  a:hover {

}


.mmenu {color: #ff6600;

	font-size: 18px;		

	font-family: Trebuchet MS;

	text-decoration: none;



}


.mmenu a {

	color: #ff6600;

	font-size: 18px;	

	font-family: Trebuchet MS;

	text-decoration: underline;



}


.mmenu a:hover {

	font-size: 18px;

	text-decoration: none;

}


.ammenu {color: #ffffff;

	font-size: 18px;		

	font-family: Trebuchet MS;

	text-decoration: none;



}


.ammenu a {

	color: #ffffff;

	font-size: 18px;	

	font-family: Trebuchet MS;

	text-decoration: none;



}


.ammenu a:hover {

	font-size: 18px;


		text-decoration: underline;

}


.esho a {

	color: #08aed7;

	font-size: 12px;	

	text-decoration: underline;


}


.esho a:hover {

	color: #000000;

	font-size: 12px;	

	text-decoration: underline;


}


.rmenu a {

	color: #08aed7;

	font-size: 18px;	

	font-family: Trebuchet MS;

	text-decoration: underline;


}


.rmenu a:hover {

	color: #000000;

	font-size: 18px;	

	font-family: Trebuchet MS;

	text-decoration: none;


}

.category {

	color: #757575;

	font-size: 11px;		/* ! */

	font-family: tahoma;	/* ! */

	text-decoration: none;

}

.category a {

	color: #E34000;

	text-decoration: none;

}

.category a:hover {

	color: #E34000;

	text-decoration: underline;

}


/* ==================== */


.speedbar {

	color: #757575;

	text-decoration: none;

}

.speedbar a {

	color: #4B73D4;

	text-decoration: none;

}

.speedbar a:hover {

	color: #4B73D4;

	text-decoration: underline;

}


/* ==================== */


.slink {

	color: #757575;

	font-size: 11px;		/* ! */

	font-family: tahoma;	/* ! */

	text-decoration: none;

}

.slink a:active, .slink a:visited, .slink a:link {

	color: #E34000;

	text-decoration: none;

}

.slink a:hover {

	color: #E34000;

	text-decoration: underline;

}


/* ==================== */


.copy {

	color: #757575;

	font-size: 11px;		/* ! */

	font-family: tahoma;	/* ! */

	text-decoration: none;

}

.copy a:active, .copy a:visited, .copy a:link {

	color: #757575;

	text-decoration: none;

}

.copy a:hover {

	color: #4b73d4;

	text-decoration: underline;

}


/* ==================== */


.stext {

	color: #757575;

	font-size: 11px;		/* ! */

	font-family: tahoma;	/* ! */

	text-decoration: none;

}

.stext a:active, .stext a:visited, .stext a:link {

	color: #4b73d4;

	text-decoration: none;

}

.stext a:hover {

	color: #4b73d4;

	text-decoration: underline;

}


/* ==================== */


.ltitle {

	color: #a4a4a4;

	font-size: 12px;

	font-weight: bold;

}



.ltitle_small {

	color: #a4a4a4;

	font-size: 11px;

	font-weight: bold;

}


/* ==================== */


.ntitle {

	color: #636363;

	font-size: 12px;

	font-weight: bold;

}

.ntitle a {

	color: #4B73D4;

	text-decoration: none;

}

.ntitle a:hover {

	color: #4B73D4;

	text-decoration: underline;

}


/* ==================== */


.ctitle {

	color: #636363;

	font-size: 11px;

	font-weight: normal;

}

.ctitle a {

	color: #4B73D4;

	text-decoration: none;

}

.ctitle a:hover {

	color: #4B73D4;

	text-decoration: underline;

}


/* ==================== */


.news {

	color: #000;

	font-family: Verdana;

	font-size:8pt; 

	text-align:justify;

	line-height: 15px

}

.news a {

	color: #4B73D4;

	text-decoration: none;

}

.news a:hover {

	color: #4B73D4;

	text-decoration: underline;

}	

.news img {

	padding-right: 10px;

	padding-bottom: 10px;

	padding-top: 10px;

}


/* ==================== */


.userstop {

	color: #757575;

	font-size: 11px;		/* ! */

	font-family: tahoma;	/* ! */

	text-decoration: none;

}

.userstop a {

	color: #4B73D4;

	text-decoration: none;

}

.userstop a:hover {

	color: #4B73D4;

	text-decoration: underline;

}

.userstop td {

	padding: 3px;

}

.userstop thead {

	color: #757575;

	font-weight: bold;

}


/* ==================== */

.hr {

background : #f1f0be;


border-top : 1px solid #f1f0be;

border-left: 1px solid #f1f0be;


color : #f1f0be;


height : 1px



}


.hr_line {

	background: url(../images/line.gif);

	width: 100%;

	height: 7px;

	font-size: 3px;

	margin-top: 4px;

	margin-bottom: 4px;

}


/* ==================== */


.skin {

	padding-left: 10px;

}

select {

	font-size: 11px;

	font-family: tahoma;

}


.top_11 {

	background-image: url(../images/dlet_top_11.gif);

	background-repeat: repeat-x;

	height: 60px;

}

.top_13 {

	background-image: url(../images/dlet_top_13.gif);

	background-repeat: repeat-x;

	height: 60px;

}

.top_15 {

	background-image: url(../images/dlet_top_15.gif);

	background-repeat: repeat-x;

	height: 60px;

}

.top_17 {

	background-image: url(../images/dlet_top_17.gif);

	background-repeat: repeat-x;

	height: 60px;

}

.top_19 {

	background-image: url(../images/dlet_top_19.gif);

	background-repeat: repeat-x;

	height: 60px;

}

.top_20_1 {

	background-image: url(../images/dlet_top_20_1.gif);

	background-repeat: no-repeat;

	background-position: right bottom;

}

.top_26 {

	background-image: url(../images/dlet_top_26.gif);

	background-repeat: repeat-x;

}

.top_31 {

	background-image: url(../images/dlet_top_31.gif);

	background-repeat: repeat-x;

	height: 40px;

}

.top_32 {

	background-image: url(../images/dlet_top_32.gif);

	background-repeat: repeat-x;

	height: 40px;

}

.cpbkgr_nolog {

	background-image: url(../images/dlet_cpbkgr_nolog.gif);

	background-repeat: no-repeat;

}

.cpbkgr_log {

	background-image: url(../images/dlet_cpbkgr_log.gif);

	background-repeat: no-repeat;

}

.lcol_bkgr {

	background-image: url(../images/dlet_lcol_bkgr.gif);

	background-repeat: repeat-y;

}

.lcol_bkgr2 {

	background-image: url(../images/dlet_lcol_bkgr2.gif);

	background-repeat: no-repeat;

	background-position: top left;

}

.bl_title_bkgr {

	background-image: url(../images/dlet_bltitle_b.gif);

	background-repeat: no-repeat;

	height: 32px;

	color: #FFFFFF;

	font-size: 11px;

	font-weight: bold;

	text-transform: uppercase;

	padding-left: 11px;

}

.block_02 {

	background-image: url(../images/dlet_bl_2.gif);

	background-repeat: repeat-y;

}

.a_block_12 {

	background-image: url(../images/dlet_artblock_12.gif);

	background-repeat: repeat-x;

}

.a_block_22 {

	background-image: url(../images/dlet_artblock_22.gif);

	background-repeat: repeat-x;

}

.a_block_32 {

	background-image: url(../images/dlet_artblock_32.gif);

	background-repeat: repeat-x;

}

.a_block_42 {

	background-image: url(../images/dlet_artblock_42.gif);

	background-repeat: repeat-x;

}

.a_block_52 {

	background-image: url(../images/dlet_artblock_52.gif);

	background-repeat: repeat-x;

}

.a_block_61 {

	background-image: url(../images/dlet_artblock_61.gif);

	background-repeat: repeat-y;

}

.a_block_63 {

	background-image: url(../images/dlet_artblock_63.gif);

	background-repeat: repeat-y;

}

.a_block_72 {

	background-image: url(../images/dlet_artblock_72.gif);

	background-repeat: repeat-x;

}

.a_block_82 {

	background-image: url(../images/dlet_artblock_82.gif);

	background-repeat: repeat-x;

}

.adblock_12 {

	background-image: url(../images/dlet_adblock_12.gif);

	background-repeat: repeat-x;

}

.adblock_21 {

	background-image: url(../images/dlet_adblock_21.gif);

	background-repeat: repeat-y;

}

.adblock_23 {

	background-image: url(../images/dlet_adblock_23.gif);

	background-repeat: repeat-y;

}

.adblock_32 {

	background-image: url(../images/dlet_adblock_32.gif);

	background-repeat: repeat-x;

}

.footer_b {

	background-image: url(../images/dlet_footer_b.gif);

	background-repeat: repeat-x;

	height: 71px;

}


/* ==================== Поле малой формы поиска */


.s_field {

	color: #757575;			/* ! */

	font-size: 11px;		/* ! */

	font-family: tahoma;	/* ! */

	background-image: url(../images/dlet_field_s.gif);

	background-repeat: repeat-x;

	height: 14px;

	padding-left: 3px;


	border: 1px solid #00ccff;	

}

.s_field2 {

	color: #333333;			/* ! */

	font-size: 11px;		/* ! */

	font-family: tahoma;	/* ! */

	height: 14px;

	vertical-align:bottom;

	border: 0px solid #00ccff;

	background-color:#fbf8e9

}


/* ==================== Поле формы авторизации */


.a_field {

	color: #757575;		/* ! */

	font-size: 11px;		/* ! */

	font-family: arial;	/* ! */

	background-image: url(../images/dlet_field_a.gif);

	background-repeat: repeat-x;

	height: 14px;

	padding-left: 3px;


	border: 1px solid #ffffff;	

}


/* ==================== */


.f_textarea {

	color: #757575;		/* ! */

	font-size: 11px;		/* ! */

	font-family: tahoma;	/* ! */

	background-image: url(../images/dlet_field_o.gif);

	background-repeat: repeat-x;


	width: 459px;

	height: 156px;

	border: 1px solid #e0e0e0;

}

.f_input {

	color: #757575;		/* ! */

	font-size: 11px;		/* ! */

	font-family: tahoma;	/* ! */

	background-image: url(../images/dlet_field_o.gif);

	background-repeat: repeat-x;


	width: 300px;

	height: 14px;

	border: 1px solid #e0e0e0;

}

.f_select {

	color: #757575;		/* ! */

	font-size: 11px;		/* ! */

	font-family: tahoma;	/* ! */

	background-image: url(../images/dlet_field_o.gif);

	background-repeat: repeat-x;


	height: 14px;

	border: 1px solid #e0e0e0;

}


/* ==================== Главное меню сайта */


.mainmenu {

	color: #888888;

	font-size: 11px;		/* ! */

	font-family: tahoma;	/* ! */

	text-decoration: none;

	font-weight: bold;

	text-transform: uppercase;

}

.mainmenu a:active, .mainmenu a:visited, .mainmenu a:link {

	color: #888888;

	text-decoration: none;

}

.mainmenu a:hover {

	color: #636363;

	text-decoration: none;

}

.hr_line {

	background: url(../images/line.gif);

	width: 100%;

	height: 7px;

	font-size: 3px;

	font-family: tahoma;

	margin-top: 4px;

	margin-bottom: 4px;

}


/* Навигационные кнопки

------------------------------ */

.navigation {

	color:#666; 

	border:0px;

}


.navigation a:link,

.navigation a:visited,

.navigation a:hover,

.navigation a:active {

	text-decoration:none;

	color: #636363;

	background:#FFFFFF;

	border:1px solid #E6E6E6;

	padding:3px 6px;

	font-size:11px

}


.navigation a:hover {

	background:#799AE3;

	color:#FFFFFF;

	border-color:#E6E6E6;

}


.navigation span {

	text-decoration:none;

	background:#fff;

	padding:3px 6px;

	border:1px solid #E6E6E6;

	color:#ccc;

	font-size:11px;

}

.navigation2 {

	color: #666666;

	font-family: Trebuchet MS;

	font-size:18px

}


.navigation2 a:link,

.navigation2 a:visited,

.navigation2 a:active {

	color: #ff6600;

	text-decoration:underline;

	background:#FFFFFFF;



}


.navigation2 a:hover {

	border-color:#ff6600;

	text-decoration:none;

}


.navigation2 span {

	text-decoration:none;

	padding:3px 6px;

	font-size:18px;

}



#hintbox {

	text-align : left;

	width : 150px;

	font-size : 10px;

	border : 1px solid #99a1ab;

	background-color : #fff;

	layer-background-color : #a396d9;

	color : #282828;

	margin : 10px 0 0 10px;

	padding : 3px 5px;

	position : absolute;

	visibility : hidden;

	z-index : 998;

	-moz-opacity : 0.9;

	-moz-border-radius : 5px;

	filter : alpha(opacity="90");

}


.onl_table {

	width : 100%;

	font-size : 10px;

}

.onl_table td {

	padding-right : 5px;

	font-size : 10px;

/* Раскомментировать, если у Вас в две колонки*/ /*	width : 50%;

*/ }


.a_link, .a_link a:link, .a_link a:visited, .a_link_on {

	color : #ff0000;

}

.a_link_on a:hover, .a_link_on a:active {

	color : #ff0000;

}


.u_link, .u_link a:link, .u_link a:visited, .u_link_on {

	color : #333333;

}

.u_link_on a:hover, .u_link_on a:active {

	color : #333333;

	text-decoration: underline;

}


.e_link, .e_link a:link, .e_link a:visited, .e_link_on {

	color : #00a400;

}

.e_link_on a:hover, .e_link_on a:active {

	color : #00a400;

}


.j_link, .j_link a:link, .j_link a:visited, .j_link_on {

	color : #0000ff;

}

.j_link_on a:hover, .j_link_on a:active {

	color : #0000ff;

}


.b_link, .b_link a:link, .b_link a:visited, .b_link_on {

	color : #333333;

}

.b_link_on a:hover, .b_link_on a:active {

	color : #333333;

}

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...