"Кнопки", ники, комментарии

[~Фиалковый демон~]

Еще несколько вопросов созрели после установки дизайна
1. Поскольку фон очень светлый, "кнопки" сливаются. Можно как-то изменить их цвет или это не в силах CSS?

2.

Решено

По умалчиваю ники просто выделяются жирным в комментариях и когда используешь "собачку". Можно к примеру в обоих случаях выделить их цветом?
Спасибо Тайя, которая душит романтиков!
3.

Решено

В поле написания поста или комментария шрифт по прежнему остается стандартным. Это нормально или его тоже можно изменить?
Спасибо resurrected smithson!

@темы: текст, Дизайн

Comments

[Тайя.]

2. Нужно прописать стили тегам .TagL {color: green !important;}, вот так, например.

[~Erika]

1. За них отвечает селектор input.inp_check. По умолчанию им задано свойство opacity: 0.6. Можете написать opacity: 1, должно стать чуть лучше. Но, пожалуй, это всё, что можно с ними сделать =(
3. А какой шрифт Вам нужен и как Вы пробовали его изменить? (Изменить можно, но на что-то стандартное.)

[resurrected smithson]

3. Всем текстовым инпутам нужно задавать шрифт отдельно, как и телу страницы. Например, вот это у меня работает для всего текстового, кроме ссылок (селектор полей для комментариев и записей #message; почти для всего, на самом деле):

body, #message, #postTitle, #tags, div.postContent > div.postInner > div > div > textarea { font-family:"Trebuchet MS", "Verdana", "serif-sans"; color: #333; font-size:14px; }

[~Фиалковый демон~]

Тайя, которая душит романтиков, спасибо большое! Все получилось!

~Erika, resurrected smithson, код со шрифтами у меня следующий

#side{font-family: Segoe Print; }
 #postsArea, #commentsArea #wrapper {font-family: Segoe Print; }
 span.quote_text { font-family: Segoe Print ; }
 #authorName { font-family :Calligraph ; font-size: 23px; color: #062326;}
 #topNav { font-family: Calligraph; font-size: 23px; }
 #side h1 A { font-family: Calligraph; font-size: 25px; }
 #commentsArea {font-family: Segoe Print; }
body {font-family: Segoe Print !important ; }

Я просто не знаю какой код именно у этих блоков, где пишут пост и комментарий, и меняется ли он в принципе.

~Erika, с кнопками ничего увы не вышло, ну ладно, все равно спасибо за информацию

[resurrected smithson]

~Фиалковый демон~, как я и писала выше, чтобы правила заработали для поля ввода комментариев, надо добавить #message через запятую куда угодно, можно к body)
ваш код можно вообще сократить, потому что много повторений

 body, #side,  #postsArea, #commentsArea #wrapper, span.quote_text,  #commentsArea {font-family: Segoe Print; }
 #authorName { font-family :Calligraph ; font-size: 23px; color: #062326; }
 #topNav { font-family: Calligraph; font-size: 23px; }
 #side h1 A { font-family: Calligraph; font-size: 25px; }

а теперь осталось добавить #message туда, куда ходите, я тут у вас вижу четыре разных правила для шрифтов. если хотите такой же, как у вас в дневниковых записях, то добавьте сюда:

body, #side, #postsArea, #commentsArea #wrapper, span.quote_text,  #commentsArea, #message {font-family: Segoe Print; }

помогает такое решение?)

...и я точно не знаю (лень проверять), но кое-какие селекторы можно убрать (например, #postsArea, #commentsArea #wrapper и #commentsArea, но это не точно, проверьте)

[~Фиалковый демон~]

resurrected smithson, все, спасибо! Да я знаю, что у меня много повторов, я ведь шаг за шагом осваиваю, вот так и получается )))

[resurrected smithson]

~Фиалковый демон~, не за что)
кстати, стандартные радио кнопки и чекбоксы (ваш первый вопрос) можно заменить, но я пока сама разбираюсь)) если что, вот статья (и она не единственная на эту тему, но по другой не сработало, а по этой еще не знаю) webdesign.tutsplus.com/articles/quick-tip-easy-...

[~Фиалковый демон~]

resurrected smithson, я тоже в инете искал про это, что-то попытался сделать, но тоже не удачно. Если что получиться, дайте знать.

[resurrected smithson]

~Фиалковый демон~, вот сейчас пытаюсь и обязательно скажу)

[resurrected smithson]

~Фиалковый демон~, пока что эта тварь удаляет картинку и комментирует то место, где был на нее урл.

[~Фиалковый демон~]

resurrected smithson, удачи )))

[resurrected smithson]

~Фиалковый демон~, окей, картинки ему уже нравятся, но все равно заменять ничего не хочет. я сдаюсь)

[resurrected smithson]

~Фиалковый демон~, все, чего я пока добилась)))

...по нему действительно можно кликать! картинка сдвигается

[~Erika]

~Фиалковый демон~,

с кнопками ничего увы не вышло, ну ладно, все равно спасибо за информацию

А как пробовали? Вот так

 input.inp_check {opacity: 1;}

не работает?

[resurrected smithson]

~Erika, опасити работает, но на таком фоне, я думаю, это погоды не делает) он же не однородный

[~Erika]

resurrected smithson, ну, как я уже говорила, это всё, что можно сделать в данном случае непосредственно с кнопками.
Вообще есть способы кастомизации чекбоксов и радиобаттонов (вот как Вы нашли в статье), но проблема в том, что у дайрей неподходящая разметка, а изменить её мы не можем. Можно только попытаться изменить фон вокруг кнопок, чтобы хоть как-то их выделить, но сами кнопки останутся стандартными для браузера.

[~Фиалковый демон~]

resurrected smithson, жуть какая! Эх, нам бы дайривского программиста в помощь )))
у меня кстати в голосовке столбики пропали

а темы при их открытии накладываются на меню. Где я опять накосяил?!


~Erika, ага. Видимо при таком фоне разницы особо нет (((

[resurrected smithson]

~Фиалковый демон~, вот я придумала страшное извращение (но зато видно). но нет, выглядит жэсточайшэ

.inp_check { opacity:1; box-shadow: 0px 0px 10px #000; }

такие дела

[~Фиалковый демон~]

resurrected smithson, ну не знаю, подумаешь кружочки в квадратиках. Вроде нормально. Хоть теперь не сливается.

#000 

а это что? Цвет?

[resurrected smithson]

~Фиалковый демон~, да, это черный. www.w3schools.com/colors/colors_picker.asp мне вот этот колор пикер нравится)

[resurrected smithson]

~Фиалковый демон~, это все возможные параметры, которые можно передать
box-shadow: h-shadow v-shadow blur spread color;

[~Фиалковый демон~]

resurrected smithson, нее, по моему значительно лучше! По крайней мере я теперь хоть что-то вижу! Еще бы немножко яркость увеличит и было бы совсем замечательно!

box-shadow: h-shadow v-shadow blur spread color;

это тоже все к "кнопкам" относиться?

[resurrected smithson]

~Фиалковый демон~,
Это параметры для тени: 0px - вертикальная тень, 0px горизонтальная, 10px размытость, - длина тени, #000 цвет тени