CSS-дизайн

Ой конкретно не знаю, но у себя прописывала так

тут заголовки ссылки
h1, h2, h3, a, #tabletopic .postblog, #tabletopic .postblog a strong {color:#цвет}

Спасибочки, Викуль))! Вы с Пашей почти синхронно мне ответили и всё получилось))))!

Вик, напомни где цитаты прописывать) забыл блин)

По ходу туточки
.quoteclass q {font-size:12px; color:#цвет}

(Toria @ 23.12.2012 - время: 23:29)
По ходу туточки
.quoteclass q {font-size:12px; color:#цвет}
Ага спасибки, а то я по старому пробовал #quote не реагирует)

Ой стоп я с цитатами плуганула

вот так пробуй)

.quoteclass {
background: #цвет фона;
border: ridge 1px #цвет;
display: block;
color: # цвет текста;
}

Это сообщение отредактировал Toria - 24-12-2012 - 00:48

(Toria @ 24.12.2012 - время: 00:53)
Ой стоп я с цитатами плуганула

вот так пробуй)

#tablepost .quoteclass {
background: #цвет фона;
border: ridge 1px #цвет;
display: block;
color: # цвет текста;
}
вот спасибо Викуля, правда в группе и так сработало. я тебе написал в кота), а в блоге сейчас попробую полный код)

Как показал эксперимент к старым процитированным сообщениям не применяется стиль цитирования)

А что вы ещё не знали, что если пыкнуть в опере на странице правой кнопкой мышки на части страницы которая вас интересует и выбрать менюшку "проинспектировать элемент" то откроется страница html кода и можно одуплиться в каком селекторе расположен элемент)))


Спасибо ПП просветил, теперь надеюсь дело пойдёт легче)

(Toria @ 29.12.2012 - время: 11:34)
А что вы ещё не знали, что если пыкнуть в опере на странице правой кнопкой мышки на части страницы которая вас интересует и выбрать менюшку "проинспектировать элемент" то откроется страница html кода и можно одуплиться в каком селекторе расположен элемент)))


Спасибо ПП просветил, теперь надеюсь дело пойдёт легче)
В хроме тоже самое, называется "Просмотр кода элемента".
Так же есть просмотр кода страницы.

(Tchuba @ 29.12.2012 - время: 12:14)
(Toria @ 29.12.2012 - время: 11:34)
А что вы ещё не знали, что если пыкнуть в опере на странице правой кнопкой мышки на части страницы которая вас интересует и выбрать менюшку "проинспектировать элемент" то откроется страница html кода и можно одуплиться в каком селекторе расположен элемент)))


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

Да это точно головоламательная штука однака)))

И в ФФ, нечто подобное есть, причём в нескольких таблицах. Меню - инструменты - веб-разработка - редактор стилей.

Я даже не знала что такое есть тыкала наугад)))

Паш а расскажи ка как ты календарик перекрасил в бложике?

(Toria @ 30.12.2012 - время: 12:53)
Я даже не знала что такое есть тыкала наугад)))
Причём, там можно увидеть сразу весь СНовский код, и переключится на код той страницы где ты находишься, очень удобно.


Паш а расскажи ка как ты календарик перекрасил в бложике?

Методом научного тыка, вот код календарика, правда он не весь, я взял, что нужно мне, и так думаю, кое-что ещё можно убрать)

#calendar {border:2px dotted #2E2E2E;border-radius:6px; box-shadow: 0px 0px 1px #fff; background:url(https://dl.backbook.me/preview/c0b6094b55.jpg) ;}
Это основа, боди верха и будней, так же рамка и бокс шадовс кому нужно, всего календаря
#calendar a {font-family:Bookman Old Style;font-size:11px} Шрифт для месяца
#calendar td a {display:block}
#calendar td {font-family:Bookman Old Style;font-size:11px; text-align:right; color:#7E7E7E; width:30px; border-bottom:2px dotted #2E2E2E; border-right:2px dotted #2E2E2E; height:15px}
Шрифт и размер клеточек календаря
#calendar th {border-bottom:2px dotted #2E2E2E; text-align:center}
#calendar tr:nth-child(2) td {color:#7E7E7E; height:23px; text-align:center}
#calendar tr td:nth-child(6), #calendar tr td:nth-child(7) {background:url(https://dl.backbook.me/preview/c0b6094b55.jpg); color:#b00} Фон выходных дней

