^

Сайт и форум / Оформление страниц. 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
...
# 26 августа 2012, 21:24

Derfas13

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

Не понятно, почему эта херня не работает как надо:

background-origin: padding-box;
padding-left: 160px;
# 26 августа 2012, 21:27

Derfas13

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

Вот какого фига паддинг создаёт увеличение ширины всего блока???

background-origin: padding-box !important;
padding-left: 160px !important;
padding-right: 0px !important;
# 26 августа 2012, 21:28

Щепыч

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

Хрен знает, но у меня вот такое боле менее работает:

#page-profile #background-image {
background-image:url(http://steamachievementhunters.com/sig2-76561198026711023.png);
background-position:50% 0;
height:45px;
left:50.5%;
top:120px;
width:300px;
z-index:1;
}

По крайней мере без сдвига. 

В пикселях отступ не поставишь, а в процентах он все равно немного сдвигается, на очень маленьких окнах уезжает на имя пользователя. Но это лучший вариант…

Посмотри на моей странице…

# 26 августа 2012, 21:30

Щепыч

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

@Derfas13 писал:

Вот какого фига паддинг создаёт увеличение ширины всего блока???

А положения картинки у тебя не по середине блока стоит? может из за этого?

# 26 августа 2012, 21:32

Derfas13

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

Если не по центру то та же фигня.

# 26 августа 2012, 21:35

Щепыч

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

Убери тогда ширину во всю страницу, а потом и положение откорректируешь. 

# 26 августа 2012, 21:38

Derfas13

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

Блин. Если бы картинка не была динамической, я бы давно уже её с прозрачным левым краем перерисовал…

# 26 августа 2012, 21:40

Щепыч

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

@Derfas13 писал:

я бы давно уже её с прозрачным левым краем перерисовал…

А на маленьких мониторах как бы оно было. По моему разницы между прозрачным левым краем и Паддингом/маргином нет.

# 26 августа 2012, 21:40

Derfas13

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

Куда уж меньше 1024 в наше время?

# 26 августа 2012, 21:41

Щепыч

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

Чем тебе не по нраву то что у тебя было в начале и то что у меня сейчас на странице? По моему это пока лучшее из того что было. Смещения почти нет. и Экран вправо не скролится.

# 26 августа 2012, 21:50

Derfas13

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

Аммм. Вспомнил, что ты как-то спрашивал про присваивание нескольких картинок через url одному блоку. Что тогда в итоге вышло то?

# 26 августа 2012, 21:53

Щепыч

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

Все работает. Если смотрел страницу DMC4, пока она еще была с моим оформлением, то там именно так было оформлено с двумя картинками фона.

Надо использовать общее свойство background: там сначала все свойства первой картинки указываются, потом запятая и новые свойства второй картинки и т.д. Что расположено выше в коде то будет выше расположено и на странице.

Вот пример из DMC4.

