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

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

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11570
Последний визит:
Вчера 23:48:44

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


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

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

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

+6

Поделиться221Пт, 24 Янв 2020 16:26:05

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

ISTMAL, а такой вариант боковой панели пробовали поставить: Скрипты от пользователей 1 пост 156?

+1

Поделиться222Пт, 24 Янв 2020 16:41:16

Автор: ISTMAL
Заслуженный
Зарегистрирован: Ср, 7 Дек 2016
Сообщений: 62
Уважение: +14
Позитив: +41
Пол: Женский
Последний визит:
Вс, 31 Окт 2021 17:40:50

Подходит даже ещё лучше.
Но есть вопрос.
В этих боковых колонках как вставить скрипты (например - скрипт переводчик языков) ?
Использовать контейнер для вставки скриптов ?
Если да, то как это сделать ?
Спасибо.

Это то как боковые колонки стали.

Подскажите, а как одну из боковых колонок убрать (правую) ?
А то слишком длинной получается таблица разделов...
Спасибо.

Отредактировано ISTMAL (Сб, 25 Янв 2020 14:51:44)

0

Поделиться223Пт, 24 Янв 2020 16:55:46

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

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

Использовать контейнер для вставки скриптов ?
Если да, то как это сделать ?

Скрипты от пользователей 1 пост 177 Там же инструкция как вставлять.. По сути многие скрипты и так будут работать, но если не работают, то нужно пробовать через контейнер..

Отредактировано kolobdur74 (Пт, 24 Янв 2020 16:57:06)

+1

Поделиться224Пт, 24 Янв 2020 17:03:21

Автор: ISTMAL
Заслуженный
Зарегистрирован: Ср, 7 Дек 2016
Сообщений: 62
Уважение: +14
Позитив: +41
Пол: Женский
Последний визит:
Вс, 31 Окт 2021 17:40:50

Буду пытаться. Спс.
Но есть ещё вопрос.
Как бы изменить фон подложки белый цвет на другой цвет ?
Спасибо.

0

Поделиться225Пт, 24 Янв 2020 17:04:10

Автор: Геннадий Эдуардович
Заслуженный
Зарегистрирован: Чт, 13 Сен 2012
Сообщений: 730
Уважение: +78
Позитив: +311
Пол: Мужской
Последний визит:
Вчера 20:01:15

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

Она не белая - скорее всего у вас адблок срабатывает.. Общие вопросы по оформлению (65) - с поста 817 и ниже..

Спасибо, вы были правы...

+1

Поделиться226Пт, 24 Янв 2020 19:49:10

Автор: golubastion
Заслуженный
Зарегистрирован: Вт, 29 Окт 2019
Сообщений: 19
Уважение: +4
Позитив: +3
Последний визит:
Вс, 25 Сен 2022 22:07:46

А можно ли как-то изменить внешний вид всплывающих подсказок атрибута abbr?
Или как реализованы всплывающие описания к картинкам здесь?
желательно обойтись без тегов [tipsy]

0

Поделиться227Пт, 24 Янв 2020 20:20:03

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11570
Последний визит:
Вчера 23:48:44

В HTML низ

<script type="text/javascript" src="http://yourjavascript.com/12208652913/quicktip.js"></script>
<script>
$(document).ready(function(){
$('img [title]').quicktip({ speed:700 });
$('a [title]').quicktip({ speed:700 });
$('span [title]').quicktip({ speed:700 });

});
</script>

В стиль:

#tooltip {
position: absolute;
background-color: rgba(41, 24, 10, 0.82);
z-index: 99999;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
max-width: 250px;
display: none;
font: normal normal 400 11px/16.5px Verdana;
color: #A67E59;
text-align: center;
padding: 4px;
}

+1

Поделиться228Пт, 24 Янв 2020 20:46:33

Автор: golubastion
Заслуженный
Зарегистрирован: Вт, 29 Окт 2019
Сообщений: 19
Уважение: +4
Позитив: +3
Последний визит:
Вс, 25 Сен 2022 22:07:46

Благодарю!

0

Поделиться229Сб, 25 Янв 2020 00:16:28

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

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

Как бы изменить фон подложки белый цвет на другой цвет ?

В НТМЛ верх:

Код:

<style>
#pun {background-color: red;}
</style>

