^

Сайт и форум / Оформление страниц. 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, 18:36

Derfas13

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

Если не затруднит, проверьте (и приложите скриншот) кто-нибудь с широким разрешением экрана, как расположена картинка ачивментов Стима у меня в профиле.

http://squarefaction.ru/profile/derfas13

Заранее спасибо.

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

BlindHawkEye

Lord клана Ретро геймеры 24 уровень
1725 сообщений
574 SFP

1345995389.png

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

Derfas13

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

Спасибо. 1280, как я понимаю, у тебя.

Что-нибудь пошире бы ещё.

# 26 августа 2012, 18:46

dameon

Devil Summoner 75 уровень
8595 сообщений
19930 SFP

http://quirktools.com/screenfly/

Хоть до усеру тестируй.

+5
# 26 августа 2012, 18:47

mass7537

Гражданский 38 уровень
252 сообщения
2850 SFP

1680x1050

1345994491.jpg

 

# 26 августа 2012, 18:49

Derfas13

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

Ок. Спасибо всем. Сдвигается зараза >_<

# 26 августа 2012, 19:14

Щепыч

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

@dameon писал:

http://quirktools.com/screenfly/

Хоть до усеру тестируй.

Охренительный сайт…

@Derfas13 писал:

Сдвигается зараза

Да там сдвиг то на несколько пикселей…

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

Derfas13

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

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

а там сдвиг то на несколько пикселей…

Ха Ха! И я его победил!

И спасибо тебе в очередной раз за #page-profile.

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

Щепыч

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

Эта картинка — является логотипом страницы (#bg-image)? Я б не додумался…

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

Derfas13

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

Нет. Всё-таки победить полностью не удалось… Недостатки всплыли.

И убрать их никак не выходит…

В Фоксе появилась пустота в самом низу страницы. И есть возможность прокрутить страницу направо, если зажать среднюю кнопку мыши…

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

Щепыч

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

@Derfas13 писал:

Нет. Всё-таки победить полностью не удалось… Недостатки всплыли.

Еще в оконном режиме… Но по моему не так важно насколько она отступает от всего остального в заголовке. Главное что она вверх и вниз не съезжает. А прокрутку можно убрать наверное указанием ширины для #bg-image.

1346005645.png

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

Derfas13

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

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

А прокрутку можно убрать наверное указанием ширины для #bg-image.

В том то и проблема, что ширина мне нужна 100%. Иначе не победить те пиксели при разных разрешениях.

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

Щепыч

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

@Derfas13 писал:

В том то и проблема, что ширина мне нужна 100%.

Дык у Слейда и так ширина этого блока во весь экран, а ты этот блок еще и сдвинул вправо на 160 пикселей, вот у тебя и прокручивается вправо. А ты укажи для блока ширину в 100%. Посмотришь, может получиться…

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

Derfas13

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

Вот короче…

#page-profile {
   position: relative;
   top: -45px;
   overflow-x: hidden;
}
#page-profile #background-image {
   background-image: url(http://steamachievementhunters.com/sig2-76561198026711023.png);
   background-position: 50% top;
   width: 100%;
   height: 45px;
   position: relative;
   top: 170px;
   left: 160px;
   z-index: 1;
}
# 26 августа 2012, 20:51

Щепыч

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

Значит надо сделать размер блока в ширину самого изображения из стима, а потом уже сам блок перемещать, куда следует.

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

Derfas13

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

Тогда его невозможно чётко закрепить на разных разрешениях экрана.

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

Щепыч

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

А вот у Слейда основной блок имеет отступы со всех сторон со значением auto, что будет если такие значения и блоку с логотипом дать?

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

Derfas13

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

Отступы то тут при чём? И ничего не даёт.

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

Щепыч

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

Уж проще тогда margin-left, чем border…

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

Derfas13

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

Я уже всё перепробовал.

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

Щепыч

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

Ну вот для основного main блока у слейда параметры left, right и т.д имеют значения auto, может, говорю, и для #bg-image такие значения его по центру закрепят…

1346006190.png

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

Derfas13

The Archivist 45 уровень
3278 сообщений
5299 SFP
   left: auto;
   right: auto;
   padding-left: 100px;

Ничего нового…

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

Derfas13

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

Избавился от позишен релатив хотя бы. Не понятно, зачем оно мне надо было xD

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

Щепыч

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

Попробуй отключить position:relative, и попробовать выровнять как нибудь иначе…

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

Derfas13

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

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

попробовать выровнять как нибудь иначе…

Как -_-"

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

Щепыч

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

Маргин и паддинг, да и твой бордер тоже…

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

Derfas13

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

Та же фигня.

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

Щепыч

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

Все же. Попробуй сделать ширину блока равной ширине картинки. А потом уже позишн релатив и ровнять в процентах от экрана…

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

Derfas13

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

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

Все же. Попробуй сделать ширину блока равной ширине картинки. А потом уже позишн релатив и ровнять в процентах от экрана…

Результат этого ты наблюдал в самом начале этого разговора.

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

Щепыч

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

Еще я увидел, что у Слейда оно изначально равно Абсолют, значит без релатива просто поставить лефт равно 50% или сколько там. 

И замечу в самом начале у тебя самый лучший вариант был.

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

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