Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Добавить Текст

Автор vint1827, 19 июля 2014 20:08

Назад

Вперед

Авторизуйтесь для ответа в теме

Сообщений в теме: 72

#41 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 03 Октябрь 2014 - 19:27

Измените сами картинки, чтобы были только логотипы без белого фона.

Далее в шаблоне HTML находим:

<div class="noviyblock">
		 <a href="Ссылка на статью"><img src="{ASSETS_IMAGES_PATH}Garantiya_kachestva...png"></a>
		 <a href="http://sait.ru/page/Скидки-и-акции"><img src="{ASSETS_IMAGES_PATH}Aktsii_i_spetspred...png"></a>
		 <a href="http://sait.ru/news?sid=2"><img src="{ASSETS_IMAGES_PATH}Interesno_pochitat...png"></a>
		 <a href="http://sait.ru/page/Recepty"><img src="{ASSETS_IMAGES_PATH}Retsepty_guru...png"></a>
</div>

заменяем на:

<div class="noviyblock">
		 <a href="Ссылка на статью">Ваш текст<img src="{ASSETS_IMAGES_PATH}Garantiya_kachestva.png"></a>
		 <a href="http://sait.ru/page/Скидки-и-акции">Ваш текст<img src="{ASSETS_IMAGES_PATH}Aktsii_i_spetspred.png"></a>
		 <a href="http://sait.ru/news?sid=2">Ваш текст<img src="{ASSETS_IMAGES_PATH}Interesno_pochitat.png"></a>
		 <a href="http://sait.ru/page/Recepty">Ваш текст<img src="{ASSETS_IMAGES_PATH}Retsepty_guru.png"></a>
</div>

(название файлов изображений лучше прописывать без пунктуационных знаков, как в вашем примере много точек, в моем примере уже исправленный вариант)

далее в main.css находим:

.noviyblock {
height: 124px;
width: 1000px;
}
.noviyblock img {
float: left;
width: 25%;
}

меняем на:

.noviyblock {
height: 124px;
width: 1000px;
}
.noviyblock a {
background: none repeat scroll 0 0 #fff;
border-radius: 10px;
display: inline-block;
float: left;
height: 110px;
margin-right: 5px;
padding: 10px;
width: 225px;
}
.noviyblock a:last-child {
margin: 0;
}
.noviyblock img {
float: right;
}

P.S.: sait.ru не забудьте заменить на имя вашего домена

Наверх

#42 Nikolay

Продвинутый пользователь

Пользователи
89 сообщений

ГородМосква

Отправлено 04 Октябрь 2014 - 17:30

Vaccina (03 Октябрь 2014 - 19:27) писал:

Измените сами картинки, чтобы были только логотипы без белого фона.

Далее в шаблоне HTML находим:

<div class="noviyblock">
		 <a href="Ссылка на статью"><img src="{ASSETS_IMAGES_PATH}Garantiya_kachestva...png"></a>
		 <a href="http://sait.ru/page/Скидки-и-акции"><img src="{ASSETS_IMAGES_PATH}Aktsii_i_spetspred...png"></a>
		 <a href="http://sait.ru/news?sid=2"><img src="{ASSETS_IMAGES_PATH}Interesno_pochitat...png"></a>
		 <a href="http://sait.ru/page/Recepty"><img src="{ASSETS_IMAGES_PATH}Retsepty_guru...png"></a>
</div>

заменяем на:

<div class="noviyblock">
		 <a href="Ссылка на статью">Ваш текст<img src="{ASSETS_IMAGES_PATH}Garantiya_kachestva.png"></a>
		 <a href="http://sait.ru/page/Скидки-и-акции">Ваш текст<img src="{ASSETS_IMAGES_PATH}Aktsii_i_spetspred.png"></a>
		 <a href="http://sait.ru/news?sid=2">Ваш текст<img src="{ASSETS_IMAGES_PATH}Interesno_pochitat.png"></a>
		 <a href="http://sait.ru/page/Recepty">Ваш текст<img src="{ASSETS_IMAGES_PATH}Retsepty_guru.png"></a>
</div>

(название файлов изображений лучше прописывать без пунктуационных знаков, как в вашем примере много точек, в моем примере уже исправленный вариант)

далее в main.css находим:

.noviyblock {
height: 124px;
width: 1000px;
}
.noviyblock img {
float: left;
width: 25%;
}

меняем на:

.noviyblock {
height: 124px;
width: 1000px;
}
.noviyblock a {
background: none repeat scroll 0 0 #fff;
border-radius: 10px;
display: inline-block;
float: left;
height: 110px;
margin-right: 5px;
padding: 10px;
width: 225px;
}
.noviyblock a:last-child {
margin: 0;
}
.noviyblock img {
float: right;
}

P.S.: sait.ru не забудьте заменить на имя вашего домена

Тоесть выходит, что текст по верх картинки не ляжет? На сайте вверху контакты для связи, этот текст по верх картинки же!

Наверх

#43 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 04 Октябрь 2014 - 18:47

