^

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

Cypher

Гражданский 24 уровень
2169 сообщений
1748 SFP
А как сделать надстрочный шрифт, что бы можно была степень числа написать, например?

Пробовал:
CSS:
p.cypher_super
{
vertical-align: super;
}

В тексте:
12<p class="cypher_super">2</p>=144

В итоге все что в теге <p> просто перебрасывается на новую строчку.
# 7 августа 2010, 11:00

CJ Slade

Основатель 32 уровень
683 сообщения
2461 SFP
@Cypher писал:
А как сделать надстрочный шрифт, что бы можно была степень числа написать, например?

Пробовал:
CSS:
p.cypher_super
{
vertical-align: super;
}

В тексте:
12<p class="cypher_super">2</p>=144

В итоге все что в теге <p> просто перебрасывается на новую строчку.
vertical-align: sup;
# 9 августа 2010, 16:06

Cypher

Гражданский 24 уровень
2169 сообщений
1748 SFP
Как присвоить тень картинке так, чтобы только ей, а не как тут :)

На этой странице:
В CSS:
p.cypher_shadow
{ -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); }
В коде:
<p align="center" class="cypher_shadow"><img src="http://img375.imageshack.us/img375/5214/snessmall.jpg" alt="SNES Control"></p>
<p align="center" class="cypher_shadow"><img src="http://img825.imageshack.us/img825/9460/segasmall.jpg" alt="Sega Control"></p>
<p align="center" class="cypher_shadow"><img src="http://img294.imageshack.us/img294/7536/gbsmall.jpg" alt="GBA Control"></p>
# 9 августа 2010, 16:27

CJ Slade

Основатель 32 уровень
683 сообщения
2461 SFP
p.cypher_shadow img
# 9 августа 2010, 16:28

Cypher

Гражданский 24 уровень
2169 сообщений
1748 SFP
Кстати, по всей видимости из-за этой статьи уехала страница блогов на главной. Что лучше сделатьс этим? )
# 9 августа 2010, 16:34

dameon

Devil Summoner 75 уровень
8595 сообщений
19930 SFP
Как минимум, уменьши картинку.

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

# 9 августа 2010, 16:40

CJ Slade

Основатель 32 уровень
683 сообщения
2461 SFP
@Cypher писал:
Кстати, по всей видимости из-за этой статьи уехала страница блогов на главной. Что лучше сделатьс этим? )
Выложи их под кат
# 9 августа 2010, 16:56

Cypher

Гражданский 24 уровень
2169 сообщений
1748 SFP
Убрал все под кат )))
Получается, что все записи полюбому будут улетать на главную страницу?
# 9 августа 2010, 16:59

dameon

Devil Summoner 75 уровень
8595 сообщений
19930 SFP
Если я правильно понял, то отменили опцию «Не отображать на главной». Впрочем теперь все статьи не находятся вперемешку, так что это нормально (ну если не считать огромных картинок...)
# 9 августа 2010, 17:00

Cypher

Гражданский 24 уровень
2169 сообщений
1748 SFP
Ну норм впринципе :)
# 13 августа 2010, 11:17

Cypher

Гражданский 24 уровень
2169 сообщений
1748 SFP
Каков размер логотипа игры? :)
Так что бы пиксель в пексель делать.
# 13 августа 2010, 11:27

dameon

Devil Summoner 75 уровень
8595 сообщений
19930 SFP
Какой именно?)
# 13 августа 2010, 12:35

Derfas13

The Archivist 45 уровень
3278 сообщений
5299 SFP
@Cypher писал:
Каков размер логотипа игры? :)
Так что бы пиксель в пексель делать.

Если ты про тот, что справа в серой области, то его ограниченый размер сейчас вроде 186 на 300. Но в любом случае это ограничение можно снять через css.

# 13 августа 2010, 18:59

Cypher

Гражданский 24 уровень
2169 сообщений
1748 SFP
Про него.Для неоформленных игр))
# 10 октября 2010, 22:07

Derfas13

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

Можно ли изменять цвет разделителей в анкете игры, или вообще как-то на них влиять?

# 10 октября 2010, 22:22

dameon

Devil Summoner 75 уровень
8595 сообщений
19930 SFP
Как-то я раньше вроде влиял. Посмотрел, было так


#custom-page div.data-block td {

border-bottom:1px solid Red;


}


th вместо td соответственно для разделителей слева


Может что и не так или неправильно. 

# 10 октября 2010, 22:22

CJ Slade

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

@Derfas13 писал:

Можно ли изменять цвет разделителей в анкете игры, или вообще как-то на них влиять?

Там стоит используется RGB Alpha Color. В итоге рамки меняют цвет в заивимости от фона. Проблема только в IE, но 9й версии это пофиксили. Можно просто забить…
# 10 октября 2010, 23:04

Derfas13

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

