Nikodima
Post-box - это без аватарной области, насколько я помню.
[отвечено] Много вопросов (помогите плиз, а то я уже спеклась)
Сообщений 21 страница 30 из 57
Поделиться2128.02.12 23:34
- Бестелесный дух прошлого
- Уважение: +299
Поделиться2229.02.12 00:13
- Жерар Депардье
- Уважение: +3482
- Достижения/подарки: cake 4 emoji_events 4
- Наградные баллы: 122
Deff написал(а):
Сделайте Скриншот, обведите рамкой в ФШ, там четыре возможных Вариантов обводки
Поделиться2329.02.12 00:55
- Бестелесный дух прошлого
- Уважение: +1280
Deff
Поделиться2429.02.12 01:48
- Жерар Депардье
- Уважение: +3482
- Достижения/подарки: cake 4 emoji_events 4
- Наградные баллы: 122
Nikodima
Ну у меня Вот такая чуча:(Вместо этой:
.punbb .post .container {
border: 1px dotted #EBDFDA!important;
}
Вот такая:
Код:
<style>
.punbb .topic{
background-color:#E7DAC2;
}
.punbb .post .container{
border: 1px solid #79685F!important;
border-top: 0 none transparent!important;
}
.punbb .post{
background-clip:border-box;
background-color:#465158;
border-width: 18px;
-moz-border-image: url(http://uploads.ru/i/f/T/P/fTPpW.png) 18 round; /* Firefox 4 */
-webkit-border-image: url(http://uploads.ru/i/f/T/P/fTPpW.png) 18 round; /* Safari 5 и Chrome */
-o-border-image: url(http://uploads.ru/i/f/T/P/fTPpW.png) 18 round; /* Opera 10.5 */}
border: 0 none transparent!important;
}
</style>Поделиться2529.02.12 03:40
- Бестелесный дух прошлого
- Уважение: +1280
Deff
ээ выходит нечто жирное мутное да еще и двойной рамкой О_О
можно мне просто обычную обводку тела поста Т_Т а то от этих линий у меня клаустрофобия начинает развиваться
Отредактировано Nikodima (29.02.12 03:46)
Поделиться2629.02.12 10:08
- Жерар Депардье
- Уважение: +3482
- Достижения/подарки: cake 4 emoji_events 4
- Наградные баллы: 122
Nikodima
Таким макаром можно ставить Любую рамку
Код:
<style>
.punbb .topic{
background-color:#E7DAC2;
}
.punbb .post h3,
.punbb .post .container{
border: 0 none transparent!important;
}
.punbb .post{
background-clip:border-box;
background-color:#465158;
border-width: 14px;
-moz-border-image: url(http://uploads.ru/i/K/l/W/KlWyn.png) 14 repeat; /* Firefox 4 */
-webkit-border-image: url(http://uploads.ru/i/K/l/W/KlWyn.png) 14 repeat; /* Safari 5 и Chrome */
-o-border-image: url(http://uploads.ru/i/K/l/W/KlWyn.png) 14 repeat; /* Opera 10.5 */}
}
</style>
Бордюр ставицо картинкой => http://uploads.ru/i/K/l/W/KlWyn.png
Описание => http://htmlbook.ru/css/border-image
Отредактировано Deff (29.02.12 10:23)
Поделиться2729.02.12 19:01
- Бестелесный дух прошлого
- Уважение: +1280
Deff
и для любых селекторов выходит?
значит можно замутить (по идее) ту рамку что у меня на главой в .punbb .main .tcr, .punbb .main .tcl и в юзерлинкс ?
ммм если да, то тогда надо будет мне с этим посидеть что бы везде была рамка такая
спасибо за помошь) с этим я сама сначала попробую) а ечли чего не выйдет опять сюда напишу)
Поделиться2829.02.12 19:14
- Бестелесный дух прошлого
- Уважение: +299
Nikodima
http://css-tricks.ru/Articles/Details/border-image
Вот неплохая статья на эту тему, о том же я в своей статейке писал, плюс там есть ссылка на генератор. Но это свойство поддерживается не всеми браузерами - раз, не всегда корректно работает - два. Удачи с этим)
Поделиться2929.02.12 20:01
- Бестелесный дух прошлого
- Уважение: +1280
Ghоst написал(а):
не всегда корректно работает - два
а он чего это зависит?
Поделиться3029.02.12 20:12
- Жерар Депардье
- Уважение: +3482
- Достижения/подарки: cake 4 emoji_events 4
- Наградные баллы: 122
Nikodima
Кароче траблы иногда возникают при обрамлении блока с одновременно-двумя изменяемыми параметрами: ширина и высота,
при одном изменяемом параметре вроде траблов не наблюдаецо
к примеру при постоянной ширине и разной высоте, исходную рамку желательно делать полной ширины окантуемого блока
Из не поддерживающихх браузеров ИЕ7-ИЕ8
Отредактировано Deff (29.02.12 20:15)
