Изменить размер картинки

[ Закрыто ] Изменить размер картинки, Как это сделать?

Сообщений: 5778 Регистрация: Апр 2016

11 Июля 2017 11:21

Всем привет, нужна ваша помощь.
В таблице стилях прописан код для определенного размера картинки, например 200х150.
Удалять его не хочется, так как все картинки должны быть этого размера, но возникла сложность.
Нужно добавить одну картинку на страницу с размером 500х150, как это реализовать?
Если сейчас добавить любую картинку на сайт, то она будет размером 200х150. smile:)

Жду вашей помощи, так как не бум-бум в классах. smile:D

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

WhitePussy

Сообщений: 741 Регистрация: Янв 2016

11 Июля 2017 11:23

Вот так <img src="wp-content/uploads/2017/07/2017-07-05_092139-220x195.jpg" height="500" width="150">
не получится, добавить свой класс

Ссылка на сайте всего 10 рублей https://www.cy-pr.com/forum/f79/t100010/
тиц 10, страниц в поиске ~~9200~~, ~~9840~~, 10046

Для гОВНА специальная цена – 100$ ссылка

Сергей Бойков

Сообщений: 276 Регистрация: Дек 2016

11 Июля 2017 11:45

<img alt="" class="" src="images/img.jpg" style="height:500px; width:150px">По-моему style необходимо дописать.

SEO BOSS

Сообщений: 5778 Регистрация: Апр 2016

11 Июля 2017 12:29

Цитата
WhitePussy пишет: Вот так <img src="wp-content/uploads/2017/07/2017-07-05_092139-220x195.jpg" height="500" width="150"> не получится, добавить свой класс

Не, так не получается, а как присвоить класс? smile:confused:

Цитата
Сергей Бойков пишет: <img alt="" class="" src="images/img.jpg" style="height:500px; width:150px">По-моему style необходимо дописать.

По моему тоже, но как? Буду пробовать, пока кто нибудь не подскажет smile;)

SEO BOSS

Сообщений: 5778 Регистрация: Апр 2016

11 Июля 2017 12:50

Что-то никак, буду ждать. smile:confused:

Diman_TS

Сообщений: 909 Регистрация: Окт 2012

11 Июля 2017 13:04

SEO BOSS,
Попробуй ещё кэш браузера и сайта почистить после изменений.

Рекомендую хостинг и VPN в Европе от 56р.
Рекомендую хостинг в России от 220р.
Мой Сайт-Блог Климов Дмитрий .

Сергей Бойков

Сообщений: 276 Регистрация: Дек 2016

11 Июля 2017 13:06

SEO BOSS, Вы же в силах править Html и CSS

Сергей Бойков

Сообщений: 276 Регистрация: Дек 2016

11 Июля 2017 13:06

Цитата
Diman_TS пишет: SEO BOSS, Попробуй ещё кэш браузера и сайта почистить после изменений.

Точно, ctr+f5

Morder

Сообщений: 41 Регистрация: Июн 2017

11 Июля 2017 13:07

создайте для нее такой же класс только имя другое и за место width: 200px; сделайте width: 500px;

Напишу скрипт любой сложности

SEO BOSS

Сообщений: 5778 Регистрация: Апр 2016

#10

11 Июля 2017 14:26

Цитата
Сергей Бойков пишет: SEO BOSS, Вы же в силах править Html и CSS

В силах, но тут нужны дополнительные классы, чтобы у одной картинке был один размер, а у другой, другой smile:D

img задает размер всем картинкам на страницы 200х150, мне нужно добавить одну уникальную картинку 500х150.
Вопрос остается открытым. Друзья, постарайтесь давать советы в примерах smile;)

Сергей Бойков

Сообщений: 276 Регистрация: Дек 2016

#11

11 Июля 2017 15:01

Задаем в CSS дополнительный класс

