Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: Savepic Видео фоторедактор Транслит

Профиль или рамка аватара

Предыдущая тема Следующая тема Перейти вниз

Профиль или рамка аватара

Сообщение автор Fin в Пн 28 Фев - 16:48

Была такая тема,только там скрипт для PphBB3
А мне надо на второй,давно уже прошу скрипт в css или куда он,точно не пойму.С сайта http://www.poltergeist-legacy.com/
Именно как оформлен профиль.


Последний раз редактировалось: Fin (Вт 1 Мар - 11:47), всего редактировалось 1 раз(а)

Fin
 

Мужчина

Сообщения : 61
Возраст : 24
Место обитания : Челябинск
Регистрация : 2008-11-04
Благодарности : 0

Без предупреждений

http://bleach.2x2forum.ru/forum

Вернуться к началу Перейти вниз

Re: Профиль или рамка аватара

Сообщение автор ShMaster в Пн 28 Фев - 17:00

http://help.forum2x2.ru/t12018-topic - смотри тут =)

ShMaster
 

Мужчина

Сообщения : 74
Возраст : 27
Место обитания : Тянь-Шань
Регистрация : 2010-11-13
Благодарности : 8

Без предупреждений

http://naruto-baseur-rpg.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Профиль или рамка аватара

Сообщение автор Fin в Пн 28 Фев - 17:08

ShMaster Спасибо,но я знаю эту тему.И это не то.

Fin
 

Мужчина

Сообщения : 61
Возраст : 24
Место обитания : Челябинск
Регистрация : 2008-11-04
Благодарности : 0

Без предупреждений

http://bleach.2x2forum.ru/forum

Вернуться к началу Перейти вниз

Re: Профиль или рамка аватара

Сообщение автор Домовой в Пн 28 Фев - 20:00

Для phpBB2

Профиль в рамке, при наведении меняется фон.



В шаблоне viewtopic_body (Показ темы) находим фрагмент:
Код:
<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span>

            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}

            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}


            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
и меняем на
Код:
<div class="profill"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}

</strong></span>
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}
            {postrow.displayed.RANK_IMAGE}
{postrow.displayed.POSTER_AVATAR}</div>
            <!-- BEGIN profile_field -->
            <div class="profill">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}</div>
            <!-- END profile_field -->
Измененный шаблон сохранить и опубликовать.

В Каскадная таблица стилей CSS вставляем код:

/*Обрамление профиля*/
.profill{
background-color: #FBFBDB;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius:4px;

border: 2px double #BEA168;
display:block;
margin:1px 5px;
padding: 2px;
font-size:0.7em;
text-align:center;
}
.profill:hover {
background: url(http://www.imghost.in/images/ywlngk8fh8s47rjzwdd2.jpg);
}
цвет фона ячеек
закругление углов рамки
толщина, стиль и цвет рамки
фон ячеек при наведении курсора

Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Место обитания : :яинатибо отсеМ
Регистрация : 2010-01-30
Благодарности : 3216

Без предупреждений

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Re: Профиль или рамка аватара

Сообщение автор Dana Domirani в Пн 28 Фев - 20:01

Вот такой получился результат адаптации профиля с моего форума на BB2:

Единственное, что не стала встраивать - это разворачивающуюся панель рангов.

1. В шаблоне viewtopic_body (Показ темы) Удалите исходные фрагменты к кнопкам профиля и быстрого перемещения по странице:
Код:
{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
и
Код:
<a href="#top">{L_BACK_TO_TOP}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a>

Кроме этого, найдите фрагмент
Код:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr align="right">
      <td class="catHead" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint">&nbsp;</td>
               <td align="center" class="t-title">
                  <h1 class="cattitle">&nbsp;{TOPIC_TITLE}</h1>
и в первой строке
Код:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
обнулите cellspacing
Код:
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">

2. В том же шаблоне замените фрагмент
Код:
         <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span>

            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}

            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}


            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
         </span>

         <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
на:
Код:
<div class="user"><div class="user-basic-info"><div class="username"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></div>            

