24/08/15 Открыта запись на обучение вёрстки для майбба - ссылка на тему

Избранные уроки Photoshop

Эпиграф в стиле tumblr (перевод windymind)

Вверх
Вниз

COLOR MATE

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

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

Вы здесь » COLOR MATE » Каталог CSS|JS » Окантовка профиля в сообщении

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

Страница: 1

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

1

  • Автор: COLOR MATE
  • кф любит тебя
  • COLOR MATE
  • Зарегистрирован: 03-04-2010
  • Приглашений: 0
  • Сообщений: 17974
  • Уважение: +2634
  • Позитив: +2445
  • Провел на форуме:
    3 месяца 4 дня
  • Последний визит:
    04-07-2016 18:37:42

В HTML-верх

Код:
<style>
#pun #pun-index #pun-announcement h2 span {display: none;}
.post-author online, .pa-author, .pa-title, .pa-avatar, .pa-reg, .pa-posts, .pa-respect, .pa-positive, .pa-ip, .pa-online, .pa-time-visit
{
   background: #fafcfe;
   border: 1px solid #cdd6e2;
   border-bottom-width: 2px;
   border-right-width: 2px;
   margin: 3px 1px 3px 1px;
}
</style>

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

[реклама вместо картинки]

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

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

Это в HTML низ

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

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

+3

2

  • Автор: бунтарь
  • r u mine?
  • бунтарь
  • Откуда: Москва.
  • Зарегистрирован: 27-07-2013
  • Приглашений: 0
  • Сообщений: 47
  • Уважение: +3
  • Позитив: 0
  • Пол: Женский
  • Провел на форуме:
    8 часов 42 минуты
  • Последний визит:
    28-03-2014 23:50:32

а как выровнять по центру надписи и добавить окантовку поля: "пол"?

0

3

  • Автор: morgan
  • главный по горшкам
  • morgan
  • Зарегистрирован: 27-07-2012
  • Приглашений: 0
  • Сообщений: 4222
  • Уважение: +1775
  • Позитив: +1413
  • Пол: Мужской
  • Провел на форуме:
    2 месяца 25 дней
  • Последний визит:
    12-03-2019 02:02:54

бунтарь,

.post-author online, .pa-author, .pa-title, .pa-avatar, .pa-reg, .pa-posts, .pa-respect, .pa-positive, .pa-ip, .pa-online, .pa-time-visit
{
   background: #fafcfe;
   border: 1px solid #cdd6e2;
   border-bottom-width: 2px;
   border-right-width: 2px;
   margin: 3px 1px 3px 1px;
   text-aligm: center;
}

Зайдите в администрирование-поля профиля и напротив пола уберите "скрыто".

0

4

  • Автор: Джи
  • «Science has failed our Mother Earth...»
  • Джи
  • Откуда: Бердск
  • Зарегистрирован: 15-06-2012
  • Приглашений: 0
  • Сообщений: 303
  • Уважение: +71
  • Позитив: +9
  • Пол: Женский
  • Возраст: 24 [2000-03-09]
  • Провел на форуме:
    10 дней 12 часов
  • Последний визит:
    18-06-2014 11:27:14
бунтарь написал(а):

добавить окантовку поля: "пол"?

За это поле отвечает селектор ".pa-sex".

.post-author online, .pa-author, .pa-title, .pa-avatar, .pa-reg, .pa-posts, .pa-respect, .pa-positive, .pa-ip, .pa-online, .pa-time-visit, .pa-sex
{
   background: #fafcfe;
   border: 1px solid #cdd6e2;
   border-bottom-width: 2px;
   border-right-width: 2px;
   margin: 3px 1px 3px 1px;
   text-aligm: center;
}

Отредактировано Джи (04-08-2013 09:38:06)

0

5

  • Автор: werty
  • Помидорка!
  • werty
  • Откуда: Мои носки?
  • Зарегистрирован: 05-08-2013
  • Приглашений: 0
  • Сообщений: 119
  • Уважение: +52
  • Позитив: +17
  • Пол: Женский
  • Возраст: 27 [1996-10-01]
  • Провел на форуме:
    1 день 7 часов
  • Последний визит:
    27-05-2015 20:25:18

А как профиль выделить картинкой, как здесь?
http://s5.uploads.ru/t/AGl1H.png
Фон профиля. красной картинкой. У вас есть такой скрипт?

0

6

  • Автор: morgan
  • главный по горшкам
  • morgan
  • Зарегистрирован: 27-07-2012
  • Приглашений: 0
  • Сообщений: 4222
  • Уважение: +1775
  • Позитив: +1413
  • Пол: Мужской
  • Провел на форуме:
    2 месяца 25 дней
  • Последний визит:
    12-03-2019 02:02:54

werty, Вопросы по CSS (& HTML)
Читайте в контексте, и вопрос пользователя, и мой ответ)

0

7

  • Автор: Rosenrot
  • я есмь клевер
  • Rosenrot
  • Зарегистрирован: 12-08-2013
  • Приглашений: 0
  • Сообщений: 50
  • Уважение: +3
  • Позитив: +9
  • Пол: Женский
  • Возраст: 34 [1990-01-16]
  • Провел на форуме:
    22 часа 54 минуты
  • Последний визит:
    27-02-2016 22:11:18
morgan написал(а):

text-aligm: center;

Что делать, если по центру не выравнивается?..

0

8

  • Автор: CRaght
  • Carry Raght
  • CRaght
  • Откуда: Орёл
  • Зарегистрирован: 18-04-2012
  • Приглашений: 0
  • Сообщений: 227
  • Уважение: +259
  • Позитив: +205
  • Пол: Женский
  • Возраст: 30 [1993-12-21]
  • Провел на форуме:
    16 дней 20 часов
  • Последний визит:
    15-01-2017 18:31:47
Rosenrot написал(а):

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

    text-aligm: center;

Что делать, если по центру не выравнивается?..

Не выравнивается, потому что ошибка в коде. Одна маленькая буковка или знак может натворить многое. Будьте внимательнее, тогда и работать всё будет правильно.

text-align: center;

+2

9

  • Автор: Rosenrot
  • я есмь клевер
  • Rosenrot
  • Зарегистрирован: 12-08-2013
  • Приглашений: 0
  • Сообщений: 50
  • Уважение: +3
  • Позитив: +9
  • Пол: Женский
  • Возраст: 34 [1990-01-16]
  • Провел на форуме:
    22 часа 54 минуты
  • Последний визит:
    27-02-2016 22:11:18

CRaght, о, спасибо большое! А не подскажете, какие обозначения отвечают за дополнительные поля профиля и возраст?

0

10

  • Автор: CRaght
  • Carry Raght
  • CRaght
  • Откуда: Орёл
  • Зарегистрирован: 18-04-2012
  • Приглашений: 0
  • Сообщений: 227
  • Уважение: +259
  • Позитив: +205
  • Пол: Женский
  • Возраст: 30 [1993-12-21]
  • Провел на форуме:
    16 дней 20 часов
  • Последний визит:
    15-01-2017 18:31:47
Rosenrot написал(а):

CRaght, о, спасибо большое! А не подскажете, какие обозначения отвечают за дополнительные поля профиля и возраст?

Дополнительные поля:

Код:
pa-fld1
pa-fld2
pa-fld3
pa-fld4
pa-fld5

Это если будете использовать непосредственно к объекту. Если в стилях, то перед каждым значением ставится точка.
Возраст:

Код:
pa-age

+2

11

  • Автор: Rosenrot
  • я есмь клевер
  • Rosenrot
  • Зарегистрирован: 12-08-2013
  • Приглашений: 0
  • Сообщений: 50
  • Уважение: +3
  • Позитив: +9
  • Пол: Женский
  • Возраст: 34 [1990-01-16]
  • Провел на форуме:
    22 часа 54 минуты
  • Последний визит:
    27-02-2016 22:11:18

CRaght, забыла еще спросить про "Последний визит" и связь. Как они обозначаются в коде, не подскажете?

0

12

  • Автор: CRaght
  • Carry Raght
  • CRaght
  • Откуда: Орёл
  • Зарегистрирован: 18-04-2012
  • Приглашений: 0
  • Сообщений: 227
  • Уважение: +259
  • Позитив: +205
  • Пол: Женский
  • Возраст: 30 [1993-12-21]
  • Провел на форуме:
    16 дней 20 часов
  • Последний визит:
    15-01-2017 18:31:47
Rosenrot написал(а):

CRaght, забыла еще спросить про "Последний визит" и связь. Как они обозначаются в коде, не подскажете?

Вот все обозначения:
Всё тоже самое, при использовании в стилях перед каждым обозначением ставится точка.

Код:
pa-author    //Ник-Нейм
pa-avatar     //Аватар
pa-title      //статус
pa-reg        //Зарегистрирован
pa-invites //Приглашений
pa-posts      //Кол-во сообщений:
pa-respect    //Уважение:
pa-positive   //Позитив
pa-sex        //Пол
pa-age        //Возраст
pa-icq        //Аська
pa-ip         //IP Юзера
pa-from       //Откуда
pa-time-visit    //Провел на форуме:
pa-last-visit    //Последний визит:
pa-fld1       //Доп.Поле.1
pa-fld2       //Доп.Поле.2
pa-fld3       //Доп.Поле.3 
pa-fld4       //Доп.Поле.4
pa-fld5      //Доп.Поле.5

+1

13

  • Автор: Rosenrot
  • я есмь клевер
  • Rosenrot
  • Зарегистрирован: 12-08-2013
  • Приглашений: 0
  • Сообщений: 50
  • Уважение: +3
  • Позитив: +9
  • Пол: Женский
  • Возраст: 34 [1990-01-16]
  • Провел на форуме:
    22 часа 54 минуты
  • Последний визит:
    27-02-2016 22:11:18

CRaght, шикарно! Благодарю!

0

14

  • Автор: CRaght
  • Carry Raght
  • CRaght
  • Откуда: Орёл
  • Зарегистрирован: 18-04-2012
  • Приглашений: 0
  • Сообщений: 227
  • Уважение: +259
  • Позитив: +205
  • Пол: Женский
  • Возраст: 30 [1993-12-21]
  • Провел на форуме:
    16 дней 20 часов
  • Последний визит:
    15-01-2017 18:31:47
Rosenrot написал(а):

CRaght, шикарно! Благодарю!

Рада была помочь)

0

15

  • Автор: Darkchild
  • я есмь клевер
  • Darkchild
  • Зарегистрирован: 28-01-2015
  • Приглашений: 0
  • Сообщений: 25
  • Уважение: 0
  • Позитив: 0
  • Провел на форуме:
    4 часа 7 минут
  • Последний визит:
    19-09-2020 15:31:46
morgan написал(а):

werty, Вопросы по CSS (& HTML)
Читайте в контексте, и вопрос пользователя, и мой ответ)

Доброго времени суток! А для особенно тупых, можно было бы получить подробный скрипт по выставлению изображения-фона в мини-топике профиля? Уж сколько раз ни пробовал, ничего не отображается.

0

Страница: 1

Вы здесь » COLOR MATE » Каталог CSS|JS » Окантовка профиля в сообщении