body {
background:url(http://squarefaction.ru/files/user/51036/storage/1345985047.png) fixed 126% top no-repeat, url(http://squarefaction.ru/files/user/51036/storage/1345986595.png) fixed -70px top repeat-x!important;
}

# 26 августа 2012, 21:54

Derfas13

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

Мде. Что-то мне подсказывает, что в IE это не работает. Т.к. в DMC4 я ничего не видел.

# 26 августа 2012, 21:55

Щепыч

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

И еще раз. Чем тебе не нравится то что есть у меня на странице? Проверь на сайте, что показал Дамеон. Смещения почти нет. Вправо не скролится…

# 26 августа 2012, 21:55

Щепыч

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

@Derfas13 писал:

Т.к. в DMC4 я ничего не вижу.

Потому что я все вернул на старые места. Как было до моего там появления.

# 26 августа 2012, 21:56

Derfas13

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

При 1920 доходит вплотную к SeeD.

# 26 августа 2012, 21:56

Derfas13

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

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

@Derfas13 писал:

Т.к. в DMC4 я ничего не вижу.

Потому что я все вернул на старые места. Как было до моего там появления.

До этого, когда ты говорил, там всё было чёрное просто.

# 26 августа 2012, 21:58

Щепыч

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

@Derfas13 писал:

До этого, когда ты говорил, там всё было чёрное просто.

Значит, Скарлет выключила.

@Derfas13 писал:

При 1920 доходит вплотную к SeeD.

ну сделай не 50%, а 49 или 49.5…

# 26 августа 2012, 22:00

Щепыч

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

И еще раз спрошу. Почему не хочешь использовать свой первый вариант????

# 26 августа 2012, 22:01

Derfas13

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

Я хочу, чтобы было чётко зафиксировано всегда >_<

# 26 августа 2012, 22:05

Щепыч

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

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

Этот основной блок закреплен своей серединой ровно по середине экрана, как такое сделано я не понимаю. Нужно спросить у Слейда, может он подскажет…

Да и всей подвижности в блоке логотипа всего то около 5 пикселей…

# 26 августа 2012, 22:20

Derfas13

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

В топку короче. Полдня в пустую -_-"

# 5 ноября 2012, 18:19

Щепыч

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

Вот захотел я убрать строку левого меню «Подарки». Написал вроде все как надо:

#profile-menu li a[href="/profile/u51036/gifts"], #profile-menu li a[href="/profile/u51036/gifts"]+span {display:none;}

Строка и счетчик исчезают. Но вот пустое место от них остается. Хотя в описании свойства display:none написано, что все остальное становится так, будто скрытого элемента и не было.

http://htmlbook.ru/css/display

Что я сделал не так? Или это у них неверное описание?

При этом для блока Хроники и самой кнопки все работает нормально — соседние кнопки передвинулись, а пустое место от скрытого списка активности убралось.

# 5 ноября 2012, 18:54

Derfas13

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

Вероятоно LI остаётся висеть.

# 5 ноября 2012, 18:57

Щепыч

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

Да. Я уже допер. Но вот как это li выделить среди остальных? :nth-child() не помогает почему то. Или я не правильно записываю…

ul[class="my left-menu"]:nth-child(3) {
display:none;
}

Не работает. Как и 

#profile-menu:nth-child(3) {
display:none;
}

или

ul[id="profile-menu"]:nth-child(3) {
display:none;
}

# 5 ноября 2012, 18:59

Derfas13

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

Меня больше волнует, что за … творится в твоих подарках?

# 5 ноября 2012, 19:01

Щепыч

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

Это я сам. Для Слейда демонстрировал баг. Именно по этому и убираю этот пункт. Хотя ща попробую сами подарки скрыть.

Но с дочерними элементами так и не работает. Или li к ul не дочерний?

# 5 ноября 2012, 19:05

Щепыч

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

Скрыл подарки. Теперь нормально. Больше никто про это не спросит.

# 30 ноября 2012, 22:00

Щепыч

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

Что за хрень с ячейками таблиц?

Делал таблицы с одного шаблона. Все у них одинаковое. Но почему то у первой из них горизонтальные границы между ячейками не имеют двойной рамки — сливаются в одну (типа border-collapse:collapse), а в другой, точно также сделанной, эти горизонтальные рамки не объединены и получается рамка двойной толщины (типа border-collapse:separate).

На эти ячейки не действует ни свойство border-collapse:collapse/separate, ни border-spacing. Оно обозначается в Firebug как работающее в данный момент, но эффекта нет. Даже при добавлении !important.

Если лень на ссылки тыкать…

1354303329.png

Другой пример.

Здесь уже в таблице одна ячейка td отображается с нормальными границами, а вот следующая, абсолютно такая же, уже имеет двойную нижнюю рамку. Как и раньше вышеназванные свойства на них эффекта не оказывают.

Если лень на ссылки тыкать…

1354304607.png

В чем проблема и как это исправить я так и не понял. Кто то способен объяснить причины???

# 1 декабря 2012, 00:02

Derfas13

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

Хз. У меня вроде нормально в Фоксе показывает рамки эти.

1354312403.png

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

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