как мне бы вот так шрифт сделать?
Расшифровка кода стиля. - ОБСУЖДЕНИЕ И ВОПРОСЫ
Сообщений 341 страница 350 из 354
Поделиться34129.09.10 16:30
- Бестелесный дух прошлого
- Уважение: +35
Поделиться34207.10.10 22:22
- Бестелесный дух прошлого
- Уважение: +10
Извините, если не по теме.
Вот я сделала так, что у меня надписи "форум", "регистрация", "выход" и ниже где "мои сообщения" выстроились в столбик. Вопрос: как сделать, чтоб они встали в строчку. И ещё вопрос. Вот как вместо "форума" написать например "наш мир", а вместо регестрация типа там "присоединиться?". Если мои вопросы не по теме, можете из удалить, я не обижусь.
Поделиться34307.10.10 22:57
- Бестелесный дух прошлого
- Уважение: +772
Сей написал(а):
как мне бы вот так шрифт сделать?
воспользоваться ФШ и этим
#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
}НастёнкаКавай написал(а):
вместо "форума" написать например "наш мир", а вместо регестрация типа там "присоединиться?".
Поделиться34408.10.10 17:14
- Бестелесный дух прошлого
- Уважение: +10
Спасибо!
Поделиться34511.10.10 20:26
- Бестелесный дух прошлого
- Уважение: +0
Здравствуйте!
Может быть, не совсем по теме, но мне хотелось бы где-нибудь найти полную расшифровку кода CS, т.е. то, что вставляется в верхнее поле стиля. Либо это, либо просто "чистый", так сказать, код.
Я уже находила расшифровки отдельных пунктов у вас на форуме, но так как весь этот код сделан не с чистого листа, а взят с другого форума, то внесённые мною изменения мало помогают. Надеюсь, что объяснила понятно, жду вашей помощи. 
P.S. А с CSS, кстати, у меня всё прекрасно получается, и всё благодаря Вам, спасибо! 
Поделиться34611.10.10 20:52
- Бестелесный дух прошлого
- Уважение: +772
Гамма
http://forums.0pk.ru/viewtopic.php?id=4904 - вот здесь немного есть, ну самое основное, а вообще все писать - чокнуться можно просто. Я бы написал конечно учебник... но у меня просто физически терпения и времени не хватит.
Поделиться34711.10.10 21:04
- Бестелесный дух прошлого
- Уважение: +43
Может это в какой-нибудь теме и описывается, но можно пожалуйста.. мм... код, где можно изменить это(1) на картинку и убрать чёрточки(2) =3 :
Поделиться34811.10.10 21:44
- Бестелесный дух прошлого
- Уважение: +772
Ryuu написал(а):
где можно изменить это(1) на картинку
Добавить
/* D5.5 */
это
background-image : url(ссылка на картинку); !important;
Ryuu написал(а):
убрать чёрточки(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;
}
Поделиться34911.10.10 21:50
- Бестелесный дух прошлого
- Уважение: +43
Toshiro
Спасибо, справилась.
Поделиться35011.10.10 22:24
- Бестелесный дух прошлого
- Уважение: +0
Toshiro
Всё равно, спасибо большое.)
