Большое спасибо,всё прекрасно работает!А выглядит - потрясно!
Окантовка профиля в сообщении
Сообщений 31 страница 60 из 67
Поделиться322009-07-31 16:19:01
А как сделать коричневого цвета?
Поделиться332009-07-31 20:15:34
А вот я поставила скрипт KIRA FOX и там не работают некоторые графы.Вот если ты заполнил графу "Откуда" то информация не отображается в оконтовке.Так-же и с графой "Последний визит".Что нужно сделать,чтобы эти графы отображались в оконтовке?
Поделиться342009-07-31 20:50:07
<style type="text/css"> .post-author ul li { background: #fafcfe; border: 1px solid #cdd6e2; border-bottom-width: 2px; border-right-width: 2px; padding: 4px 3px 4px 3px; margin: 3px 1px 3px 1px; } </style>
вот, здесь должно всё работать)
Поделиться352009-08-09 19:26:45
Kanabis877
Это вы мне?..Если мне,то этот скрипт мне не подходит - тут просто цвета,а в том скрипте можно вставить картинку.Может кто-то сможет отредактировать этот скрипт чтобы все графы были в оконтовке?я уже пробовала,но у меня не получилось(( Или может,у кого-то есть похожий скрипт?
Вот этот скрипт,это нужно ставить в верх:
<style> .memdetails { background: #fafcfe; background-image: url(ваша картинка); border-bottom-width: 2px; border-right-width: 2px; padding: 4px 3px 4px 3px; margin: 3px 1px 3px 1px; } </style>
А это в низ:
<script type="text/javascript"> var arr=document.getElementsByTagName("li") i=0 str=document.URL while(arr[i] ){ if((arr[i].className=="pa-author online") || (arr[i].className=="pa-author") || (arr[i].className=="pa-title") || (arr[i].className=="pa-avatar item2") || (arr[i].className=="pa-reg") || (arr[i].className=="pa-posts") || (arr[i].className=="pa-respect") || (arr[i].className=="pa-positive") || (arr[i].className=="pa-ip") || (arr[i].className=="pa-online") || (arr[i].className=="pa-icq") || (arr[i].className=="pa-sex") || (arr[i].className=="pa-age") || (arr[i].className=="pa-time-visit")) { name=arr[i].innerHTML name=name.substring(0) arr[i].innerHTML="<div class=memdetails>"+name+"</div>" } i++ } </script>
Поделиться362009-08-09 19:29:45
Ринкита-chan
эх ладно дам вам тот который у меня стоит))))))))
<style type="text/css"> .post-author ul li { text-align: center; padding: 2px; border: 1px solid #ffa500; background: #ffffc3; margin: 2px; } .post-author ul li.pa-reg { border-bottom: none; margin-bottom: 0px; } .post-author ul li.pa-posts, .post-author ul li.pa-respect { border-top: none; border-bottom: none; margin-top: 0px; margin-bottom: 0px; } .post-author ul li.pa-positive { margin-top: 0px; border-top: none; //border-bottom: none; } .post-author ul li.pa-online, .post-author ul li.pa-author { border: #4aab42 solid 1px; padding: 2px; background: url("картинку сюда ставим"); font-size: 11px; } </style>
Поделиться372009-08-09 19:30:57
ставить в верх)))
Поделиться382009-08-10 16:42:20
KIRA FOX
У меня твой скрипт пошёл)) Спасибо)
Поделиться392009-08-12 20:13:58
Ринкита-chan
эх ладно дам вам тот который у меня стоит))))))))
Спасибо,большое!=)) + Вам
Поделиться402009-08-13 14:08:26
Спасибо за скрипт! Классная штука...
Поделиться412009-09-26 03:50:36
Kanabis877 Спасибо большое за скрипт. Я все обыскал, не знал как по центру сделать. И самое главное такой какой я хотел, поменял цвета и все как на картинки. Оригато вам)
Поделиться422009-10-31 04:12:12
Аригато!Скрипт мне очень помог
Поделиться432009-12-03 14:27:39
Благодарю
Поделиться442009-12-31 10:57:27
спасибо за такой полезный скрипт! я его долго искала)
Поделиться452010-01-13 12:40:36
Спасибо очень красиво получилось!!!!
Поделиться462010-02-09 22:43:32
Спасибо за скрипт!
Поделиться472010-04-04 00:26:48
Помогите подправить недочеты.Надо изменить цвет фона на черный и сдвинуть картинку в центр или же расширить саму оконтовку(правая сторона картинки уперается прямо в само поле, отведенное для профиля!)
вот код:
<style type="text/css"> .post-author ul li { text-align: center; padding: 10px; border: 1px solid #ffa500; background: #ffffc3; margin: 2px; } .post-author ul li.pa-reg { border-bottom: none; margin-bottom: 0px; } .post-author ul li.pa-posts, .post-author ul li.pa-respect { border-top: none; border-bottom: none; margin-top: 0px; margin-bottom: 0px; } .post-author ul li.pa-positive { margin-top: 0px; border-top: none; //border-bottom: none; } .post-author ul li.pa-online, .post-author ul li.pa-author { border: #4aab42 solid 1px; padding: 2px; background: url("картинку сюда ставим"); font-size: 12px; } </style>
Поделиться482010-04-08 09:26:17
"Интерактивная" окантовка профиля
добавил "интерактивности" для окантовки
за счёт псевдокласса :hover
"интерактивность" заключается в том, что при наведении мыши на элементы окантовки профиля, они меняют цвет, можно сделать,
чтоб меняли и форму, например вытягивались
на одном из форумов у меня стоит чёрно-серый вариант
в html-верх:
<style type="text/css">
.post-author ul li { text-align: center;padding: 2px;border: 1px solid #000000;background: #444444;margin: 2px;}
.post-author ul li.pa-reg {border-bottom: none;margin-bottom: 0px;}
.post-author ul li.pa-posts,
.post-author ul li.pa-respect {border-top: none;border-bottom: none;margin-top: 0px;margin-bottom: 0px;}
.post-author ul li.pa-positive {margin-top: 0px;border-top: none;//border-bottom: none;}
.post-author ul li.pa-online, .post-author ul li.pa-author {border: #BEBEBE solid 1px;padding: 2px;background: #000000;ont-size: 11px;}
.post-author ul li.pa-fld1 {border: #000000 solid 1px;padding: 2px;background: #D3D3D3;
ont-size: 11px;}
.post-author ul li:hover {background: url("http://img31.imageshack.us/img31/2387/22931775.gif");
border: 1px dashed #FFA500;}
</style>
в качестве бекграунда может быть любое изображение
вот ПРИМЕР
просто проведитесь мышкой по элементам окантовки
Поделиться492010-04-10 10:19:53
отличный скрипт!
Поделиться502010-06-16 01:38:40
Romych шикарно, спасибо)
Поделиться512010-06-18 13:44:12
Спасибо за скрипт.
Поделиться522010-06-18 17:41:59
отличный скрипт)))Всё работает
Поделиться532010-06-28 21:52:39
А как сделать так, чтобы и дополнительные поля тоже были обведены?
Поделиться542010-06-28 23:05:07
А как сделать так, чтобы и дополнительные поля тоже были обведены?
<style type="text/css">
#pun-main .pa-fld1, .pa-fld2, .pa-fld3, .pa-fld4, .pa-fld5 { border: 1px dashed #AAAAAA;
}</style>
Красным - Вид рамки
Зеленым - Цвет рамки
Ну и ширина бордера
Поделиться552010-07-24 02:30:14
огромное спасибо за этот скрипт!!! давно искала
Поделиться562010-08-26 19:24:47
KIRA FOX
Спасибо,работает!
Поделиться572010-10-23 00:31:49
Вот в этом коде первое дополнительное поле не обводится почему то....
<style type="text/css">.post-author ul li { text-align: center;padding: 2px;border: 1px solid #000000;background: #444444;margin: 2px;}.post-author ul li.pa-reg {border-bottom: none;margin-bottom: 0px;}.post-author ul li.pa-posts, .post-author ul li.pa-respect {border-top: none;border-bottom: none;margin-top: 0px;margin-bottom: 0px;}.post-author ul li.pa-positive {margin-top: 0px;border-top: none;//border-bottom: none;}.post-author ul li.pa-online, .post-author ul li.pa-author {border: #BEBEBE solid 1px;padding: 2px;background: #000000;ont-size: 11px;}.post-author ul li.pa-fld1 {border: #000000 solid 1px;padding: 2px;background: #D3D3D3;ont-size: 11px;}.post-author ul li:hover {background: url("http://img31.imageshack.us/img31/2387/22931775.gif");border: 1px dashed #FFA500;}</style>
Отредактировано Shinzi (2010-10-23 00:44:01)
Поделиться582010-11-30 14:06:28
первый не работает
Поделиться592010-11-30 14:08:40
второй зачем нужен? ужасное выделение(:
Поделиться602010-12-01 00:28:01
второй зачем нужен? ужасное выделение(:
так в чём проблема? сделайте свой вариант, потом критикуйте
Похожие темы
Навигатор по скриптам | Галерея скриптов | 2010-10-29 |
Ссылки на Все Скрипты Раздела | Архив тем | 2010-10-10 |
Ищу скрипт | Архив тем | 2011-11-08 |