Общие вопросы от новичков (53)

Поделиться1Вс, 26 Июл 2015 17:39:38

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10720
Уважение: +7204
Позитив: +5267
Пол: Мужской
Последний визит:
Сегодня 19:50:34

Продолжение темы Общие вопросы от новичков (52)


Инструменты для поиска и редактирования стиля (скриптов).	Как с помощью браузера можно определить элемент дизайна.
Каталог скриптов/CSS	Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.
Типовые Вопросы (ЧаВо)	Ответы на часто задаваемые вопросы.
Как задавать вопросы! Разница между стилем и скриптом. ( Советы)	Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

Отредактировано Alex_63 (Вс, 26 Июл 2015 17:45:17)

+1

ВКонтакте alex__63

Поделиться901Чт, 5 Ноя 2015 17:32:03

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10720
Уважение: +7204
Позитив: +5267
Пол: Мужской
Последний визит:
Сегодня 19:50:34

Lusiya
В Первом Окне стилей замените этот кусок

.fs-box #main-reply {background: url('http://smages.com/images/nh3fuehe.png') 50% 100% no-repeat,
url('http://i57.fastpic.ru/big/2015/0220/5f/ce2876d2e9dfcb5d90d9042f786b815f.png') 50% 0% no-repeat ,
url('http://i58.fastpic.ru/big/2015/0220/5a/a75ba1137fde5d1df6bea22ec8d9285a.png') 50% 50% repeat-y,
url(http://smages.com/images/bubzjz.gif) bottom right no-repeat rgb(223, 186, 140); /*картинка в форме ответа*/
box-shadow: inset 0 0 23px;
padding: 10px;
width: 795px;
}

На такой:

.fs-box #main-reply{
background:#EAF4FC url('http://smages.com/images/nh3fuehe.png') 50% 100% no-repeat,
url('http://i57.fastpic.ru/big/2015/0220/5f/ce2876d2e9dfcb5d90d9042f786b815f.png') 50% 0% no-repeat ,
url('http://i58.fastpic.ru/big/2015/0220/5a/a75ba1137fde5d1df6bea22ec8d9285a.png') 50% 50% repeat-y,
url('http://smages.com/images/bubzjz.gif') bottom right no-repeat !important; /*Картинка в Форме ответа*/
box-shadow: inset 0 0 23px;
padding: 10px;
width: 795px;
}

0

ВКонтакте alex__63

Поделиться902Чт, 5 Ноя 2015 17:33:43

Автор: Sans
Заслуженный
Зарегистрирован: Вс, 1 Ноя 2015
Сообщений: 361
Уважение: +43
Позитив: +80
Пол: Мужской
Последний визит:
Чт, 25 Авг 2022 14:22:01

Alex_63, понемногу благодаря Вам начинаю разбираться. Ещё вопрос, для того чтобы убрать логотип на панели вставил ваш код, со словом none получилось. Вот так сделал

<style type="text/css">
#pun-title h1{
background-image:none; /
}
</style>
Но если вместо none вставляю ссылку на картинку, то картинки нет, а логотип вновь появляется. Вот так

<style type="text/css">
#pun-title h1{
background-image:url(http://img-fotki.yandex.ru/get/15582/36 … 9_orig.jpg) /
}
</style>
Что не так делаю?

0

Поделиться903Чт, 5 Ноя 2015 17:40:20

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10720
Уважение: +7204
Позитив: +5267
Пол: Мужской
Последний визит:
Сегодня 19:50:34

Sans
Попробуйте так:

<style type="text/css">
#pun-title h1{
background:url(http://img-fotki.yandex.ru/get/15582/36851724.0/0_12c389_90f8f859_orig.jpg) no-repeat!important;
}
</style>

Поправил

0

ВКонтакте alex__63

Поделиться904Чт, 5 Ноя 2015 17:44:02

Автор: Lusiya
Заслуженный
Зарегистрирован: Вс, 11 Мар 2012
Сообщений: 1349
Уважение: +88
Позитив: +398
Пол: Женский
Последний визит:
Сб, 19 Фев 2022 20:00:56

Alex_63
Заменила, так же как у меня (когда я делала) пропала рамка и картинка

0

Поделиться905Чт, 5 Ноя 2015 17:48:07

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10720
Уважение: +7204
Позитив: +5267
Пол: Мужской
Последний визит:
Сегодня 19:50:34

Lusiya
А так:

