^

Сайт и форум / Оформление страниц. 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
...
# 11 июля 2010, 15:13

dameon

Devil Summoner 75 уровень
8595 сообщений
19930 SFP
Проверил спрятать под спойлер выделенную таблицу и запихнуть код таблицы под спойлер - ничего. Зато хорошо прячется содержимое ячейки. Возможно, это тебе и нужно, если у тебя просто текст колонками без границ таблицы.
# 13 июля 2010, 01:23

dameon

Devil Summoner 75 уровень
8595 сообщений
19930 SFP
Черновик, оставленный не в своей игре будет виден ее хранителю или нет?
Причем, хотелось бы чтобы был виден — типа, совместное редактирование и работа над игрой.
# 13 июля 2010, 09:51

CJ Slade

Основатель 32 уровень
683 сообщения
2461 SFP
@dameon писал:
Черновик, оставленный не в своей игре будет виден ее хранителю или нет?
Причем, хотелось бы чтобы был виден — типа, совместное редактирование и работа над игрой.
не будет виден
# 13 июля 2010, 20:40

Cypher

Гражданский 24 уровень
2169 сообщений
1748 SFP
CJ Slade, прокомментируй, плиз, мой последний пост (предыдущая страница) про «спаны»)). Уж очень заумный синтаксис спойлера получается… Так все и должно быть?
# 13 июля 2010, 20:56

dameon

Devil Summoner 75 уровень
8595 сообщений
19930 SFP
Мне тоже можно прокомментировать?) 


Выделил текст, нажал на спойлер — получил текст под надписью «Спойлер». 

Твой текст — это его код в html. Его плюс, что можно поменять название «спойлер» на что-нибудь другое. Код виден, если выключить редактор.

# 14 июля 2010, 17:03

Derfas13

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

Как обращаться к этим двум элементам, когда они в активном, и когда в неактивном состоянии?

1279112477.png

Хотелось бы цвета поменять…

# 14 июля 2010, 17:04

Cypher

Гражданский 24 уровень
2169 сообщений
1748 SFP
Фига )))
На спойлер оказывается есть кнопка в редакторе xDD
А я из исходного кода страницы код спойлера восстанавливал )))
Сейчас сравнил, вроде бы все правильно изложил ))
Буду пользоваться. ))
# 14 июля 2010, 17:26

dameon

Devil Summoner 75 уровень
8595 сообщений
19930 SFP
@Derfas13 писал:

Как обращаться к этим двум элементам, когда они в активном, и когда в неактивном состоянии?

1279112477.png

Хотелось бы цвета поменять…

Дарю.


ul.tools-tabs a.current {}


# 14 июля 2010, 17:33

Derfas13

The Archivist 45 уровень
3278 сообщений
5299 SFP
@dameon писал:

Дарю.


ul.tools-tabs a.current {}

Ошибаетесь, такое не работает…

@upd: Точнее работает, но неполностью…
# 14 июля 2010, 17:38

dameon

Devil Summoner 75 уровень
8595 сообщений
19930 SFP
Ну, смотря, что с этим делать потом.

Цвет поменять

ul.tools-tabs a.current {
background-color: #FFCC99;
}
# 14 июля 2010, 17:43

Derfas13

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

Вот как раз так — точно не работает.

Цвет меняется только когда написано просто «background: #c01b17;»

Но не удаётся поменять цвет текста, «color: #ffffff;» не фурычит.

# 14 июля 2010, 17:49

dameon

Devil Summoner 75 уровень
8595 сообщений
19930 SFP
Ну да, страница криво загрузилась с бэкграунд-колор…

Ну, а цвет менять.

ul.tools-tabs a.current span{
color: red;
}
+8
# 14 июля 2010, 17:55

Derfas13

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

Отлично, спасибо =)

# 14 июля 2010, 17:58

dameon

Devil Summoner 75 уровень
8595 сообщений
19930 SFP
Самый прикол, что пару дней назад я пытался сделать то же самое, и у меня почему-то не работало. А сейчас пошло...
# 14 июля 2010, 18:13

Derfas13

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

Но всё равно осталась проблема…

Так текст при наведении выглядит? когда навожу на сам текст:

1279116703.png

Но вот так вот, когда навожу только на кнопку =(

1279116710.png

И кстати, можно ли как-нибудь изменить цвет полоски, которая под этими кнопками?

# 14 июля 2010, 18:19

dameon

Devil Summoner 75 уровень
8595 сообщений
19930 SFP
У тебя, во-первых изменен задний фон у невыделенной вкладки тоже, во вторых задана конструкция при наведении изменять цвет. Посмотри, где и что, где-то лишнее что-то. Я сейчас ухожу, если не получится, вечером посмотрим по коду.
# 14 июля 2010, 18:23

Derfas13

The Archivist 45 уровень
3278 сообщений
5299 SFP
@Derfas13 писал:

И кстати, можно ли как-нибудь изменить цвет полоски, которая под этими кнопками?

ul.tools-tabs {
   border-bottom: #720108 1px solid
}
# 14 июля 2010, 18:36

Derfas13

The Archivist 45 уровень
3278 сообщений
5299 SFP
@dameon писал:

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

Там всё из-за того, что текст в этом тупом span'е…

И поскольку цвет текста можно поменять только через:

ul.tools-tabs a span:hover {
   color: #ffffff;
}

При наведении на область, где нет текста, меняется только цвет фона…

ul.tools-tabs a:hover {
   background: #c01b17;
}

А как это соединить, я понятия не имею…


Однако, без вмешательства css, текст меняет свой цвет, даже когда наводишь на пустую область.

# 14 июля 2010, 18:49

CJ Slade

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

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

Там всё из-за того, что текст в этом тупом span'е…

И поскольку цвет текста можно поменять только через:

ul.tools-tabs a span:hover {
   color: #ffffff;
}

При наведении на область, где нет текста, меняется только цвет фона…

ul.tools-tabs a:hover {
   background: #c01b17;
}

А как это соединить, я понятия не имею…


Однако, без вмешательства css, текст меняет свой цвет, даже когда наводишь на пустую область.

:hover вешается только на a

ul.tools-tabs a:hover { color: #ffffff; background: #c01b17; }  

# 14 июля 2010, 18:55

Derfas13

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

Проблему решает вот такая вот бешеная конструкция:

ul.tools-tabs a:hover {
   background: #c01b17;
}
ul.tools-tabs a:hover span {
   background: #c01b17;
   color: #ffffff;
}


@upd CJ, твой вариант не сработает…

Отредактировано 14 июля 2010, 23:13
# 19 июля 2010, 02:06

Cypher

Гражданский 24 уровень
2169 сообщений
1748 SFP
Вопрос 1: теги к статьям приписываем чтобы они были более понятны людям и при поиске по сайту, или чтобы их лучше схватывали поисковики? ))))

