Техническая поддержка сервиса Quadro.Boards

Объявление

Новости сервиса

О форуме

Quadro.Support – это форум технической поддержки различных проектов и сервисов Quadro.Systems LLC, на котором грамотные технические специалисты всегда смогут помочь вам в решении проблем, или же подсказать ответы на самые сложные вопросы. Так же на форуме собрана обширная база знаний по различным аспектам наших сервисов. Не забывайте пользоваться поиском ;)

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

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


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Оформление форумов » Окантовка профиля в сообщении


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

Сообщений 1 страница 20 из 32

1

Окантовка профиля в сообщении. Duka
Вариант первый

В html-верх

<style>
#pun #pun-index #pun-announcement h2 span {display: none;}
.post-author online, .pa-adnote, .pa-from, .pa-reg, .pa-posts, .pa-reputation, .pa-sex, .pa-icq, .pa-ip, .pa-online, .pa-age, .pa-mailagent, .pa-reg, .pa-avatar, .pa-title, .pa-author, .pa-time-visit, .pa-last-visit, .pa-fld1, .pa-fld2, .pa-fld3, {
   background: #fafcfe;
   border: 1px solid #cdd6e2;
   border-bottom-width: 2px;
   border-right-width: 2px;
   margin: 3px 1px 3px 1px;
}
</style>

Результат увидите сами.
Будет что-то типа этого:
[реклама вместо картинки]

Вариант второй:
Это в верх:

<style>
.memdetails
{
   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>

Это вниз:

<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")){
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<div class=memdetails>"+name+"</div>"
}
i++
}
</script>

Оконтовка получится немножко другая. Как на скрине выше.

0

2

Один из вариантов оконтовок :)
Как здесь на саппорте (на момент 6 апреля 2009, 21:40)
http://ipicture.ru/uploads/090406/29129/TkldjSFb21.png

Код:
<style type="text/css">
.post-author ul li {
	text-align: center;
	padding: 2px;
	border: 1px solid #9d9d9d;
	background: #dfdfdf;
	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: #d7e1c7;
	font-size: 11px;
}
.post-author ul li.pa-fld1 {
	border: #FF6666 solid 1px;
	padding: 2px;
	background: #FFDDDD;
	font-size: 11px;
}
</style>

Периодически буду выкладывать разные варианты :)

+2

3

Duka
спс, прикольный скрипт rusff

0

4

А свои варианты окантовки выкладывать можно??  :question:

0

5

Покемош
Конечно, приветствуется :)

0

6

Ну тогда отлично))

Вот 2 моих варианта, немного изменены из основного.. но базовые.

1. Окантовывает каждый элемент профиля:
http://s46.radikal.ru/i112/0904/ce/b50ab2d42e1b.jpg

Хтмл верх:
(в строчке background: #fafcfe; --> #fafcfe - меняем на свой цвет)

Код:
<style>
.memdetails
{
   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>

Хтмл-низ:

Код:
<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-from") || (arr[i].className=="pa-sex") || (arr[i].className=="pa-icq") || (arr[i].className=="pa-age") || (arr[i].className=="pa-mailagent") || (arr[i].className=="pa-avatar") || (arr[i].className=="pa-time-visit") || (arr[i].className=="pa-last-visit") || (arr[i].className=="pa-fld1") || (arr[i].className=="pa-fld2") || (arr[i].className=="pa-fld3")){
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<div class=memdetails>"+name+"</div>"
}
i++
}
</script>

Вариант 2.
Тоже самое, только теперь можно вставить свою картинку))

Код:
<style>
.memdetails
{
   background-image: url("ссылка на картинку");
   border: 1px solid #cdd6e2;
   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-from") || (arr[i].className=="pa-sex") || (arr[i].className=="pa-icq") || (arr[i].className=="pa-age") || (arr[i].className=="pa-mailagent") || (arr[i].className=="pa-avatar") || (arr[i].className=="pa-time-visit") || (arr[i].className=="pa-last-visit") || (arr[i].className=="pa-fld1") || (arr[i].className=="pa-fld2") || (arr[i].className=="pa-fld3")){
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<div class=memdetails>"+name+"</div>"
}
i++
}
</script>

+1

7

Вот мой не особо оригинальный вариант для форумов в темном стиле (серебристо-черное преобладания цвета):

