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

Поделиться1Ср, 20 Ноя 2019 11:51:57

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Сегодня 21:57:05

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


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

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

Отредактировано Deff (Ср, 20 Ноя 2019 11:52:38)

+6

Поделиться641Вс, 15 Мар 2020 11:58:46

Автор: Termitta
Заслуженный
Зарегистрирован: Вс, 8 Мар 2020
Сообщений: 67
Уважение: +15
Позитив: +43
Пол: Женский
Последний визит:
Вт, 5 Май 2020 20:11:13

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

Termitta написал(а):
Я хочу поставить там четыре разных картинки в один ряд (примерно 200*50).
Картинки есть? Скиньте их, и желательно скриншот как должно выглядеть..

Поставила код в верх хтмл. Получилось не так, как надо.
На скрине видно.

А это ссылка на картинку
https://forumstatic.ru/files/001a/b3/3c/55616.png
Картинки одинаковые. Пока будут.
Главное что б на место стали.
А дальше я бы их смогла и заменить.

Отредактировано Termitta (Вс, 15 Мар 2020 12:00:55)

0

Поделиться642Вс, 15 Мар 2020 12:01:55

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

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

А это ссылка на картинку

Все четыре картинки скиньте.. Или они все такие будут?

0

Поделиться643Вс, 15 Мар 2020 12:02:36

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

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

Termitta написал(а):
А это ссылка на картинку
Все четыре картинки скиньте.. Или они все такие будут?

А, понял.. Щас подумаю..

+1

Поделиться644Вс, 15 Мар 2020 12:09:29

Автор: Termitta
Заслуженный
Зарегистрирован: Вс, 8 Мар 2020
Сообщений: 67
Уважение: +15
Позитив: +43
Пол: Женский
Последний визит:
Вт, 5 Май 2020 20:11:13

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

kolobdur74 написал(а):
Termitta написал(а):
А это ссылка на картинку
Все четыре картинки скиньте.. Или они все такие будут?
А, понял.. Щас подумаю..

Да, они одинаковые будут.

0

Поделиться645Вс, 15 Мар 2020 12:35:17

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

Termitta, в НТМЛ верх:

Код:

<style>
#pun-ulinks:after {
content: "";
width: 100%;
height: 50px;
margin: 5px 0 5px;
display: block;
background: url(https://forumstatic.ru/files/001a/b3/3c/55616.png) no-repeat calc(50% - 150px) 0,
            url(https://forumstatic.ru/files/001a/b3/3c/55616.png) no-repeat calc(50% - 50px) 0,
            url(https://forumstatic.ru/files/001a/b3/3c/55616.png) no-repeat calc(50% + 50px) 0,
            url(https://forumstatic.ru/files/001a/b3/3c/55616.png) no-repeat calc(50% + 150px) 0;
}
</style>

Тестируйте.. Картинки лучше делать и по ширине и по высоте четными, поэтому лучше переделайте тестовую картинку на 100x50..

Отредактировано kolobdur74 (Вс, 15 Мар 2020 12:51:07)

0

Поделиться646Вс, 15 Мар 2020 12:57:30

Автор: Termitta
Заслуженный
Зарегистрирован: Вс, 8 Мар 2020
Сообщений: 67
Уважение: +15
Позитив: +43
Пол: Женский
Последний визит:
Вт, 5 Май 2020 20:11:13

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

Termitta, в НТМЛ верх:
Код:
<style>
#pun-ulinks:after {
content: "";
width: 100%;
height: 50px;
margin: 5px 0 5px;
text-align: center;
display: block;
background: url(https://forumstatic.ru/files/001a/b3/3c/55616.png) no-repeat calc(50% - 150px) 0,
            url(https://forumstatic.ru/files/001a/b3/3c/55616.png) no-repeat calc(50% - 50px) 0,
            url(https://forumstatic.ru/files/001a/b3/3c/55616.png) no-repeat calc(50% + 50px) 0,
            url(https://forumstatic.ru/files/001a/b3/3c/55616.png) no-repeat calc(50% + 150px) 0;
}
</style>
Тестируйте.. Картинки лучше делать и по ширине и по высоте четными, поэтому лучше переделайте тестовую картинку на 100x50..

Подскажите, я поставила код. Все хорошо.
Но в середину скопировала ещё таких 4 картинки (50%+ 50px) такого плана - но код отображает только изначальных четыре.
Как поступить ?

0

Поделиться647Вс, 15 Мар 2020 12:59:00

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

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

Как поступить ?

Сколько всего должно быть картинок?

0

Поделиться648Вс, 15 Мар 2020 13:09:59

Автор: Termitta
Заслуженный
Зарегистрирован: Вс, 8 Мар 2020
Сообщений: 67
Уважение: +15
Позитив: +43
Пол: Женский
Последний визит:
Вт, 5 Май 2020 20:11:13

Восемь

0

Поделиться649Вс, 15 Мар 2020 13:17:00

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

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

Восемь

В НТМЛ верх:

Код:

<style>
#pun-ulinks:after {
content: "";
width: 100%;
height: 50px;
margin: 5px 0 -15px;
display: block;
background: url(https://forumstatic.ru/files/001a/b3/3c/55616.png) no-repeat calc(50% - 350px) 0,
            url(https://forumstatic.ru/files/001a/b3/3c/55616.png) no-repeat calc(50% - 250px) 0,
            url(https://forumstatic.ru/files/001a/b3/3c/55616.png) no-repeat calc(50% - 150px) 0,
            url(https://forumstatic.ru/files/001a/b3/3c/55616.png) no-repeat calc(50% - 50px) 0,
            url(https://forumstatic.ru/files/001a/b3/3c/55616.png) no-repeat calc(50% + 50px) 0,
            url(https://forumstatic.ru/files/001a/b3/3c/55616.png) no-repeat calc(50% + 150px) 0,
            url(https://forumstatic.ru/files/001a/b3/3c/55616.png) no-repeat calc(50% + 250px) 0,
            url(https://forumstatic.ru/files/001a/b3/3c/55616.png) no-repeat calc(50% + 350px) 0;
}
</style>

Ссылки на картинки ставьте свои..

0

Поделиться650Вс, 15 Мар 2020 13:32:58

Автор: Termitta
Заслуженный
Зарегистрирован: Вс, 8 Мар 2020
Сообщений: 67
Уважение: +15
Позитив: +43
Пол: Женский
Последний визит:
Вт, 5 Май 2020 20:11:13

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

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

Восемь

В НТМЛ верх:

Код:

<style>
#pun-ulinks:after {
content: "";
width: 100%;
height: 50px;
margin: 5px 0 -15px;
display: block;
background: url(https://forumstatic.ru/files/001a/b3/3c/55616.png) no-repeat calc(50% - 350px) 0,
            url(https://forumstatic.ru/files/001a/b3/3c/55616.png) no-repeat calc(50% - 250px) 0,
            url(https://forumstatic.ru/files/001a/b3/3c/55616.png) no-repeat calc(50% - 150px) 0,
            url(https://forumstatic.ru/files/001a/b3/3c/55616.png) no-repeat calc(50% - 50px) 0,
            url(https://forumstatic.ru/files/001a/b3/3c/55616.png) no-repeat calc(50% + 50px) 0,
            url(https://forumstatic.ru/files/001a/b3/3c/55616.png) no-repeat calc(50% + 150px) 0,
            url(https://forumstatic.ru/files/001a/b3/3c/55616.png) no-repeat calc(50% + 250px) 0,
            url(https://forumstatic.ru/files/001a/b3/3c/55616.png) no-repeat calc(50% + 350px) 0;
}
</style>

Ссылки на картинки ставьте свои..

Спасибо. Все как и хотелось.

+1

Поделиться651Вс, 15 Мар 2020 13:35:01

Автор: Termitta
Заслуженный
Зарегистрирован: Вс, 8 Мар 2020
Сообщений: 67
Уважение: +15
Позитив: +43
Пол: Женский
Последний визит:
Вт, 5 Май 2020 20:11:13

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

0

Поделиться652Вс, 15 Мар 2020 13:38:47

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

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

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

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

0

Поделиться653Вс, 15 Мар 2020 13:43:08

Автор: Termitta
Заслуженный
Зарегистрирован: Вс, 8 Мар 2020
Сообщений: 67
Уважение: +15
Позитив: +43
Пол: Женский
Последний визит:
Вт, 5 Май 2020 20:11:13

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

Termitta написал(а):
Подскажите, не работает визуальный редактор при создании страницы на форуме.
Вероятно на мобильных устройствах не работает, а вообще не рекомендую его использовать - он весьма глючный..

А ка же тогда добавить информацию на созданную (допустим проходную страницу) ? :'(

0

Поделиться654Вс, 15 Мар 2020 13:45:11

Автор: Termitta
Заслуженный
Зарегистрирован: Вс, 8 Мар 2020
Сообщений: 67
Уважение: +15
Позитив: +43
Пол: Женский
Последний визит:
Вт, 5 Май 2020 20:11:13

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

kolobdur74 написал(а):
Termitta написал(а):
Подскажите, не работает визуальный редактор при создании страницы на форуме.
Вероятно на мобильных устройствах не работает, а вообще не рекомендую его использовать - он весьма глючный..
А ка же тогда добавить информацию на созданную (допустим проходную страницу) ?

Например, создала данную страницу.
http://teremok.website/pages/m3
И как ее отредактировать ?

Или может есть какой другой способ создать вариант перехода (картинка со ссылкой на главной на другой сайт - проходная страница с инфой об этом сайте - и выход с проходной на другой сайт) ?
Раз нельзя пользоваться созданной страницей

Отредактировано Termitta (Вс, 15 Мар 2020 13:50:08)

0

Поделиться655Вс, 15 Мар 2020 13:50:33

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

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

А ка же тогда добавить информацию на созданную (допустим проходную страницу) ?

Через написание HTML, к примеру:

Код:

<style>
.stranica {
width: 100%;
height: 200px;
background: blue;
}
.stranica a {
color: red;
font-size: 16px;
}
</style>
<div class="stranica">
<a src="/">Главная страница</a>
</div>

Если требуется вставка только HTML, то можно пользоваться и визуальным редактором, но лучше в любом случае через ПК..

0

Поделиться656Вс, 15 Мар 2020 13:52:48

Автор: Termitta
Заслуженный
Зарегистрирован: Вс, 8 Мар 2020
Сообщений: 67
Уважение: +15
Позитив: +43
Пол: Женский
Последний визит:
Вт, 5 Май 2020 20:11:13

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

Termitta написал(а):
А ка же тогда добавить информацию на созданную (допустим проходную страницу) ?
Через написание HTML, к примеру:
Код:
<style>
.stranica {
width: 100%;
height: 200px;
background: blue;
}
.stranica a {
color: red;
font-size: 16px;
}
</style>
<div class="stranica">
<a src="/">Главная страница</a>
</div>
Если требуется вставка только HTML, то можно пользоваться и визуальным редактором, но лучше в любом случае через ПК..

Но как это вставить и куда
Редактор не работает вообще (страниц).
Извините за то что многого не понимаю. :confused:

0

Поделиться657Вс, 15 Мар 2020 13:55:43

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

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

Но как это вставить и куда
Редактор не работает вообще (страниц).

Скопируйте код, что я дал для теста и вставьте в поле, которое идет после надписи Визуальный редактор (над Объявлением) - у вас на скриншоте видно оно.. И сохраните страницу..

+1

Поделиться658Вс, 15 Мар 2020 13:57:31

Автор: Termitta
Заслуженный
Зарегистрирован: Вс, 8 Мар 2020
Сообщений: 67
Уважение: +15
Позитив: +43
Пол: Женский
Последний визит:
Вт, 5 Май 2020 20:11:13

Вот вставила код в редактор страницы. Получилось так.

Только я поменяла Главная страница на m1 - название редактируемой страницы.

Отредактировано Termitta (Вс, 15 Мар 2020 13:59:46)

0

Поделиться659Вс, 15 Мар 2020 14:04:38

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

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

Только я поменяла Главная страница на m1 - название редактируемой страницы.

А, я с картинкой попутал)) Вот так правильно:

Код:

<style>
.stranica {
width: 100%;
height: 200px;
background: blue;
}
.stranica a {
color: red;
font-size: 16px;
}
</style>
<div class="stranica">
<a href="/">m1</a>
</div>

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

+1

Поделиться660Вс, 15 Мар 2020 14:10:39

Автор: Termitta
Заслуженный
Зарегистрирован: Вс, 8 Мар 2020
Сообщений: 67
Уважение: +15
Позитив: +43
Пол: Женский
Последний визит:
Вт, 5 Май 2020 20:11:13

Спасибо большое.
Кто чё делал - но визуальный заработал.
И за скрипт большое спасибо.

0

Единый форум поддержки

Меню навигации

Пользовательские ссылки

Информация о пользователе

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

Сообщений 641 страница 660 из 2012

Поделиться1Ср, 20 Ноя 2019 11:51:57

Поделиться641Вс, 15 Мар 2020 11:58:46

Поделиться642Вс, 15 Мар 2020 12:01:55

Поделиться643Вс, 15 Мар 2020 12:02:36

Поделиться644Вс, 15 Мар 2020 12:09:29

Поделиться645Вс, 15 Мар 2020 12:35:17

Поделиться646Вс, 15 Мар 2020 12:57:30

Поделиться647Вс, 15 Мар 2020 12:59:00

Поделиться648Вс, 15 Мар 2020 13:09:59

Поделиться649Вс, 15 Мар 2020 13:17:00

Поделиться650Вс, 15 Мар 2020 13:32:58

Поделиться651Вс, 15 Мар 2020 13:35:01

Поделиться652Вс, 15 Мар 2020 13:38:47

Поделиться653Вс, 15 Мар 2020 13:43:08

Поделиться654Вс, 15 Мар 2020 13:45:11

Поделиться655Вс, 15 Мар 2020 13:50:33

Поделиться656Вс, 15 Мар 2020 13:52:48

Поделиться657Вс, 15 Мар 2020 13:55:43

Поделиться658Вс, 15 Мар 2020 13:57:31

Поделиться659Вс, 15 Мар 2020 14:04:38

Поделиться660Вс, 15 Мар 2020 14:10:39