как мне бы вот так шрифт сделать?
🎧 Подкаст «НЕТЕРОЛЕВЫЕ»
Рассказываем и обсуждаем Форумные Ролевые Игры (ФРПГ).
Telegram Обсудить
ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Расшифровка кода стиля. - ОБСУЖДЕНИЕ И ВОПРОСЫ
как мне бы вот так шрифт сделать?
Извините, если не по теме.
Вот я сделала так, что у меня надписи "форум", "регистрация", "выход" и ниже где "мои сообщения" выстроились в столбик. Вопрос: как сделать, чтоб они встали в строчку. И ещё вопрос. Вот как вместо "форума" написать например "наш мир", а вместо регестрация типа там "присоединиться?". Если мои вопросы не по теме, можете из удалить, я не обижусь.
как мне бы вот так шрифт сделать?
воспользоваться ФШ и этим
#pun-category1 h2 {height: 62px; background-image: url("картинка"); background-repeat: no-repeat; overflow-x: hidden; background-position: top center;}
Дублируется столько же раз сколько у вас и категорий выделенная цифра меняется по порядку.
Что бы убрать текст названия добавляете
color: transparent
PS сразу предупреждаю, пользуетесь таким - форум должен быть полностью открыть, иначе то что скрыто (названия категорий) будут в разнабой
Вопрос: как сделать, чтоб они встали в строчку.
Навигация
/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
border-style: none;
border-width: 0;
margin: 0;
}/* D3.2 */
#pun-navlinks .container {
padding: 0.7em 1em;
}/* D.3 */
#pun-navlinks li {
display: inline;
padding-right: 1em;
}/* D3.4 */
#pun-navlinks li a {
font-size: 1.1em;
}
Пользовательские
/* D4.1 */ #pun-ulinks { margin-top: 0; } /* D4.2 */ #pun-ulinks .container { border-top: none; padding: 0.7em 1em; } /* D4.3 */ #pun-ulinks li, #pun-ulinks li a { display: inline; border-left-style: solid; border-left-width: 1px; white-space: nowrap; } /* D4.4 */ #pun-ulinks li a { padding: 0 0.3em 0 0.6em } /* D4.5 */ #pun-ulinks li.item1, #pun-ulinks li.item1 a { border-left-style: none; border-left-width: 0; padding-left: 0 }
вместо "форума" написать например "наш мир", а вместо регестрация типа там "присоединиться?".
Спасибо!
Здравствуйте!
Может быть, не совсем по теме, но мне хотелось бы где-нибудь найти полную расшифровку кода CS, т.е. то, что вставляется в верхнее поле стиля. Либо это, либо просто "чистый", так сказать, код.
Я уже находила расшифровки отдельных пунктов у вас на форуме, но так как весь этот код сделан не с чистого листа, а взят с другого форума, то внесённые мною изменения мало помогают. Надеюсь, что объяснила понятно, жду вашей помощи.
P.S. А с CSS, кстати, у меня всё прекрасно получается, и всё благодаря Вам, спасибо!
Гамма
http://forums.0pk.ru/viewtopic.php?id=4904 - вот здесь немного есть, ну самое основное, а вообще все писать - чокнуться можно просто. Я бы написал конечно учебник... но у меня просто физически терпения и времени не хватит.
Может это в какой-нибудь теме и описывается, но можно пожалуйста.. мм... код, где можно изменить это(1) на картинку и убрать чёрточки(2) =3 :
где можно изменить это(1) на картинку
Добавить
/* D5.5 */
это
background-image : url(ссылка на картинку); !important;
убрать чёрточки(2) =3 :
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: #цвет; } #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: #цвет; }
заменить на
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: transparent;
}#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: transparent;
}
Toshiro
Спасибо, справилась.
Toshiro
Всё равно, спасибо большое.)
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Расшифровка кода стиля. - ОБСУЖДЕНИЕ И ВОПРОСЫ