Вопрос 2: блин… забыл))))))
+10
# 19 июля 2010, 02:15

Cypher

Гражданский 24 уровень
2169 сообщений
1748 SFP
@dameon писал:
Проверил спрятать под спойлер выделенную таблицу и запихнуть код таблицы под спойлер — ничего. Зато хорошо прячется содержимое ячейки. Возможно, это тебе и нужно, если у тебя просто текст колонками без границ таблицы.

В том то и дело, что если колонки, то их две и более и представляют они единый текст. Их бы и хотелось спрятать. Собсна делаю это в разделе саундтрека хороший пример), но сделал бы еще нмого где.

После обложек, описания и т.д. идет трек лист:
Первый столбец названия песен, второй их продолжительность. Разумно их одновременно выбрасывать из под спойлера. Но спойлеры не работают как только видят любой тег типа тр, тд и т.д.))

Хотелось бы либо ввод текста колонками, либо таблицы под спойлер))
# 19 июля 2010, 02:39

dameon

Devil Summoner 75 уровень
8595 сообщений
19930 SFP
Да оставляй ты все так, я пока главную прокручиваю до низа, палец вывихиваю, а информацию в статьях можно и всю проглядеть, без скрывания. Полезно будет. 
# 19 июля 2010, 02:52

Cypher

Гражданский 24 уровень
2169 сообщений
1748 SFP
Когда заходишь в раздел статьи содержимое последних сплющивается из-за аватара публикатора. Если много миниатюр-картинок, получаются смешные лестницы :). Если их много, то чтобы добратся до последих так же можжно вывихнуть палец))


# 19 июля 2010, 21:30

Cypher

Гражданский 24 уровень
2169 сообщений
1748 SFP
Что касается додзинси, я решил ограничится некликабельными миниатюрами в статьей и не выкладывать ничего в галерею. Только в раздел с ссылками добавлю информацию где их при желании можно скачать. Покатит? )))
# 19 июля 2010, 22:37

CJ Slade

Основатель 32 уровень
683 сообщения
2461 SFP
Да можешь и полноформатные выкладывать. Там в архивах финалок хентай выкладывался даже.
Отредактировано 19 июля 2010, 22:55
# 19 июля 2010, 22:41

dameon

Devil Summoner 75 уровень
8595 сообщений
19930 SFP
В слове «поноформатные» буква л или р пропущена?)


То есть можно выкладывать хентай в галерею?

# 19 июля 2010, 22:55

CJ Slade

Основатель 32 уровень
683 сообщения
2461 SFP
пофиксил)
# 21 июля 2010, 13:45

Cypher

Гражданский 24 уровень
2169 сообщений
1748 SFP
@CJ Slade писал:
@Cypher писал:
Сейчас попробую. И border-то никак не убрать из таблицы?

<table class="no-borders" width="300">

<tr>

  <td width="100">111</td>

  <td width="200">222</td>

</tr>

<table>
В первой строке 300, я так думаю это ширина всей таблици, но как ни крути, какую таблицу не делай, её растягивает на всю ширину страницы.
# 21 июля 2010, 15:35

Cypher

Гражданский 24 уровень
2169 сообщений
1748 SFP
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст ТекстТекст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст ТекстТекст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст ТекстТекст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст ТекстТекст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст ТекстТекст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст photo-2.jpg

Код:

<table>
<tr>
<td>
кст Текст Текст Текст Текст Текст Текст Текст Текст Текст
</td>

<td>
<img src="http://www.wazaari.jp/sasadango/image/photo-2.jpg">
</td>
</tr>
</table>

Пробовал присвоить valign к ячейке таблице — походу запрещенный тег.
Пробовал в ЦСС:
p.cypher_align
{ vertical-align: top; }
и применял к содержимому ячейки, где текст — не работает (мож не туда применял)?


другая версия (с добавление бр перед картинкой):

Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст ТекстТекст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст ТекстТекст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст ТекстТекст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст ТекстТекст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст ТекстТекст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
photo-2.jpg
код:
<table>
<tr>
<td>Текст Текст Текст
</td>

<td>
<br>
<img src="http://www.wazaari.jp/sasadango/image/photo-2.jpg">
</td>
</tr>
</table>


очень бы хотелось чтобы все выглядело так и без <br> ))


UPD:
так!!
в первой версии таблице должен был быть косяк!!!! ))))

В статьях, а так же в визуальном редакторее сообщений тот же самый код (первый в моем сообщении) выглядит вот так:
1279712279.JPG
Отредактировано 21 июля 2010, 15:40
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

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