.banner-img {
[COLOR=#4a483f] width: 500px;
height: 150px;
}
[/COLOR]

<img alt="" class="banner-img" src="images/img.jpg"> присваиваем стиль в html. При необходимости пишем медиа запросы, в случае если дизайн адаптивный.Только без [COLOR=#4a483f] откуда взялось smile:confused:

Изменено: Сергей Бойков - 11 Июля 2017 15:03

Александр

Сообщений: 433 Регистрация: Ноя 2012

#12

11 Июля 2017 16:54

Для ВП? Тогда так:
if ( function_exists( 'add_image_size' ) ) {
add_image_size( 'thumb-new', 500, 150, true );
}
add_filter( 'image_size_names_choose', 'custom_sizes' );

function custom_sizes( $sizes ) {
return array_merge( $sizes, array(
'thumb-new' => 'Новый размер',
) );
}
Зарегистрирует новый размер. Класс не нужен будет.

forte144

Сообщений: 270 Регистрация: Ноя 2012

#13

11 Июля 2017 17:23

можно не лопатить классы, достаточно добавить к img свой id , будет так
хтмл:
<img id="bigpic" src="труляля">
css:
#bigpic {width: 500px; height: 150px; }
если тяжелый случай добавить !important и display: block
#bigpic {width: 500px!important; height: 150px!important; display: block;}

Изменено: forte144 - 11 Июля 2017 18:09

SEO BOSS

Сообщений: 5778 Регистрация: Апр 2016

#14

11 Июля 2017 21:18

Друзья, всех благодарю за потраченное на меня время.
Проблему не удалось решить, но я нашел другой выход.
Поставил картинку ниже страницы, смотрится так же, так что все, всех благодарю.
А тему можно закрыть, наверное smile:confused:

Цитата
Александр пишет: function

В это вообще боюсь лезть, научен горьким опытом smile:D

WGN

Сообщений: 9908 Регистрация: Июн 2015

#15

12 Июля 2017 06:12

Цитата

SEO BOSS пишет:
Друзья, всех благодарю за потраченное на меня время.
Проблему не удалось решить, но я нашел другой выход.
Поставил картинку ниже страницы, смотрится так же, так что все, всех благодарю.
А тему можно закрыть, наверное smile:confused:

Цитата
Александр пишет: function

В это вообще боюсь лезть, научен горьким опытом smile:D

Наверняка есть плагин не искал?

✔(НЕЙРОСЕТЬ) Качественные живые посетители на ваш сайт, блог, канал — Бесплатно!!!

♛ЛУЧШИЙ ПРОВЕРЕННЫЙ и САМЫЙ НЕДОРОГОЙ ХОСТИНГ: АКЦИИ!

Похожие темы:

15.08.2020 01:18	Проблема с размером таблицы БД во время удаления постов
26.08.2019 09:31	Можно ли изменить категории WP не заходя в админку?
02.02.2018 13:01	Изменить размер миниатюр
23.01.2018 22:34	Как увеличить размер логотипа?
08.11.2017 17:59	Размерная сетка женской одежды (калькулятор) плагин на Wordpress

Читают тему (гостей: 2, пользователей: 0, из них скрытых: 0)

Новые темы	Объявления	Свободное общение
18:44 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 13:12 Покупные ссылки 12:57 Rotapost прикрыли! Чем пользоваться? 17:00 Стоит ли добавлять сайт в Rambler топ 100? 15:12 Ночной бар в Паттайе: как случайная встреча с "тайкой" и её кадыком перевернула мой взгляд на продвижение сайта в Google 2026 15:01 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 07:24 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг	20:07 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 16:31 CryptoGraph — Анонимный обмен криптовалют без KYC и AML 15:37 Продажа лидов: форекс, инвестиции, нативка, гемблинг, чарджбеки 14:49 Рассылки СМС/SMS, Вайбер/Viber, Ватсап/Whatsapp, Телеграм/Telegram любой тематики по всему миру 01:31 Продам обменник криптовалюты, а также новый обменник под ключ с обучением. Скидки на скрипты обменника 01:07 Full-Stack Developer — Сайты и Софт любой сложности \| Developer Websites and Soft of any Complexity! 20:42 E-currency.exchange — ваш помощник в мире обменов	18:35 С юмором по жизни! 22:59 Про мясо 15:07 Добро пожаловать в цифровой мир... 22:12 BYTIK.shop – сервис по продвижению в популярных социальных сетях 10:10 накрутка трафика в SimilarWeb 16:50 Компьютерная мышь 23:03 Точные прогнозы на футбол