^

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

AlexLAN

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

#41A0B8 — вот это попробуй убрать и еще padding-left: 10px; добавь и регулируй отступ по картинке

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

Engeri

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

Цвет потом сразу убрал, фон прозрачный, но вот выравнивание не помогло — в место из под старой кнопки влезает только часть равняясь по левой стороне и верху =_=

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

AlexLAN

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

тут надо отступ задать тогда еще и правый padding-right (отступ от надписи до края кнопки) и делай его равным левому.

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

AlexLAN

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

Кстати, хочу тебя обрадовать, у кнопок ширина зависит от длины надписи, следовательно фиксированными по ширине их не сделать и фон будет криво отображаться

# 29 декабря 2012, 00:01

Kiro Kuro

Гражданский 11 уровень
216 сообщений
61 SFP

Энжи, пишешь:

.tools-tabs-2 {
height: 38px;
}

.tools-tabs-2 a.current {
width: 125px;
height: 38px;
}

# 29 декабря 2012, 00:05

AlexLAN

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

@Kiro Kuro писал:

width: 125px;

Ну если уж это писать то еще надо выравнивание текста по середине text-align: center; и одна кнопочка пропадет)

# 29 декабря 2012, 00:12

Kiro Kuro

Гражданский 11 уровень
216 сообщений
61 SFP

Я так понимаю, нужно что-то типа этого?

1356727157.jpg

# 29 декабря 2012, 00:21

Engeri

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

@Kiro Kuro писал:

Я так понимаю, нужно что-то типа этого?

Да, но только текст по середке ^_^ 

С кодом сейчас попробую.

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

AlexLAN

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

Ладно, я сваливаю на сегодня поэтому напишу пачкой.

Если делать как предложил Kiro Kuro то одна кнопка свалиться, можно сделать меньше по размерам, тогда будут скрываться/сваливаться счетчики. 

Чтобы кнопка помещалась целиком по высоте прописываем height, выравнивание надписи по высоте можно сделать padding-top или line-height. Отступ между кнопками задается как margin: Y X (сверху и снизу ну и Х соответственно по бокам, мог и перепутать их ^_^)

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

Kiro Kuro

Гражданский 11 уровень
216 сообщений
61 SFP

@Engeri писал:

Да, но только текст по середке ^_^ 

Так он и по серёдке же О_о

@AlexLAN писал:

Если делать как предложил Kiro Kuro то одна кнопка свалиться

Нет О_о Всё зависит от интерактивной области, которая регулируется шириной (width) и высотой (height). Если в этим параметрам дать одинаковые значения для активных и неактивных кнопок, то всё будет чотко. 

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

Engeri

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

Благодарствую, сейчас буду пробовать ^_^

# 29 декабря 2012, 00:32

Kiro Kuro

Гражданский 11 уровень
216 сообщений
61 SFP

Энжи, дизайнить лучше через Хром. Там есть специальная и понятная консолька для таких дел.

# 29 декабря 2012, 19:26

Щепыч

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

А нафига указывать размер блока, если можно указать размер фона? Сделать background-size:100% 100%; и все. кристалл сам по кнопке распределится, относительно размера записи…

# 29 декабря 2012, 19:27

Kiro Kuro

Гражданский 11 уровень
216 сообщений
61 SFP

А нафига указывать размер фона, если можно указать размер блока?

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

Derfas13

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

Проще кристалл нарисовать нужного размера ^^

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

Щепыч

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

@Kiro Kuro писал:

А нафига указывать размер фона, если можно указать размер блока?

Как ты мог заметить из своей картинки цифра в счетчике третьей кнопки уехала на

вторую строку из за того, что размер блока был меньше длины текста.

Если же указывать размер фона то он сам станет с такой длиной, которая необходима, что бы весь текст вошел в одну строку.

@Derfas13 писал:

Проще кристалл нарисовать нужного размера

Для каждой кнопки придется делать отдельное изображение.

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

AlexLAN

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

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

Если же указывать размер фона то он сам станет с такой длиной, которая необходима, что бы весь текст вошел в одну строку.

Тогда о пропорция можно забыть

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

Для каждой кнопки придется делать отдельное изображение.

Но ведь оформление кнопок задано один классом, а не разными.

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

Щепыч

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

@AlexLAN писал:

Тогда о пропорция можно забыть

Ну толщина у всех блоков одинаковая — высоту вообще можно auto сделать (она тем более у всех равна), да и сомневаюсь, что изменение пропорций сильно повлияет на результат.

@AlexLAN писал:

Но ведь оформление кнопок задано один классом, а не разными.

Можно использовать :nth-child()…

+10
# 29 декабря 2012, 20:18

AlexLAN

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

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

толщина у всех блоков

Трехмерное пространство в CSS)

С высотой понятно, она одинакова будет, просто по ширине немного сожмется или растянется.

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

Можно использовать :nth-child()…

В принципе вариант

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

Kiro Kuro

Гражданский 11 уровень
216 сообщений
61 SFP

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

Если же указывать размер фона то он сам станет с такой длиной, которая необходима, что бы весь текст вошел в одну строку.

Такой метод не подходит в данном случае, так как у фона есть изображение, которое имеет определённые размеры. Если не определять абсолютный размер кнопок, то размеры фонового изображения у каждой из них будут свои, что на мой взгляд выглядело бы нелепо.

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

Щепыч

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

@AlexLAN писал:

просто по ширине немного сожмется или растянется.

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

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

AlexLAN

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

Ну сейчас проверим)

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

Щепыч

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

@Kiro Kuro писал:

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

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

НУ и если совсем извратится, то можно просто сделать три картинки: левого и правого края кристалла, и самой середины. Края выровнять по левому и правому краю, а центральную часть расположить по середине и дать ей размер этак в 80%. Должно получится.

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

AlexLAN

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

Результат у меня на странице

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

Kiro Kuro

Гражданский 11 уровень
216 сообщений
61 SFP

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

Да. Но и кнопки имеют разный размер.

Именно поэтому они были подогнаны под один и тот же размер ;)

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

Что в этом нелепого?

Вид. Если бы фон не коверкало, было бы лучше. А так…

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

Щепыч

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

@AlexLAN писал:

результат у меня на странице

Да, не то что надо. И высота не поможет. Ну а если

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

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

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

AlexLAN

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

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

Можно использовать :nth-child()…

Если в случае «.tools-tabs-2 a» все будет работать хорошо, то как быть с active? у него уже прописан фон

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

Щепыч

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

@AlexLAN писал:

то как быть с active? у него уже прописан фон

В смысле затемненный вариант при наведении мыши на кнопку? А разве добавление в список блоков их же, но с :active не поможет?

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

AlexLAN

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

.tools-tabs-2 a:nth-child(1):active — я надеюсь ты не это имеешь ввиду?

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

Щепыч

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

Что то вроде…

Не работает такое?

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

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