Ясно. Кстати после того как посмотрел как оно в Фоксе выглядит, заметил что там не появились новые разделители, которые под названием игры и под рейтингом. Или может быть они и не должны были появляться, и это опять ИЕ. Меня как раз только они и волнуют, т.к. когда используется чёрный фон смотрятся они совсем не в тему. Да и вообще лучше без них. Так что если они не должны были появляться, то явно это исправить можно в ИЕ, т.к. раньше их не было.


1286737352.png1286737340.png
# 15 октября 2010, 18:59

Cypher

Гражданский 24 уровень
2169 сообщений
1748 SFP
111um.jpg<-- Такая штука на странице зеносаги.

CSS:
.sidebar-block A
{
background: #4FABC1;
border: 1px solid black;
padding-left: 3px;
padding-right: 3px;
color: black;
}

1) Что нужно прописать вместо .sidebar-block A, чтобы не была затронута кнопка «Меню игры».

1.1) Давно она, кстати, «Меню игры» называется? )

2) Можно ли как-нибудь эти ссылки-кнопки сделать одинаковой ширины?
2.1) Хочу так: ссылка-кнопка по всей ширине столбца, а текст в ней по центру или растянут.
2.2) Обычные теги типа текст элайн не прокатывают потому что это все элементы списка?
2.3) Может проще сделать картинки в виде кнопок?


UPD:
.sidebar-block A исправил на .left-menu A. Ссылки ниже меню стали нормальными, но кнопка меню попрежнему выдрана.

UPD: с кнопкой разобрался добавлением в CSS:
.head-bar A
{
border: none;
background: none;
padding-left: none;
padding-right: none;
}
Однако это выглядит как заплатка :)
Есть решение по «элегантней»? ))))
Отредактировано 15 октября 2010, 19:30
# 15 октября 2010, 19:15

dameon

Devil Summoner 75 уровень
8595 сообщений
19930 SFP
Могу разве что посоветовать пробелов наставить, чтобы «кнопки» были одинаковой ширины.
# 15 октября 2010, 19:21

Cypher

Гражданский 24 уровень
2169 сообщений
1748 SFP

@dameon писал:

Могу разве что посоветовать пробелов наставить, чтобы «кнопки» были одинаковой
ширины.
Ну это мне в голову первым делом пришло :)
Не удобно, так как придется каждую ссылку править. Да и в CSS это в общий стиль не запихать >_<'
# 15 октября 2010, 20:14

Cypher

Гражданский 24 уровень
2169 сообщений
1748 SFP
По центру сделать удалось ))
Надо было .head-bar A {…} без А писать ))
Не получается сделать justify…
Отредактировано 15 октября 2010, 23:34
# 18 октября 2010, 08:58

CJ Slade

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

2) Можно ли как-нибудь эти ссылки-кнопки сделать одинаковой ширины?

работай с тегом LI «.left-menu li {border: 1px solid #000}»


2.1) Хочу так: ссылка-кнопка по всей ширине столбца, а текст в ней по центру или растянут.

.left-menu li {text-align:center}
# 25 февраля 2011, 01:56

Айону

Гражданский 22 уровень
1920 сообщений
919 SFP
Ой, ничё непонятно >_< А если не сложно, объясните, пожалуйста, настоящему нубу как сделать так, чтобы появилась кнопка «персонажи» в меню игры, а как потом ту информацию про них вставить, чтобы все отдельно и понятно >_< Что куда мне надо вставить, куда податься? Помогите люди добрые!
# 25 февраля 2011, 02:12

dameon

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

Пишешь статью прежде всего.

Затем в игре в меню «Сменить оформление»

В открывшемся редакторе идешь в «Меню». Там идут стандартные пункты, отделенные символами

--

--

Отделяешь так место для своего пункта

Делаешь так

--
<a href="ссылка на твою статью">Персонажи</a>
--

Сохраняешь и все.

+8
# 25 февраля 2011, 02:34

Айону

Гражданский 22 уровень
1920 сообщений
919 SFP
Ссылка на мою статью - это, я так понимаю, то, что я в блог выкину? Тогда можно ещё поприставать с вопросами - а картинки к персам просто вставлять, как редакторские, или есть моднявые теги?
# 25 февраля 2011, 02:36

dameon

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

Да.
Ну любая ссылка для пункта меню вообще, по желанию.

+8
# 25 февраля 2011, 02:39

Айону

Гражданский 22 уровень
1920 сообщений
919 SFP
Спасибо большое) На днях попробую усовершенствовать меню игр)
# 25 февраля 2011, 06:57

Cypher

Гражданский 24 уровень
2169 сообщений
1748 SFP

Очень тяжело мне, кстати, первое время было, пока методом тыка разбирался.И толкового ничего не получалось, пока самоучитель не прочитал :) Вот, рекомендую: htmlbook.ru (минимум информации). Там бегло прочитать самоучитель по html и уже основательно, делая управжнения, по CSS.

+13
# 29 июня 2011, 09:45

***VampiR***

Гражданский 23 уровень
48 сообщений
1154 SFP
Народ а при смене оформления CSS, в случии неудачи можно будет вернуть все обратно????????
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

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