Код:
<style type="text/css">
.post-author ul li {
	text-align: center;
	padding: 2px;
	border: 1px solid #000000;
	background: #696969;
	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;
	font-size: 11px;
}
.post-author ul li.pa-fld1 {
	border: #000000 solid 1px;
	padding: 2px;
	background: #D3D3D3;
	font-size: 11px;
}
</style>

Вставить вверх. Скрин:

http://s57.radikal.ru/i156/0904/97/4e2d775ad7c4.png

0

8

Внесу свою лепту)) Мой вариант позитивно-лимонный. Картинку можно и поменять.
http://s60.radikal.ru/i168/0904/d9/e63cfcdac4c5.jpg

Код:
<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("http://s42.radikal.ru/i097/0810/d1/f81b3c7c42ed.jpg");
	font-size: 11px;
}
</style>

+1

9

Зелёный вариант.
http://forumupload.ru/uploads/0008/3b/08/122-1-f.jpg

Код:
<style type="text/css">
.post-author ul li {
text-align: center;
padding: 2px;
border: 1px dashed #66CC00;
background: #EFFFCE;
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: 2px #66CC00 outset;
padding: 2px;
background: #CCFF99;
font-size: 11px;
}
</style>

+2

10

Извените я непрофесионал в этом деле.

Скажите пожалуста можно зделать так чтобы показывали две розовые полоски в профиле. как показано на картинке.
1 для медалек 2 для подарков.Если это возможно подскажите как зделать.

http://i067.radikal.ru/0907/d2/ce0ddddc72dct.jpg

+1

11

Канда написал(а):

1. Окантовывает каждый элемент профиля:

у меня все даные смещаються в лево...а как можно сделать что бы она были по серединке?

0

12

Thalia

Код:
<style>
.pa-fld1 {padding: 2px 1px 2px 1px; background: #fddddd; border: 1px #d78a96 solid;}
</style>

Ставить в ХТМЛ-верх. Значения можно поменять на свои, но я постарался подобрать те же цвета, что и на скриншоте. Чтоб поле было пошире, изменяйте первые четыре цифровые значения: это вырх, право, низ и лево соответственно. Расстояние от текста до границы.
Ещё обратите внимание, что это сделано для первого дополнительного поля, для остальных - аналогично, но надо указывать номер, то есть вместо .pa-fld1  написать .pa-fld2 или .pa-fld3. 

0

13

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

у меня все даные смещаються в лево...а как можно сделать что бы она были по серединке?

То, что у Вас стоит в ХТМЛ-верх, замените вот на это:

Код:
<style>
.memdetails
{
   background: #fafcfe;
   border: 1px solid #cdd6e2;
   border-bottom-width: 2px;
   border-right-width: 2px;
   padding: 4px 3px 4px 3px;
   margin: 3px 1px 3px 1px;
   text-align: center;
}
</style>

ХТМЛ-низ оставить без изменений.

0

14

Лично у меня, первый вариант не работает. а второй работает отлично!

0

15

а цвета можно и самому настроить*???

0

16

Arabella
Конечно, можно.

0

17

Хм... А зачем какие-то скрипты в ХТМЛ-низ ставить...

Я бы вместо всего этого добавил это в ХТМЛ-верх. И всё.

Код:
<style type="text/css">
.post-author li {
 background: #fafcfe;
 border: 1px solid #cdd6e2;
 border-bottom-width: 2px;
 border-right-width: 2px;
 padding: 4px 3px !important;
 margin: 3px 1px !important;
 text-align: center;
}
</style>

Цвета и отступы бы настроил под дизайн.

0

18

Получилось вроде, но вот как сделать, чтобы окантовка была по ширине аватара? А то получается она уже. И как туда внести доп. поле "Визитка"? Сейчас оно заливается серым, да и надписи не видно.
http://savepic.ru/4207483.jpg

0

19

И еще вопрос: можно ли в дополнительное поле профиля вставить небольшую табличку и чтобы она так табличкой и отображалась под аватаром?

0

20

Подскажите пожалуйста: я добавила новое поле профиля и у меня в профиле в сообщении светится его название. Как мне убрать название нового поля?

Отредактировано Флорида (15.05.2013 19:46:51)

0


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Оформление форумов » Окантовка профиля в сообщении


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