^

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

Щепыч

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

А он просто не сдвинет блок?

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

Щепыч

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

Ну тогда еще одно. 

Можно ли задавать значения для блока с несколькими конкретными классами?

Вот я хочу дать свойства блоку с классами Span-1 и append-2 (т.е. <div class="span-1 append-2">) Но не хочу, чтобы эти свойства были для тегов с только одним из этих классов ( напр. <p class="span-1"> <h1 class="append-2">). Могу ли я как то записать такое выражение в CSS, чтобы оно затрагивало только необходимый мне блок?

Типа логического «И»?

Например div.span-1+append-2 {…} или что то вроде этого…

# 30 апреля 2012, 23:50

CJ Slade

Основатель 32 уровень
683 сообщения
2461 SFP
div.span-1.append-2
# 9 июня 2012, 20:20

Щепыч

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

Можно ли для заднего фона одного объекта вставить несколько изображений?

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

# 9 июня 2012, 20:24

Derfas13

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

А не проще ли два этих изображения в одно слепить?

# 9 июня 2012, 20:31

Щепыч

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

У них обоих надо масштаб менять. Да и не в том суть. Мне надо именно два разных изображения на фон налепить.

Но я нашел уже что то по этому поводу. Общее для заднего фона:

background: url(…) fixed #ffffff right top, url(…) left top;

Через запятую, короче. Только о размере там почему то не упоминается…

# 9 июня 2012, 20:45

Щепыч

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

… Но у меня это общее свойство background  вообще не работает. Даже с одним изображением.

# 9 июня 2012, 20:49

Derfas13

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

Ну, наверное, потому что там только такое:

body {background-image:none;background-color:#ffffff;}
#background-image  {background-image:url(/files/game/27/layer.jpg);}
#background-image {width: 100%;height: 229px; background-position: 50% 0 }
#header-container  { background-image: none;}
# 9 июня 2012, 21:20

Щепыч

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

@Derfas13 писал:

Ну, наверное, потому что там только такое:

Я не понял, чего это ты написал? Если ты о какой то игре, то я пытаюсь изменить Metal slug 1, Vagastor'a.

Там другое.

#background-image {
background-position: right 30px;
Background-size:26%;
}
body {
background-size:35%;
background-position:left 30px;
background-attachment:fixed; }

А изображения загружены в соответствующем разделе.

А вот такая штука не работает:

body {

background: url(http://squarefaction.ru/files/game/2483/gallery/67e274d870dafba355dfc7716ab08c98.jpg) fixed right 20px, url(http://squarefaction.ru/files/game/2483/gallery/c6a2e5751e3ad15a820b720db47bf84f.jpg) fixed left 20px;

}

Как и не работает любое другое сочетание свойств background.

# 9 июня 2012, 21:47

Tangro

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

Попробуй в кавычки возьми параметры)

background: url('http://squarefaction.ru/files/game/2483/gallery/67e274d870dafba355dfc7716ab08c98.jpg') fixed right 20px, url('http://squarefaction.ru/files/game/2483/gallery/c6a2e5751e3ad15a820b720db47bf84f.jpg') fixed left 20px;

# 9 июня 2012, 21:50

Щепыч

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

Само url пробовал — не работает. Но я говорю, там не только url, там вообще любое свойство не работает, хоть положение, хоть фиксация, хоть повторение. Т.е background совсем не работает.

# 9 июня 2012, 21:55

Tangro

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

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

# 9 июня 2012, 21:59

Щепыч

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

http://squarefaction.ru/game/metal-slug

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

Фон.

Логотип

background как бы вообще нигде не работает, а не только на этой странице игры.

Да и опять же, если оно и заработает, останется проблема с изменением размеров этих двух изображений. А size в этом общем background не упоминается, да и записывается так же, как и position, значит через него нельзя изменить размер этих изображений. А как по отдельности это сделать — непонятно.

# 9 июня 2012, 22:05

Tangro

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

Гм… у меня все работает…

1339268112.png

# 9 июня 2012, 22:11

Щепыч

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

Странно…

Дай полный твой CSS для этого. Может я неправильно записывал.

И еще

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

