^

Сайт и форум / Оформление страниц. CSS

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
# 24 июня 2010, 16:13     автор темы

Cypher

Гражданский 24 уровень
2169 сообщений
1748 SFP
Расскажите побольше про возможности редактирования страниц :)
Ну или хотя бы ответьте на вопросы:

>>>Новый логотип
1. Где взять стандартную надпись SQUARE FACTION без фона, что бы наложить на новую картинку?
2. Когда я сделаю новую картинку, то как мне её загрузить и потом найти? ))
3. Далее, я думаю, в блоке для CSS нудно прописать чего-нить типа:
#logo-block h1 { background-image: url(/images/design/mynewlogo.jpg);}
Вопрос, что конкретно и каков будет адрес загруженной картинки?

>>>Другие блоки
1. В нашем могучем хелпе по CSS есть пример смены цвета нижнего блока. Вопрос: какие еще доступны блоки?
2. Точнее так: такие настройки можно проворачивать только с заранее разрешенными блоками типа нижнего, или со всеми имеющимися и нужно знать только как они называются?
3. Что еще можно делать с блоками. можно-ли поменять цвет шрифта, сам шрифт и т.д.?

>>>Остальные кнопочки
Можно-ли изменить цвет кнопок в верхнем меню «люди, игры, кланы…», остальные кнопки типа удаления из любимых?

>>>Что почитать про CSS?

ЗЫ: не знал где создать тему. Перенесите если что.
Отредактировано 25 июня 2010, 16:16
...
# 19 июля 2014, 18:45

Щепыч

Один из клана Square Patrol 50 уровень
1426 сообщений
4005 SFP

Вроде можно, как и всегда. Во всяком случае у меня CSS работает.

# 19 июля 2014, 19:36

Tangro

Гражданский 22 уровень
1112 сообщений
489 SFP

Ключевой фразой было:

@Tangro писал:

как душе угодно

Ибо у меня просто-напросто обрубили весь CSS, никак это дело не прокомментировав)

# 27 июня 2015, 19:10

Guren302

Стажер клана Square Patrol 55 уровень
1558 сообщений
12931 SFP

А как менять цвет вот этих ссылок?

20150627191020_5b383f33.JPG

# 27 июня 2015, 20:46

Щепыч

Один из клана Square Patrol 50 уровень
1426 сообщений
4005 SFP

К примеру можно использовать такой вариант:

#left-block div.sidebar-block li a {color: #серобуромалиновый;}

Только оно сразу для всех ссылок в левом блоке цвет поменяет, включая заголовок.

# 27 июня 2015, 21:08

Guren302

Стажер клана Square Patrol 55 уровень
1558 сообщений
12931 SFP

Спасибо!

# 19 мая 2016, 21:00

Guren302

Стажер клана Square Patrol 55 уровень
1558 сообщений
12931 SFP

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

# 28 ноября 2016, 19:16

Krasnodalev

Darkest Sentinel 73 уровень
2308 сообщений
8293 SFP

Чё прописать в CSS, чтобы жирный текст отображался тем же цветом, что и обычный?

Спойлер

image

# 28 ноября 2016, 19:49

Щепыч

Один из клана Square Patrol 50 уровень
1426 сообщений
4005 SFP

Пропиши цвет конкретно для тега B (или strong, если у тебя он делает текст жирным). Типа там #page-entries p b {color:#fff;}

+29
# 28 ноября 2016, 19:53

Krasnodalev

Darkest Sentinel 73 уровень
2308 сообщений
8293 SFP

Большое спасибо!

# 16 марта 2017, 14:15

Hayden Storm

Старейшина клана Square Patrol 46 уровень
338 сообщений
4956 SFP

У меня тут один вопрос: возможно ли сделать тень для шрифта в названии игры ? В точности для параметра H1?

# 16 марта 2017, 15:23

Chronos

Гражданский 40 уровень
3651 сообщение
1828 SFP

@Hayden Storm писал:

У меня тут один вопрос: возможно ли сделать тень для шрифта в названии игры ? В точности для параметра H1?

Так по умолчанию на СФ там есть такое свойство:  text-shadow1px 1px 2px rgba(0,0,0,.4);

Просто изменяешь параметры под свои нужды.

# 16 марта 2017, 15:29

Hayden Storm

Старейшина клана Square Patrol 46 уровень
338 сообщений
4956 SFP

Не работает.

# 16 марта 2017, 15:31

Chronos

Гражданский 40 уровень
3651 сообщение
1828 SFP

В смысле? Скопируй сюда кусок своего кода с этой строкой.

# 16 марта 2017, 15:33

Hayden Storm

Старейшина клана Square Patrol 46 уровень
338 сообщений
4956 SFP

20170316153327_fb45283f.png

h1 {font-variant: small-caps;padding:center;color:darkviolet;}

# 16 марта 2017, 15:40

Chronos

Гражданский 40 уровень
3651 сообщение
1828 SFP

Дык там уже есть тень, просто она маленькая. Поменяй параметеры в свойстве  text-shadow, например, на такие: 0px 0px 10px rgba(0,0,0,1);

# 16 марта 2017, 15:43

Hayden Storm