ССори за такое объяснение, говорю методом тыка делал)

О спасибки буду перекрашивать))

(Toria @ 30.12.2012 - время: 15:15)
О спасибки буду перекрашивать))
Торик, потом получше объясни народу)

(Румпельштицкин @ 02.12.2012 - время: 20:14)
Пример как может выглядеть блог и гильдия: http://papa.sxnarod.com/
Со вкусом сделано

Хочите красивых кнопочек их есть тута
Генератор кнопок
http://dabuttonfactory.com/

Даже код генерирует хотя я его вставлять не пробовала нужно будет попробовать как работает))))

зы спасибо Финике за отличную находку)

Это сообщение отредактировал Toria - 15-01-2013 - 21:25

Приветик!!!
Помогите в дизайне!! Как изменить цвет середины в группе ,-где прописаны темы с белого на другой-в каком коде менять цвет?
И хотелось бы поменять шапку группы.(без этих красных полос,но и при этом остался логотип форума)
С уважением!!!

Давайте постепенно что за группа?

если прописать
#main {
background: none;
}

То вы уберёте красно-серый верх.

потом можно прописать к примеру так

body {background:#цвет}

или если это фон картинка то

body {background: url(ссылка на картинку) repeat;}

Если хотите поменять цвет блока в середине то прописываете в селекторе
#tabletopic {
background:#цвет;
}

(Toria @ 19.01.2013 - время: 19:20)
Давайте постепенно что за группа?

если прописать
#main {
background: none;
}

То вы уберёте красно-серый верх.

потом можно прописать к примеру так

body {background:#цвет}

или если это фон картинка то

body {background: url(ссылка на картинку) repeat;}
Cпасибо,будем дерзать!
Моя группа ,,Шелковые комбинации,,

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

Cпасибо!!! Но я же учусь,и понимаю ,что нужна кропотливая работа и время.Надеюсь на лучшее!!

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

/* код */

Ну что бы я делала без вас!
Все прекрасно получилось!!!
Спасибо вам большое!!!

Пожалуйста)

Очень нравиться Ваше вот это решение в дизайне.




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

Это рисунок в селекторе #footer.
Самый простой код выглядеть будет так:
#footer {background:url(путь к рисунку)}.

Сложность рисунка и кода зависит только от вашей фантазии.

Tchuba уже всё объяснил добавлю лишь то, что картинка в футере может быть или прозрачная или с цветом фона страницы это уже по вашему усмотрению)

Кстати смотрю у вас на соо стиль оформления когда то сделанный мной для старых блогов хотя вижу что доработанный, радует что не всё кануло в лету)


Это сообщение отредактировал Toria - 09-02-2013 - 11:44

(Toria @ 09.02.2013 - время: 11:39)
Tchuba уже всё объяснил добавлю лишь то, что картинка в футере может быть или прозрачная или с цветом фона страницы это уже по вашему усмотрению)

Кстати смотрю у вас на соо стиль оформления когда то сделанный мной для старых блогов хотя вижу что доработанный, радует что не всё кануло в лету) Да, дизайн старого блога. Потемкин помог чуть переделать. Спасибо за подсказку. У меня получилось.

Это сообщение отредактировал Milana1987 - 10-02-2013 - 00:19

Здравствуйте. Подскажите пожалуйста, можно ли изменить цвет, шрифт и расстояние между строками? Если "ДА", то как это сделать?

Можно. Отредактируйте в css файле font, color и text относящиеся к этой группе.