Да и опять же, если оно и заработает, останется проблема с изменением размеров этих двух изображений. А size в этом общем background не упоминается, да и записывается так же, как и position, значит через него нельзя изменить размер этих изображений. А как по отдельности это сделать — непонятно.
# 9 июня 2012, 22:23

Tangro

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

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

body {

background: url('http://squarefaction.ru/files/game/2483/gallery/67e274d870dafba355dfc7716ab08c98.jpg') right top, url('http://squarefaction.ru/files/game/2483/gallery/c6a2e5751e3ad15a820b720db47bf84f.jpg') left top;

background-size: 40%;

}

# 9 июня 2012, 22:25

Щепыч

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

@Tangro писал:

background-size: 40%;

Дык это разве не обе уменьшит до 40%. Тут же нет конкретизации какую изменять в размере.

Да и не работает у меня это свойство. Или там обязательны одинарные кавычки ' ? Их я не пробовал.

# 9 июня 2012, 22:28

Tangro

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

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

@Tangro писал:

background-size: 40%;

Дык это разве не обе уменьшит до 40%. Тут же нет конкретизации какую изменять в размере.

Да и не работает у меня это свойство. Или там обязательны одинарные кавычки ' ? Их я не пробовал.

Да, затронет обе картинки. Какой у тебя браузер? Кавычки ставить не обязательно, я сейчас проверил.

Чтобы регулировать размер обеих картинок по отдельности, перечисли параметры через запятую:

background-size: 30%, 70%;

+10
# 9 июня 2012, 22:31

Щепыч

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

Хром и эксплорер. В обоих не работает. Ну сейчас еще раз попробую…

# 9 июня 2012, 22:39

Щепыч

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

Заработало. Значит я  что то не так записывал. Спасибо.

# 29 июня 2012, 23:21

Щепыч

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

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

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

Т.е. у меня есть никак не отображающийся тег<area> c определенным атрибутом alt. У меня есть невидимый (display:none) тег Img.

Мне нужно чтобы при наведении на конкретный тег <area> с определенным атрибутом alt="firstimg", тег img class="firstimg" с соответствующим данной зоне area изображением становился видимым (display:block).

Типа так:

area[alt="firstimg"]:hover --> блок img.firstimg {display:block;}

# 29 июня 2012, 23:24

Derfas13

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

Реально через CSS, только если второй объект — потомок первого. Иначе только через JS.

Например:

div a:hover span {}

# 29 июня 2012, 23:28

Щепыч

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

@Derfas13 писал:

Иначе только через JS.

А у нас он разве работает? Или его просто также через CSS записывать надо?

@Derfas13 писал:

Реально через CSS, только если второй объект — потомок первого.

В том то и дело, что к area  никакого потомка или сестринского/дочернего элемента не сделаешь, кроме такого же area. Иначе я бы сделал на подобие указателя в меню игры.

# 29 июня 2012, 23:28

Derfas13

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

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

А у нас он разве работает?

Нет конечно.

# 22 июля 2012, 21:41

Щепыч

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

Как вот такой Id="page-publications articles" написать в CSS, чтоб работало?

Отдельно page-publications или articles не работают. Если не указывать страницу публикаций, то все работает, но тогда свойства применяются к такому же блоку div#tabs на главной странице пользователя.

# 22 июля 2012, 21:50

Derfas13

The Archivist 45 уровень
3278 сообщений
5299 SFP
#page-publications #articles {

}

По идее. Хотя чёрт его знает.

# 22 июля 2012, 21:55

Щепыч

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

@Derfas13 писал:

#page-publications #articles { }

Нет. Не работает. Может Слейд по ошибке через пробел написал?

# 22 июля 2012, 21:57

CJ Slade

Основатель 32 уровень
683 сообщения
2461 SFP

Оставил только articles

# 22 июля 2012, 22:00

Щепыч

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

Дык это ошибка была или можно id с пробелом как то в CSS обозначить?

@CJ Slade писал:

Оставил только articles

А оно больше ни на каких страницах не повторяется?

По мне так page-publications больше соответствует странице публикации…

# 22 июля 2012, 22:15

CJ Slade

Основатель 32 уровень
683 сообщения
2461 SFP

пусть будет publications

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

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