^

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

Tangro

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

Эээ… CJ Slade, я прошу прощения за беспокойство. Я нашел способ получше и попроще)

# 16 сентября 2011, 20:44

Cloud_Strife21

Великий Dракон клана Dark Moon Dragons 62 уровень
205 сообщений
5304 SFP

Здравствуйте) Требуется помощь на счет оформления. Надеюсь, кто-нибудь сможет помочь))
В общем вот проблема:

.left-menu .head-bar, .menu .head-bar {
background: url(«/files/user/47619/storage/1315772932.JPG») repeat-x scroll 0 0 #41A0B8;
height: auto;
margin: 0 0 10px;
padding: 10px 12px;
}


.left-menu .head-bar, .menu .head-bar {
background: url(«/files/user/47619/storage/1315772932.JPG») repeat-x scroll 0 0 #41A0B8;
height: auto;
margin: 0 0 10px;
padding: 10px 12px;
}

Указанный элемент в разных пунктах меню выглядит по разному, а именно размерами они отличаются, хотя коды их совершенно совпадают
В пунктах меню «Прогресс, Публикации, Файлы» указанный элемент выглядит больше, чем в пунктах «Друзья, Любимые игры, Пройденные игры, Достижения, Подарки»

# 16 сентября 2011, 20:46

Derfas13

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

Не твоя вина. Исправляемо конечно через css, но надо исправить в корне. Давно пинаю CJ…

http://sf3.reformal.ru/proj/?ia=200802

# 16 сентября 2011, 20:48

Derfas13

The Archivist 45 уровень
3278 сообщений
5299 SFP
.head-bar a {
line-height: 20px;
font-family: Tahoma;
font-size: 1.2em;
}

У меня вот так исправляло.

# 17 сентября 2011, 12:38

Derfas13

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

Хех, CJ сразу исправил. Клауд, может ещё на что-нибудь пожалуешься, глядишь так весь реформал быстренько отчистим )))

+25
# 22 сентября 2011, 16:50

Tangro

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

Куда-то исчезла левая кнопка для листания галереи на главной странице игры. Появляется только при достижении конца альбома, но тогда исчезает уже правая.

P.S. Это на всех разделах, мои оформления тут не при чем^^

+27
# 22 сентября 2011, 20:29

Cloud_Strife21

Великий Dракон клана Dark Moon Dragons 62 уровень
205 сообщений
5304 SFP

@Derfas13 писал:

Хех, CJ сразу исправил. Клауд, может ещё на что-нибудь пожалуешься, глядишь так весь реформал быстренько отчистим )))

Ты мне в личку пши, о чем жаловаться)))))))

# 29 октября 2011, 10:32

Tangro

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

Не работает выпадающее меню рядом с именем пользователя-хранителя в разделе игры:

P.S. Не нашел в какой теме писать об ошибках сайта, потому пишу сюда^^

# 29 октября 2011, 12:18

Derfas13

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

Потому что его просто не должно быть. Они были убраны не так давно, а там осталось. В реформале давно висит…

# 1 декабря 2011, 23:33

Odin

Гражданский 65 уровень
7993 сообщения
3504 SFP

Как опустить логотип ниже? http://squarefaction.ru/game/sonic-generation?builder=on

# 2 декабря 2011, 01:16

Derfas13

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

Ну проще всего — добавить сверху что-либо к нему напрямую.

Ну а так:

#background-image {
   margin-top: 46px;
}
# 2 декабря 2011, 02:45

Odin

Гражданский 65 уровень
7993 сообщения
3504 SFP

Да, так лучше. Спасибо.

# 21 января 2012, 19:45

† Neva †

Онидзука клана Ктулху и прочие няшки :3 19 уровень
1945 сообщений
263 SFP

Возможно ли будет заменить белый фон под инфо,в профиле?

Желательно текстурно конечно,а не прост заливкой =_=…

Этот

1327163472.png

# 21 января 2012, 20:43

Derfas13

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

@† Neva † писал:

Возможно ли будет заменить белый фон под инфо,в профиле?
.layout-content {
   background-image: url(/files/user/1744/layout/background3842.jpg);
}
# 11 марта 2012, 20:58

Щепыч

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

Как объединять классы в CSS? То есть: есть тег DIV с несколькими классами, которые по отдельности присутствуют в других тегах. Как мне выделить именно этот тег не затрагивая другие?

Вот:

div class="span-8 append-2" 

в CSS пишу .span-8, .append-2 {что то там} 

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

А как сделать, чтобы действовало только для тега имеющего все эти классы вместе?

Без запятой — не действует,  плюсом — тоже, & — нет.

Как же оно делается?

И еще не получается изменять ширину и высоту Div.

# 11 марта 2012, 21:11

Derfas13

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

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

как сделать, чтобы действовало только для тега имеющего все эти классы вместе?

Очень сомневаюсь, что так можно.

# 11 марта 2012, 22:00

Щепыч

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

@Derfas13 писал:

Очень сомневаюсь, что так можно.

Это я кое как выделил. Там нормально.

Но остается вопрос об изменении размера Div. А то у меня не влезает рамка и отступ содержимого от края. (Все съезжает вниз, если их добавить…)

У меня с этим проблемы в разделе комментариев и левом меню.  Если туда добавляю padding или border, то все съезжает вниз из за нехватки места.

# 12 марта 2012, 00:19

Derfas13

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

Попробуй «!important», может поможет. Либо к чему-то не тому прикручивать пытаешься. Там бывают запутанные блоки.

# 12 марта 2012, 21:19

Щепыч

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

1331575206.png

Кнопка не хочет поддаваться смещению. Пробовал margin всякого вида — не помогает.

Вот HTML:

1331574073.png

Возможно потому что она не расположена ни в одном другом теге типа div, p или h.

# 12 марта 2012, 21:21

Derfas13

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

Попробуй:

   position: relative;
   top: -111px;
   left: 111px;
# 12 марта 2012, 21:24

Щепыч

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

Так и записать? 

div.layout-content div.span-37 a.button {

position: relative;

top: -111px;

left: 111px;

}

Так или нет?

# 12 марта 2012, 21:31

Derfas13

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

Первый div вроде не обязательно ставить. Ну и цифры свои естественно подбирай.

И ещё вот так можно попробовать:

#layout-wrapper div.span-37 a.button

# 12 марта 2012, 21:40

Щепыч

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

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

Но сейчас все хорошо выглядит. Твой совет помог.

# 12 марта 2012, 21:44

Derfas13

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

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

# 12 марта 2012, 22:02

Щепыч

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

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

А я подняв кнопку, еще и этот блок поднял ближе к заголовку. По этому при выходе с сайта, на странице публикаций нижний блок наезжает на заголовок. Пришлось убрать его смещение. Стала дыра, но оно не критично.

# 30 апреля 2012, 21:46

Щепыч

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

Можно ли указывать относительные размеры ширины или высоты объекта? Типа 120% или 50% от его стандартного размера.

А то у меня в пикселях ставиться размер, но если объем содержимого блока увеличится, то оно вылезает за границу объекта. А в процентах при любом значении рамка имеет размет в 100%. (Даже если поставлено в 15%)

# 30 апреля 2012, 22:05

CJ Slade

Основатель 32 уровень
683 сообщения
2461 SFP
Будет работать только если находится в контейнере с фиксированной высотой.
# 30 апреля 2012, 22:09

Щепыч

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

Ну я для высоты и пытался указать, что бы она была относительной. Так как в обьекте текст может изменится по объему. (ul.left-menu) Ширина там везде постоянная. 

Но она не указывается в процентах. Любое значение высоты в процентах дает эффект значения в 100%.  (при значении больше 100, меньше — работает)

# 30 апреля 2012, 22:12

Щепыч

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

А вот такой размер будет работать? В выражении. Например, height:100%-20px;.

(В смысле, сместил я в левом меню весть текст вверх на 20 пикселей, и мне надо чтоб теперь при любом объеме рамка была меньше нормы на эти 20 пикселей.)

# 30 апреля 2012, 22:14

CJ Slade

Основатель 32 уровень
683 сообщения
2461 SFP
Не будет. Поиграйся с отрицательным margin может добьешься нужного поведения
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

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