<div class="aviva">
<div class="user-contact">
{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
</div>
<div class="avvv">{postrow.displayed.POSTER_AVATAR}</div>
</div>

<span class="prfav">{postrow.displayed.ONLINE_IMG}</span>

<div class="prfc">{postrow.displayed.POSTER_RANK}
{postrow.displayed.RANK_IMAGE}</div>

<div class="user-info">
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}

<div class="imgtop"><a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a></div>
Сохраните и опубликуйте шаблон.

3. Добавьте в CSS:
Код:
.post td.row1, .post td.row2 {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

.user {
background-color: #F4F4F4;
padding: 0;
border: 2px solid #d4d6d5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
margin-bottom:20px;
width: 190px;
}

.user-info {
color: #666;
line-height: 1.5 em;
font-size: 10px;
margin-left: 5px;
}

.aviva {
display:block;
margin: 10px 5px 0 5px;
background-color: #eee;
border: 1px solid #DDDDDD;
padding: 5px 5px 10px;
overflow:hidden;
}

.aviva img {
border: 2px solid #DDDDDD;
}

.aviva .user-contact img {
border: none;
}

.username {
background-color: transparent;
border-bottom: 1px solid #DDDDDD;
padding: 5px 1px;
font-size: 13px;
width: 100%;
text-align:center;
}

.user-basic-info .user-contact a {
display:block;
padding-bottom: 2px;
}

.user-basic-info .user-contact {
display:block;
float: right;
}

.prfav {
display:block;
position: relative;
width: 87px;
height: 13px;
background: transparent url("http://i27.servimg.com/u/f27/14/67/67/89/kg13-515.png") no-repeat;
margin: -7px auto 0;
}

.prfav img {
display:block;
position: relative;
}

.prfc {
text-align:center;
}

.imgtop {
position: relative;
margin: 0 auto;
width: 70px;
top: 13px;
border: 2px solid #d4d6d5;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
background-color: #F8F8FF;
padding: 1px 0 2px;
text-align: center;
}
и сохраните.

4. Поставьте в настройках ПА > Оформление > Аватары > Галерея аватар - Личные аватары: максимальную ширину 120px.
Вообще максимальная ширина аватара зависит от размеров кнопок профиля и ширины блока .user - если поставить width больше 190px, то и максимальную ширину аватар можно увеличить.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22084
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Профиль или рамка аватара

Сообщение автор Fin в Вт 1 Мар - 0:16

Dana Domirani Большое спасибо
Один тогда вопрос.Как изменить поле,цвет
Это поле не видно на сайте,как изменить на черный сайт.
Количество сообщений: 10220
Возраст: 17
Географическое положение: во мраке пустоты..

Fin
 

Мужчина

Сообщения : 61
Возраст : 24
Место обитания : Челябинск
Регистрация : 2008-11-04
Благодарности : 0

Без предупреждений

http://bleach.2x2forum.ru/forum

Вернуться к началу Перейти вниз

Re: Профиль или рамка аватара

Сообщение автор Dana Domirani в Вт 1 Мар - 1:02

Чтобы изменить цвет заголовков
Количество сообщений: 10220
Возраст: 17
Географическое положение: во мраке пустоты..
надо настроить цвета в ПА > Пользователи > Профили > modif справа от каждого поля.

А для цвета содержимого
Количество сообщений: 10220
Возраст: 17
Географическое положение: во мраке пустоты..
измените значение color в этом фрагменте:
Код:
.user-info {
color: #666;
line-height: 1.5 em;
font-size: 10px;
margin-left: 5px;
}



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22084
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Профиль или рамка аватара

Сообщение автор Fin в Вт 1 Мар - 11:47

Спасибо.Проблема решена
Дана спасибо еще раз за такую работу.

Fin
 

Мужчина

Сообщения : 61
Возраст : 24
Место обитания : Челябинск
Регистрация : 2008-11-04
Благодарности : 0

Без предупреждений

http://bleach.2x2forum.ru/forum

Вернуться к началу Перейти вниз

Re: Профиль или рамка аватара

Сообщение автор Dana Domirani в Вт 1 Мар - 11:50

Пожалуйста! Рада, когда могу помочь.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22084
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения