^

Сайт и форум / Оформление страниц. 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
...
# 1 декабря 2012, 18:23

Щепыч

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

Да, такая хрень только в Хроме есть. Но все же как её исправить — непонятно.

# 1 декабря 2012, 18:25

AlexLAN

Левиафан клана Dark Moon Dragons 32 уровень
421 сообщение
2755 SFP

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

# 1 декабря 2012, 18:27

Щепыч

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

Нет. До такого не всякий человек додумается, а уж программа…

# 1 декабря 2012, 18:38

AlexLAN

Левиафан клана Dark Moon Dragons 32 уровень
421 сообщение
2755 SFP

Может проблема в этом

.content table {

border-collapse: collapse;

} — если это отрубить, то границы внутри таблицы 2рх

и 

table {

border-collapse: separate;

border-spacing: 0;

}

следовательно если тут заменить separate на collapse должно сработать

# 1 декабря 2012, 18:40

Щепыч

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

А где ты его нашел там? Такого класса у меня нет. Да и я уже писал, что ни border-collapse, ни border-spacing на это не оказывают действия.

# 1 декабря 2012, 18:42

AlexLAN

Левиафан клана Dark Moon Dragons 32 уровень
421 сообщение
2755 SFP

Через инспектор хрома, это все активные параметры, его в твоем оформлении как то перекрыть надо.

1354382802.jpg

# 1 декабря 2012, 18:47

Щепыч

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

Нет. Это все не то. Там если отключить это свойство, то будут толстыми все границы между ячейками, но если оно включено, то горизонтальные границы все равно остаются двойными. Вот мне и нужно узнать, почему они остаются такими, а не как вертикальные — сливаются в одну.

# 1 декабря 2012, 18:58

AlexLAN

Левиафан клана Dark Moon Dragons 32 уровень
421 сообщение
2755 SFP

Так то вроде оно перекрывает только соединение границ, но расстояние между ними остается 2рх, просто при коллапс браузер додумывает этот момент, может имеет смысл туда всунуть «border-spacing: 0px;»?

Туда это в .content table

# 1 декабря 2012, 18:59

Щепыч

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

Фак. Третий раз пишу.

@Щепыч писал:

ни border-collapse, ни border-spacing на это не оказывают действия.

# 1 декабря 2012, 19:03

AlexLAN

Левиафан клана Dark Moon Dragons 32 уровень
421 сообщение
2755 SFP

Спокойно, я видел что ты писал, но инспектор то говорит что border-spacing: 2px все же есть.

А лезет он из дефолтных параметров user agent stylesheet

# 1 декабря 2012, 19:09

Щепыч

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

А толку, если его никак не изменить? То что написано на странице CSS Слейда, перекрывается пользовательским CSS, особенно, если свойство с !important. А тут даже если сделать отступ между ячейками в 100px то эффекта не будет, как и свойство border-collapse:separate, которое должно разделить все соединенные CSS-ом Слейда границы ячеек. Эти два свойства не действуют на ячейки.

# 1 декабря 2012, 19:14

Щепыч

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

Фак такой. Теперь разделение границ и отступ между ними заработали. Но вот при возвращении к collapse и 0рх, горизонтальные границы все равно остаются разделенными.

# 1 декабря 2012, 19:21

AlexLAN

Левиафан клана Dark Moon Dragons 32 уровень
421 сообщение
2755 SFP

Хм, на строке 1px, на ячейке 1px. Может ли быть так что толщина границы ячейки дополняется толщиной строки? Или я несу бред хлеб?

# 1 декабря 2012, 19:22

Щепыч

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

Они должны заменять одно другим.

# 1 декабря 2012, 19:25

AlexLAN

Левиафан клана Dark Moon Dragons 32 уровень
421 сообщение
2755 SFP

А если поверить в невероятное и выставить толщину для все таблицы разом или только для ячеек?

# 1 декабря 2012, 19:28

Щепыч

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

У меня было так написано:

.collapse, .collapse td, .collapse th {border-collapse: collapse !important; border-spacing:0px;}

Это должно было работать и на таблицу и на ячейки обоих видов.