Старейшина клана Square Patrol 46 уровень
338 сообщений
4956 SFP

Вообще никак не меняется.

# 16 марта 2017, 15:45

Hayden Storm

Старейшина клана Square Patrol 46 уровень
338 сообщений
4956 SFP

Получилось! Ура! Спасибо! 

Надо было здесь прописать:#title h1 {font-size: 1.6em;text-shadow: 0px 0px 10px rgba(255,0,0,1);} — вот я тупой.

# 16 марта 2017, 15:47

Chronos

Гражданский 40 уровень
3651 сообщение
1828 SFP

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

# 30 октября 2020, 17:19

Dzirt Do'Urden

Гражданский 47 уровень
772 сообщения
3659 SFP

Подскажите, пожалуйста.

Можно ли для атрибута title настроить скорость появления подсказки и можно ли как-то сделать, чтобы всплывающая подсказка была изображением и/или изображением с текстом?

Если да, то как это сделать?

# 30 октября 2020, 20:52

Ranmabaka

Гражданский 53 уровень
1094 сообщения
9995 SFP

Насколько я знаю стиль title определяется браузером и изменить его только через css нельзя. Однако, через псевдо-элементы всегда можно создать свой аналог ;) Пример можно глянуть тута.

+14
# 30 октября 2020, 21:00

Щепыч

Один из клана Square Patrol 50 уровень
1426 сообщений
4005 SFP

Фиг знает, конкретно атрибут Тайтл вроде вообще никак не настраивается. Хотя может уже что-то изменилось.

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

Сделать таблицу, и присвоить ей, и ее обеим ячейкам идентификаторы или личный класс для каждой (id или class).

Потом уже через CSS:

Верхнюю ячейку задать по размеру области наведения (width, height), в которой будет появляться подсказка, в оба направления и убрать у нее рамку (border: none;). Эту ячейку оставить без содержимого. Во вторую ячейку всунуть весь нужный для подсказки контент.

Потом сделать так, чтоб таблица с этими двумя ячейками имела расположение типа абсолютное или относительное (position: absolute; или position: relative;). Вторую ячейку с контентом сделать не отображаемой (display: none;). Т.е в спокойном состоянии таблица будет представлять собой одну «видимую» ячейку полностью прозрачную, без содержимого и рамки.

Потом сделать так, чтоб при наведении (table:hover) курсора на таблицу, верхняя пустая ячейка становилась неотображаемой (display: none;), а нижняя с контентом наоборот показывалась (display: block; или там display: inline block; какой-нибудь).

Ну и потом саму таблицу расположить куда надо поверх объекта, по которому она будет выводить подсказку (left: сколько-то px; top: сколько-то px;).

Для примера можно посмотреть статьи по расам в игре Disciples II от ShadowScarab.

+14
# 14 мая 2021, 17:11

Dzirt Do'Urden

Гражданский 47 уровень
772 сообщения
3659 SFP

Подскажите, пожалуйста:

1. При оформлении своей странички в разделе «Немного о себе» можно ли сделать ссылки кликабельными, либо вставить изображение, изображение-ссылку?

2. Видел у одного пользователя (не помню кого): никнейм на странице профиля отличается от такового на форуме и в других местах. Как это сделать?

# 14 мая 2021, 17:43

Aleksandrоv

Лидер клана Non-Fiction 53 уровень
1480 сообщений
8633 SFP

@Dzirt Do'Urden писал:

Подскажите, пожалуйста:

1. При оформлении своей странички в разделе «Немного о себе» можно ли сделать ссылки кликабельными, либо вставить изображение, изображение-ссылку?

Не думаю. Сего не видел даже у Дерфаса с Бакой — а уж они умеют всё.

2. Видел у одного пользователя (не помню кого): никнейм на странице профиля отличается от такового на форуме и в других местах. Как это сделать?

Riotaru / Kayuk

.head-bar .title {
  visibility: hidden;
  margin-left: -57px;
}
.head-bar .title:after {
  content: 'Kayuk';
  visibility: visible;
}

Подобным образом затёр и свой надоевший титул.

+34
# 14 мая 2021, 19:58

Aleksandrоv

Лидер клана Non-Fiction 53 уровень
1480 сообщений
8633 SFP

Совет, как сделать список своих сообщений некликабельным (да, да, всем стыдно за свои посты пяти-десятилетней давности):

#main-block .data-block table tr:nth-child(3) a {
  color: #030303;
  pointer-events: none;
  cursor: default;
}

Вместо 3 подставляем номер той строчки сверху, на которой в вашей анкете «темы, сообщения».

+31
# 3 февраля 2024, 20:15

Aleksandrоv

Лидер клана Non-Fiction 53 уровень
1480 сообщений
8633 SFP

Ребят, можем ли мы устроить быструю смену настроенной дневной и ночной темы, как в стандартном режиме? По команде, доступной хоть из оффлайна. С переменными-то пара пустяков было бы.

20240203202151_78252da4.png

Или самим включением пользовательского CSS всё это блокируется совсем, а обходных путей нет?

Отредактировано 3 февраля 2024, 20:21
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

Для комментирования необходимо авторизоваться