способов реализации множество, предложила вам свою методику, как понимаю, она вас не устраивает?
другой вариант эти картинки вставить в виде фона в файле стилей, но как по мне, немного неудобно для замены.

Наверх

#44 Nikolay

Продвинутый пользователь

Пользователи
89 сообщений

ГородМосква

Отправлено 04 Октябрь 2014 - 21:05

Vaccina (04 Октябрь 2014 - 18:47) писал:

способов реализации множество, предложила вам свою методику, как понимаю, она вас не устраивает?
другой вариант эти картинки вставить в виде фона в файле стилей, но как по мне, немного неудобно для замены.

Я к сожалению способов не знаю, так, инткитивно! мненеобходимо чтобы эти "картинки вписывались в стилистику всей страницы, прежний модератор помог их разместить в уазанном месте, теперь нужно чтобы у них был текст дя понимания какая статья под ними.
если есть чтото проще можно попробовать, главное чтобы основная задумка сохранилась.

Наверх

#45 Alekseys

Активный участник

Пользователи
2 355 сообщений

Отправлено 04 Октябрь 2014 - 21:14

Nikolay (04 Октябрь 2014 - 21:05) писал:

Я к сожалению способов не знаю, так, инткитивно! мненеобходимо чтобы эти "картинки вписывались в стилистику всей страницы, прежний модератор помог их разместить в уазанном месте, теперь нужно чтобы у них был текст дя понимания какая статья под ними.
если есть чтото проще можно попробовать, главное чтобы основная задумка сохранилась.

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

Наверх

#46 Nikolay

Продвинутый пользователь

Пользователи
89 сообщений

ГородМосква

Отправлено 04 Октябрь 2014 - 21:47

Alekseys (04 Октябрь 2014 - 21:14) писал:

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

Да, пробовал, к сожалеию качество текста в картинке плохочитаемое, от сюда сделал вывод, что лучше добавить текст на сайте поверх картинки.

Наверх

#47 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 04 Октябрь 2014 - 22:34

картинку сохраняйте в png качестве и делайте только логотип с текстом без фона белого

Наверх

#48 Nikolay

Продвинутый пользователь

Пользователи
89 сообщений

ГородМосква

Отправлено 06 Октябрь 2014 - 09:33

Vaccina (04 Октябрь 2014 - 22:34) писал:

картинку сохраняйте в png качестве и делайте только логотип с текстом без фона белого

Добрый день, картинки без фона залил, пробуем дальше?

Наверх

#49 MikDark

Активный участник

Модераторы
6 468 сообщений

Отправлено 06 Октябрь 2014 - 09:40

Nikolay (06 Октябрь 2014 - 09:33) писал:

Добрый день, картинки без фона залил, пробуем дальше?

Теперь по инструкции

http://forum.storeland.ru/index.php?/topic/15343-%D0%B4%D0%BE%D0%B1%D0%B0%D0%B2%D0%B8%D1%82%D1%8C-%D1%82%D0%B5%D0%BA%D1%81%D1%82/page__st__40#entry163842

В коде:

<div class="noviyblock">
				 <a href="Ссылка на статью">Ваш текст<img src="{ASSETS_IMAGES_PATH}Garantiya_kachestva.png"></a>
				 <a href="http://sait.ru/page/Скидки-и-акции">Ваш текст<img src="{ASSETS_IMAGES_PATH}Aktsii_i_spetspred.png"></a>
				 <a href="http://sait.ru/news?sid=2">Ваш текст<img src="{ASSETS_IMAGES_PATH}Interesno_pochitat.png"></a>
				 <a href="http://sait.ru/page/Recepty">Ваш текст<img src="{ASSETS_IMAGES_PATH}Retsepty_guru.png"></a>
</div>

замените названия картинок на Ваши, если они отличаются.

Наверх

#50 Nikolay

Продвинутый пользователь

Пользователи
89 сообщений

ГородМосква

Отправлено 06 Октябрь 2014 - 10:59

MikDark (06 Октябрь 2014 - 09:40) писал:

Теперь по инструкции

http://forum.storeland.ru/index.php?/topic/15343-%D0%B4%D0%BE%D0%B1%D0%B0%D0%B2%D0%B8%D1%82%D1%8C-%D1%82%D0%B5%D0%BA%D1%81%D1%82/page__st__40#entry163842

В коде:

<div class="noviyblock">
				 <a href="Ссылка на статью">Ваш текст<img src="{ASSETS_IMAGES_PATH}Garantiya_kachestva.png"></a>
				 <a href="http://sait.ru/page/Скидки-и-акции">Ваш текст<img src="{ASSETS_IMAGES_PATH}Aktsii_i_spetspred.png"></a>
				 <a href="http://sait.ru/news?sid=2">Ваш текст<img src="{ASSETS_IMAGES_PATH}Interesno_pochitat.png"></a>
				 <a href="http://sait.ru/page/Recepty">Ваш текст<img src="{ASSETS_IMAGES_PATH}Retsepty_guru.png"></a>
</div>

замените названия картинок на Ваши, если они отличаются.

Ок, сделал все по инструкции, скрин с вопросами.

Наверх

#51 batta

Активный участник