.fs-box #main-reply{
background:
url(http://smages.com/images/nh3fuehe.png) 50% 100% no-repeat,
url(http://i57.fastpic.ru/big/2015/0220/5f/ce2876d2e9dfcb5d90d9042f786b815f.png) 50% 0% no-repeat,
url(http://i58.fastpic.ru/big/2015/0220/5a/a75ba1137fde5d1df6bea22ec8d9285a.png) 50% 50% repeat-y,
url(http://smages.com/images/bubzjz.gif) bottom right no-repeat #EAF4FC !important; /*Картинка в Форме ответа*/
box-shadow: inset 0 0 23px;
padding: 10px;
width: 795px;
}

0

ВКонтакте alex__63

Поделиться906Чт, 5 Ноя 2015 17:53:52

Автор: Lusiya
Заслуженный
Зарегистрирован: Вс, 11 Мар 2012
Сообщений: 1349
Уважение: +88
Позитив: +398
Пол: Женский
Последний визит:
Сб, 19 Фев 2022 20:00:56

Alex_63
Все тоже самое, пропадает рамка и картинка.
Я добавляла вот это:

Код:

background:-moz-linear-gradient(0deg,#EDD9A6, #EDC363, #EDD9A6);
  background:-webkit-linear-gradient(0deg,#EDD9A6, #EDC363, #EDD9A6);
  background:-o-linear-gradient(0deg,#EDD9A6, #EDC363, #EDD9A6);

Переход цветов есть, а рамка и картинка пропадают

0

Поделиться907Чт, 5 Ноя 2015 18:01:00

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10720
Уважение: +7204
Позитив: +5267
Пол: Мужской
Последний визит:
Сегодня 19:50:34

Lusiya
Ну не наю, у меня через Консоль Гугол Хрома все вставляецо

Попробуйте так:

.fs-box #main-reply{
background-color: #EAF4FC;
background: -moz-linear-gradient(0deg,#EDD9A6, #EDC363, #EDD9A6)
url(http://smages.com/images/nh3fuehe.png) 50% 100% no-repeat,
url(http://i57.fastpic.ru/big/2015/0220/5f/ce2876d2e9dfcb5d90d9042f786b815f.png) 50% 0% no-repeat,
url(http://i58.fastpic.ru/big/2015/0220/5a/a75ba1137fde5d1df6bea22ec8d9285a.png) 50% 50% repeat-y,
url(http://smages.com/images/bubzjz.gif) bottom right no-repeat !important; /*Картинка в Форме ответа*/
background: -webkit-linear-gradient(0deg,#EDD9A6, #EDC363, #EDD9A6)
url(http://smages.com/images/nh3fuehe.png) 50% 100% no-repeat,
url(http://i57.fastpic.ru/big/2015/0220/5f/ce2876d2e9dfcb5d90d9042f786b815f.png) 50% 0% no-repeat,
url(http://i58.fastpic.ru/big/2015/0220/5a/a75ba1137fde5d1df6bea22ec8d9285a.png) 50% 50% repeat-y,
url(http://smages.com/images/bubzjz.gif) bottom right no-repeat !important;
background: -o-linear-gradient(0deg,#EDD9A6, #EDC363, #EDD9A6)
url(http://smages.com/images/nh3fuehe.png) 50% 100% no-repeat,
url(http://i57.fastpic.ru/big/2015/0220/5f/ce2876d2e9dfcb5d90d9042f786b815f.png) 50% 0% no-repeat,
url(http://i58.fastpic.ru/big/2015/0220/5a/a75ba1137fde5d1df6bea22ec8d9285a.png) 50% 50% repeat-y,
url(http://smages.com/images/bubzjz.gif) bottom right no-repeat !important;
box-shadow: inset 0 0 23px;
padding: 10px;
width: 795px;
}

0

ВКонтакте alex__63

Поделиться908Чт, 5 Ноя 2015 18:04:39

Автор: Lusiya
Заслуженный
Зарегистрирован: Вс, 11 Мар 2012
Сообщений: 1349
Уважение: +88
Позитив: +398
Пол: Женский
Последний визит:
Сб, 19 Фев 2022 20:00:56

Alex_63
Неа, не меняется ничего

0

Поделиться909Чт, 5 Ноя 2015 18:06:58

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10720
Уважение: +7204
Позитив: +5267
Пол: Мужской
Последний визит:
Сегодня 19:50:34

Ну поставьте без градиентов, просто замените значения rgb()

.fs-box #main-reply {background: url('http://smages.com/images/nh3fuehe.png') 50% 100% no-repeat,
url('http://i57.fastpic.ru/big/2015/0220/5f/ce2876d2e9dfcb5d90d9042f786b815f.png') 50% 0% no-repeat ,
url('http://i58.fastpic.ru/big/2015/0220/5a/a75ba1137fde5d1df6bea22ec8d9285a.png') 50% 50% repeat-y,
url(http://smages.com/images/bubzjz.gif) bottom right no-repeat rgb(234, 244, 252); /*картинка в форме ответа*/
box-shadow: inset 0 0 23px;
padding: 10px;
width: 795px;
}

0

ВКонтакте alex__63

Поделиться910Чт, 5 Ноя 2015 18:11:16

Автор: Lusiya
Заслуженный
Зарегистрирован: Вс, 11 Мар 2012
Сообщений: 1349
Уважение: +88
Позитив: +398
Пол: Женский
Последний визит:
Сб, 19 Фев 2022 20:00:56

Alex_63 написал(а):

Ну поставьте без градиентов, просто замените значения rgb()

Alex_63
Такое у меня стояло, только номера другие.
Ну, да ладно, не получается, значит не судьба.
Спасибо! :flirt:

0

Поделиться911Чт, 5 Ноя 2015 18:21:00

Автор: Sans
Заслуженный
Зарегистрирован: Вс, 1 Ноя 2015
Сообщений: 361
Уважение: +43
Позитив: +80
Пол: Мужской
Последний визит:
Чт, 25 Авг 2022 14:22:01

Alex_63 написал(а):

Sans
Попробуйте так:

Поставил получилось. А как картинку настроить в этой полосе? Сделал картинку по пикселям 1500 на 89. На большом экране не достаёт правая сторона, а на планшете наоборот не видно половины текста. Надо наверное прописать "плавающюю" длину, а в каком месте и как?

<style type="text/css">
#pun-title h1{
background:url(http://img-fotki.yandex.ru/get/15507/36 … f_orig.jpg ) no-repeat!important;
}
</style>

0

Поделиться912Чт, 5 Ноя 2015 18:24:47

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10720
Уважение: +7204
Позитив: +5267
Пол: Мужской
Последний визит:
Сегодня 19:50:34

Lusiya
Ну так у Вас этот код сейчас и стоит, только значения rgb () - другие - картинки отображаются
Попробуйте заменить значение rgb () на rgb(234, 244, 252) = Должно Сработать

+1

ВКонтакте alex__63

Поделиться913Чт, 5 Ноя 2015 18:25:25

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Сегодня 13:59:40

Sans

<style type="text/css">
#pun-title h1{
background:#fff url(http://img-fotki.yandex.ru/get/15507/36851724.0/0_12c625_e023040f_orig.jpg) no-repeat!important;
}
</style>

0

Поделиться914Чт, 5 Ноя 2015 18:28:02

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10720
Уважение: +7204
Позитив: +5267
Пол: Мужской
Последний визит:
Сегодня 19:50:34

Sans
Добавьте синим

<style type="text/css">
#pun-title h1{
background:url(http://img-fotki.yandex.ru/get/15507/36 … f_orig.jpg) no-repeat!important;
background-size: 100% 89px !important;
}
</style>

0

ВКонтакте alex__63

Поделиться915Чт, 5 Ноя 2015 18:32:51

Автор: Суслик обыкновенный
Заслуженный
Зарегистрирован: Сб, 10 Окт 2015
Сообщений: 39
Уважение: 0
Позитив: +3
Последний визит:
Вс, 30 Июл 2017 08:21:02

Я настолько одарённый человек, что не могу понять, почему теперь у меня гости не могут в гостевой писать.
Кнопка исчезла.
Глянула права групп, глянула настройки форума. Но так и не поняла, в чём именно дело.
Помогите, пожалуйста.

0

Поделиться916Чт, 5 Ноя 2015 18:34:23

Автор: Lusiya
Заслуженный
Зарегистрирован: Вс, 11 Мар 2012
Сообщений: 1349
Уважение: +88
Позитив: +398
Пол: Женский
Последний визит:
Сб, 19 Фев 2022 20:00:56

Alex_63 написал(а):

rgb(234, 244, 252)

Alex_63
Да, сработало :cool:
Только вот как сделать переход цветов (скрин 2. переход цветов с темно-синего до светло-голубого), я не знаю? То что я делала, получалось, но пропадали все причиндалы (плавный переход, допустим: #DFBA8C в #FFE9D3...)