Форум поддержки пользователей ZeroParking

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Форум поддержки пользователей ZeroParking » Галерея скриптов » Окантовка профиля в сообщении


Окантовка профиля в сообщении

Сообщений 31 страница 60 из 67

31

Большое спасибо,всё прекрасно работает!А выглядит - потрясно!  https://forumupload.ru/uploads/0002/25/06/8550-2.gif

0

32

А как сделать коричневого цвета?

0

33

А вот я поставила скрипт KIRA FOX и там не работают некоторые графы.Вот если ты заполнил графу "Откуда" то информация не отображается в оконтовке.Так-же и с графой "Последний визит".Что нужно сделать,чтобы эти графы отображались в оконтовке?

0

34

Duka написал(а):

<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>

вот, здесь должно всё работать)

0

35

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>

0

36

Ринкита-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>

+2

37

ставить в верх)))

+1

38

KIRA FOX

У меня твой скрипт пошёл)) Спасибо) https://forumupload.ru/uploads/0002/25/06/8547-4.gif

0

39

Kanabis877 написал(а):

Ринкита-chan
эх ладно дам вам тот который у меня стоит))))))))

Спасибо,большое!=)) + Вам  https://forumupload.ru/uploads/0002/25/06/8547-4.gif

0

40

Спасибо за скрипт! Классная штука...

0

41

Kanabis877 Спасибо большое за скрипт. Я все обыскал, не знал как по центру сделать. И самое главное такой какой я хотел, поменял цвета и все как на картинки. Оригато вам)

0

42

Аригато!Скрипт мне очень помог  https://forumupload.ru/uploads/0002/25/06/8547-2.gif

0

43

Благодарю  https://forumupload.ru/uploads/0002/25/06/8547-4.gif

0

44

спасибо за такой полезный скрипт! я его долго искала)

0

45

Спасибо очень красиво получилось!!!!

0

46

Спасибо за скрипт!

0

47

Помогите подправить недочеты.Надо изменить цвет фона на черный и сдвинуть картинку в центр или же расширить саму оконтовку(правая сторона картинки уперается прямо в само поле, отведенное для профиля!)

вот код:

Код:
<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>

0

48

"Интерактивная" окантовка профиля

добавил "интерактивности" для окантовки
за счёт псевдокласса :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>

в качестве бекграунда может быть любое изображение

вот ПРИМЕР
просто проведитесь мышкой по элементам окантовки

+1

49

отличный скрипт!

0

50

Romych шикарно, спасибо)

0

51

Спасибо за скрипт.

0

52

https://forumupload.ru/uploads/0002/25/06/8547-4.gif отличный скрипт)))Всё работает

0

53

А как сделать так, чтобы и дополнительные поля тоже были обведены?

0

54

Angel_and_Demon написал(а):

А как сделать так, чтобы и дополнительные поля тоже были обведены?

<style type="text/css">
#pun-main .pa-fld1, .pa-fld2, .pa-fld3, .pa-fld4, .pa-fld5 { border: 1px dashed #AAAAAA;
}

</style>

Красным - Вид рамки
Зеленым - Цвет рамки
Ну и ширина бордера

0

55

огромное спасибо за этот скрипт!!! давно искала

0

56

KIRA FOX
Спасибо,работает! :cool:

0

57

Вот в этом коде первое дополнительное поле не обводится почему то....

Romych написал(а):

<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)

0

58

первый не работает

0

59

второй зачем нужен? ужасное выделение(:

0

60

КкиТт написал(а):

второй зачем нужен? ужасное выделение(:

так в чём проблема? сделайте свой вариант, потом критикуйте ;)

0


Вы здесь » Форум поддержки пользователей ZeroParking » Галерея скриптов » Окантовка профиля в сообщении


Рейтинг форумов | Создать форум бесплатно