# 1 декабря 2012, 19:30

Щепыч

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

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

Тем более если смотреть в первой ссылке, то там обе таблицы написаны одинаково, но вот в верхней нет этих горизонтальных рамок.

# 1 декабря 2012, 19:30

AlexLAN

Левиафан клана Dark Moon Dragons 32 уровень
421 сообщение
2755 SFP

Да, я видел. так же у тебя прописана толщина линии для td и tr 1px. А может оставить просто для td?

И на этом мои невероятные предположения иссякают.

# 1 декабря 2012, 19:43

Щепыч

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

ДЫк они же накладываются друг на друга, а не идут по очереди. И нет у меня таких записей. Да и в дебагере не нашел такого. И в общей статистике нет. Там написано, что толщина рамок tr — 0рх. А td — 1рх.

# 1 декабря 2012, 19:46

Щепыч

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

Тем более, во второй ссылке, в одной строке таблицы у th толщина горизонтальной грани — двойная, а уже у td — нормальная. При том, что в свойствах у обоих написана толщина в 1рх.

# 1 декабря 2012, 19:49

AlexLAN

Левиафан клана Dark Moon Dragons 32 уровень
421 сообщение
2755 SFP

@Щепыч писал:

Там написано, что толщина рамок tr — 0рх. А td — 1рх.

@Щепыч писал:

При том, что в свойствах у обоих написана толщина в 1рх.

0 1/ 1 1 

Мне скоро эта таблица снится будет

# 1 декабря 2012, 19:52

Щепыч

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

Ладно. Хрен с ним. Убрал все свое CSS. Толстые грани пропали. Значит надо переделывать его заново. Спасибо.

# 1 декабря 2012, 19:53

AlexLAN

Левиафан клана Dark Moon Dragons 32 уровень
421 сообщение
2755 SFP

Да было бы за что. Пойду дальше свой сайтик ковырять.

PS Если узнаешь в чем косяк был — отпиши, интересно.

# 1 декабря 2012, 20:19

Щепыч

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

В общем эти границы становились такими из за того, что два элемента в публикации имели фиксированное положение на экране. Когда я его убрал, все стало работать нормально.

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

# 1 декабря 2012, 20:29

AlexLAN

Левиафан клана Dark Moon Dragons 32 уровень
421 сообщение
2755 SFP

Это те кнопки вверх и вниз? Иногда фиксированная или та же абсолютная позиция дает просто невероятные эффекты. Тоже мучился с этим, но уже в ослике 7-ом.

# 28 декабря 2012, 23:18

Engeri

Лидер клана Ретро геймеры 29 уровень
1016 сообщений
1548 SFP

Как можно заменить кнопки этого блока на свои?

1356724659.png

Свои кнопки представлены ввиде графического файла.

# 28 декабря 2012, 23:21

AlexLAN

Левиафан клана Dark Moon Dragons 32 уровень
421 сообщение
2755 SFP

.tools-tabs-2 a {
background: #41A0B8 url(«X») repeat-x; // статичная
}
.tools-tabs-2 a.current {
background: #41A0B8 url(«X») repeat-x; //текущая
}

.tools-tabs-2 a:active {
background: #41A0B8 url(«X») repeat-x;  // при нажатии
}

.tools-tabs-2 a:hover{ 

background: #41A0B8 url(«X») repeat-x; //при наведении

}

X — путь до картинки

# 28 декабря 2012, 23:22

Derfas13

The Archivist 45 уровень
3278 сообщений
5299 SFP

Ещё :hover и :active.

# 28 декабря 2012, 23:29

AlexLAN

Левиафан клана Dark Moon Dragons 32 уровень
421 сообщение
2755 SFP

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

# 28 декабря 2012, 23:35

Engeri

Лидер клана Ретро геймеры 29 уровень
1016 сообщений
1548 SFP

Спасибо, работает, но в итоге получаю дикий съезд:

1356727754.png

Сама кнопка должна выглядеть вот так:
1356732467.png

Как бы её поместить на место? Мудрить с картинкой кнопки? =_=

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

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