Пользователи
1 142 сообщений

ГородНижний Новгород

Отправлено 06 Октябрь 2014 - 11:15

Nikolay (06 Октябрь 2014 - 10:59) писал:

Ок, сделал все по инструкции, скрин с вопросами.

Здравствуйте.
в main.css

.noviyblock img {
float: right;
}

измените на

.noviyblock img {
float: right;
margin-top: -31px;
}

в main.css

.noviyblock {
height: 124px;
width: 1000px;
}

измените на

.noviyblock {
height: 124px;
width: 999px;
box-shadow: 0.4em 0.0em 5px rgba(122,122,122,0.5);
}

в main.css

#cntrobj { background:url({ASSETS_IMAGES_PATH}conteiner-bg-y.jpg) repeat-y; }

измените на

#cntrobj { background:url({ASSETS_IMAGES_PATH}conteiner-bg-y.jpg) repeat-y; box-shadow: 0.4em 0.4em 0px rgba(122,122,122,0.5); }

Наверх

#52 Nikolay

Продвинутый пользователь

Пользователи
89 сообщений

ГородМосква

Отправлено 06 Октябрь 2014 - 11:24

Нет, я имел в виду ни тень от картинки на фоне, а тень на самой картинке по краям, (эффект выпуклой картинки)

Наверх

#53 Nikolay

Продвинутый пользователь

Пользователи
89 сообщений

ГородМосква

Отправлено 06 Октябрь 2014 - 14:27

batta (06 Октябрь 2014 - 11:15) писал:

Здравствуйте.
в main.css

.noviyblock img {
float: right;
}

измените на

.noviyblock img {
float: right;
margin-top: -31px;
}

в main.css

.noviyblock {
height: 124px;
width: 1000px;
}

измените на

.noviyblock {
height: 124px;
width: 999px;
box-shadow: 0.4em 0.0em 5px rgba(122,122,122,0.5);
}

в main.css

#cntrobj { background:url({ASSETS_IMAGES_PATH}conteiner-bg-y.jpg) repeat-y; }

измените на

#cntrobj { background:url({ASSETS_IMAGES_PATH}conteiner-bg-y.jpg) repeat-y; box-shadow: 0.4em 0.4em 0px rgba(122,122,122,0.5); }

А с ошибкой что делать?

Наверх

#54 batta

Активный участник

Пользователи
1 142 сообщений

ГородНижний Новгород

Отправлено 06 Октябрь 2014 - 14:41

Nikolay (06 Октябрь 2014 - 14:27) писал:

А с ошибкой что делать?

Ошибка возникает из-за того что виджет не может загрузить картинку. Данную ошибку не кто не видит.

Наверх

#55 Nikolay

Продвинутый пользователь

Пользователи
89 сообщений

ГородМосква

Отправлено 06 Октябрь 2014 - 15:05

batta (06 Октябрь 2014 - 14:41) писал:

Ошибка возникает из-за того что виджет не может загрузить картинку. Данную ошибку не кто не видит.

Но ВК пропало с сайта, как вернуть?

Наверх

#56 batta

Активный участник

Пользователи
1 142 сообщений

ГородНижний Новгород

Отправлено 06 Октябрь 2014 - 15:16

Nikolay (06 Октябрь 2014 - 15:05) писал:

Но ВК пропало с сайта, как вернуть?

Из-за данной ошибки пропасть виджет ВК не мог, на данный момент виджет ВК на сайте отображается.

Наверх

#57 Nikolay

Продвинутый пользователь

Пользователи
89 сообщений

ГородМосква

Отправлено 06 Октябрь 2014 - 15:30

batta (06 Октябрь 2014 - 15:16) писал:

Из-за данной ошибки пропасть виджет ВК не мог, на данный момент виджет ВК на сайте отображается.

Хорошо, спасибо, в хроме есть в мозилле нету.
А как контуры картинок сделать?

Наверх

#58 Danil

Активный участник

Пользователи
4 645 сообщений

Отправлено 06 Октябрь 2014 - 15:43

Nikolay (06 Октябрь 2014 - 15:30) писал:

Хорошо, спасибо, в хроме есть в мозилле нету.
А как контуры картинок сделать?

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

Наверх

#59 Nikolay

Продвинутый пользователь

Пользователи
89 сообщений

ГородМосква

Отправлено 06 Октябрь 2014 - 16:22

Danil (06 Октябрь 2014 - 15:43) писал:

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

А картинками Вы называете белые прямоугольники, или файлы (Garantiya_kachestva....png, Aktsii_i_spetspred....png, Interesno_pochitat....png, Retsepty_guru....png.)?
Чета, я вообще запутался!

Наверх

#60 Danil

Активный участник

Пользователи
4 645 сообщений

Отправлено 06 Октябрь 2014 - 16:32

Nikolay (06 Октябрь 2014 - 16:22) писал:

А картинками Вы называете белые прямоугольники, или файлы (Garantiya_kachestva....png, Aktsii_i_spetspred....png, Interesno_pochitat....png, Retsepty_guru....png.)?
Чета, я вообще запутался!

Пример