Вместо red ваш цвет..

+1

Поделиться230Сб, 25 Янв 2020 13:39:55

Автор: ISTMAL
Заслуженный
Зарегистрирован: Ср, 7 Дек 2016
Сообщений: 62
Уважение: +14
Позитив: +41
Пол: Женский
Последний визит:
Вс, 31 Окт 2021 17:40:50

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

ISTMAL написал(а):
Как бы изменить фон подложки белый цвет на другой цвет ?
В НТМЛ верх:
Код:
<style>
#pun {background-color: red;}
</style>
Вместо red ваш цвет..

Скажите, а можно вместо red - поставить номер цвета, например - FFFF99 ?
Спс.
Попробовала вставить номер цвета - а он опять белый...
:dontknow:

Отредактировано ISTMAL (Сб, 25 Янв 2020 13:42:00)

0

Поделиться231Сб, 25 Янв 2020 13:44:28

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11570
Последний визит:
Вчера 23:48:44

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

Скажите, а можно вместо red - поставить номер цвета, например - FFFF99 ?

Нун решётку перед цветом ставить #FFFF99

#pun {background-color: #FFFF99;}

Отредактировано Deff (Сб, 25 Янв 2020 13:45:16)

+3

Поделиться232Сб, 25 Янв 2020 13:55:54

Автор: ISTMAL
Заслуженный
Зарегистрирован: Ср, 7 Дек 2016
Сообщений: 62
Уважение: +14
Позитив: +41
Пол: Женский
Последний визит:
Вс, 31 Окт 2021 17:40:50

Спс. Все получилось. Цвет поменялся на тот что нужно.

+1

Поделиться233Сб, 25 Янв 2020 14:23:03

Автор: К.Ц.
Заслуженный
Зарегистрирован: Пн, 20 Май 2019
Сообщений: 41
Уважение: +14
Позитив: +45
Последний визит:
Пн, 5 Апр 2021 20:14:40

http://manyrooms.rusff.ru/
На форуме у некоторых пользователей появляется горизонтальная полоса прокрутки. Подскажите, пожалуйста, можно ли это дело как-то безболезненно исправить?
Разрешения экранов у этих самых пользователей: 1280x1024, 1920х1080.

0

Поделиться234Сб, 25 Янв 2020 14:42:04

Автор: ACT3255
Заслуженный
Зарегистрирован: Пт, 7 Ноя 2014
Сообщений: 2823
Уважение: +1562
Позитив: +2096
Пол: Мужской
Последний визит:
Вчера 20:21:39

К.Ц.
Разрешение 1920х1080 никаких полос нет

У Вас фоновая картинка 1920х1080, при меньшем разрешении экрана, появляется полоса прокрутки.

Отредактировано ACT3255 (Сб, 25 Янв 2020 14:46:04)

0

Поделиться235Сб, 25 Янв 2020 14:53:51

Автор: ISTMAL
Заслуженный
Зарегистрирован: Ср, 7 Дек 2016
Сообщений: 62
Уважение: +14
Позитив: +41
Пол: Женский
Последний визит:
Вс, 31 Окт 2021 17:40:50

Подскажите, а как убрать одну из колонок боковых (правую) ?
Спасибо.
Ну либо вставить код только с одной левой колонкой.
Спасибо.

Отредактировано ISTMAL (Сб, 25 Янв 2020 14:54:34)

0

Поделиться236Сб, 25 Янв 2020 14:57:18

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11570
Последний визит:
Вчера 23:48:44

К.Ц.
Такие правки:
1-е поменяйте в HTML верх на такой код:

<table border="0" width="996px" height="297px" style="text-align: justify; position: absolute; margin-left: -43px; top: -22px; "><tbody><tr><td><img src="https://forumstatic.ru/files/001a/13/59/74325.png"></td></tr></tbody></table>

2-е В стиле замените пункты на такое:

/* A5.1 */
#pun {
margin: auto;
width: 996px;
padding: 0px 0px 0px 0px;
}

/* фон */
html, body {
min-width: 1006px!important;
overflow-x: hidden;
background:
url("https://forumstatic.ru/files/001a/13/59/28742.jpg") no-repeat fixed center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}

Отредактировано Deff (Сб, 25 Янв 2020 15:00:14)

+2