Информация

  • FastVps - Хостинг для форума
  • RegPartner - Домены по правильным ценам

"4admins.ru" Рекомендует

Скрипт "Информация о пользователе под споилер"

Графическое оформление, Шаблоны (html), темы (css), логотипы, картинки, смайлики и другое.
  • Автор 
    Сообщение
Аватара пользователя
Сообщения: 86
Зарегистрирован: 01 янв 2011, 19:59
Благодарил (а): 22
Поблагодарили: 43 раз в 25 сообщениях
Город: судак
Пол: Мужской
Адрес форума: http://4club.4adm.ru/
Баллы репутации: 7

Скрипт "Информация о пользователе под споилер"

Сообщение Добавлено: 16 апр 2011, 18:41

Споилер выглядит так:
Изображение

В развернутом виде:
Изображение

И так начнем.
Идем в CSS, то есть: стили - темы - ваш шаблон - и добовляем:
Код: Выделить всё
.topicinfo {
   border-width: 1px 1px 0 1px;
   border-style: solid;
   border-color: #A9B8C2;
   color: #333333;
   background-color: #A9B8C2;
   font-size: 0.85em;
   font-weight: bold;
}


Сохраняем, и идем дальше:
Стили - Шаблоны - ваш шаблон - viewtopic_body.html, и ищем:
Код: Выделить всё
<span class="postdetails">
<!-- IF postrow.POSTER_JOINED --><br /><b>{L_JOINED}:</b> {postrow.POSTER_JOINED}<!-- ENDIF -->


ПЕРЕД найденным добавляем:
Код: Выделить всё
<div><div class="topicinfo"> <input type="button" value="Show" style="width:100%;font-size:10px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';      this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" /></div><div><div style="display: none;">


Ищем дальше:
Код: Выделить всё
<!-- IF postrow.S_GIVE_NEGATIVE--><a href="{postrow.U_ADD_NEG}"><img src="{T_IMAGES_PATH}reputation/subtract.png" title="{L_RP_SUBTRACT_POINTS} {postrow.POST_AUTHOR}" alt="{L_RP_SUBTRACT_POINTS} {postrow.POST_AUTHOR}" /></a><!-- ENDIF --><!-- ENDIF -->
                   <!-- ENDIF -->
            </span>


ПОСЛЕ найденного добавляем:
Код: Выделить всё
</div></div></div>


Вот и все. Должно получится как на скрине. Скрипт делал я.
Изображение
Перевод кнопок ЗДЕСЬ | ЗДЕСЬ

Аватара пользователя
антивирус
антивирус
Сообщения: 605
Зарегистрирован: 25 дек 2011, 03:00
Благодарил (а): 83
Поблагодарили: 119 раз в 98 сообщениях
Город: Царицын
Пол: Мужской
Адрес форума: http://forum.sdmon.ru/
Баллы репутации: 23

Re: Скрипт "Информация о пользователе под споилер"

Сообщение Добавлено: 25 дек 2011, 05:01

Хорошее дополнение. Подскажите, пожалуйста, как вместо надписей Show и Hide вставить картинки? Т.е. я хочу сделать кнопки в соответствии с цветовым оформлением стиля.
Изображение
Изображение

Аватара пользователя
Сообщения: 86
Зарегистрирован: 01 янв 2011, 19:59
Благодарил (а): 22
Поблагодарили: 43 раз в 25 сообщениях
Город: судак
Пол: Мужской
Адрес форума: http://4club.4adm.ru/
Баллы репутации: 7

Re: Скрипт "Информация о пользователе под споилер"

Сообщение Добавлено: 25 дек 2011, 13:36

Ариан

Заместо:
Код: Выделить всё
<div><div class="topicinfo"> <input type="button" value="Show" style="width:100%;font-size:10px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';      this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" /></div><div><div style="display: none;">


Вставляем:
Код: Выделить всё
<div><div class="topicinfo"><img src="Ваша картинка" alt="Показать/скрыть" value="Show" type="button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';      this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" /></div><div><div style="display: none;">


"Ваша картинка" заменяем на свое.

в css удаляем старое, добавляем новое:
Код: Выделить всё
.topicinfo {
text-align: center;
}
Изображение
Перевод кнопок ЗДЕСЬ | ЗДЕСЬ

Аватара пользователя
Сообщения: 86
Зарегистрирован: 01 янв 2011, 19:59
Благодарил (а): 22
Поблагодарили: 43 раз в 25 сообщениях
Город: судак
Пол: Мужской
Адрес форума: http://4club.4adm.ru/
Баллы репутации: 7

Re: Скрипт "Информация о пользователе под споилер"

Сообщение Добавлено: 25 дек 2011, 18:10

еще один скрипт

С помощью картинки:

Вместо:
Код: Выделить всё
<div><div class="topicinfo"> <input type="button" value="Show" style="width:100%;font-size:10px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';      this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" /></div><div><div style="display: none;">


Вставляем
Код: Выделить всё
<div class="main" id="spo_all"><div class="category" id="spo_top" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><h2><center><img src="ССЫЛКА НА КАРТИНКУ "></center></h2></div><div id="spoiler4" style="background-color: #FFFFCC;">


Вместо:
Код: Выделить всё
</div></div></div>


Вствляем:
Код: Выделить всё
</div></div>


в css добавляем:
Код: Выделить всё
#spo_all {
width: 95%;
margin: 0 auto 0 auto;
}
#spo_top {
border: 0px solid;
color: #000;
font-weight: bold;
font-family: "Courier New", Courier, monospace;
font-size: 12px;
margin: 8px auto 0 auto;
padding: 0px;
height: 28px;
cursor: pointer;
}
#spoiler4 {
background: #FAFCFE;
border: 1px dotted #000;
border-top: 0;
padding: 4px;
margin: 0 auto 8px auto;
display:none;
}
#spo_option {
font-weight:bold;
cursor:pointer;
float:left;}
#spo_desc {
float:right;
}


Заместо <img src="ССЫЛКА НА КАРТИНКУ "> можно вставить любой текст, даже как я сделал, вставить ранг.
Изображение
Перевод кнопок ЗДЕСЬ | ЗДЕСЬ

Аватара пользователя
антивирус
антивирус
Сообщения: 605
Зарегистрирован: 25 дек 2011, 03:00
Благодарил (а): 83
Поблагодарили: 119 раз в 98 сообщениях
Город: Царицын
Пол: Мужской
Адрес форума: http://forum.sdmon.ru/
Баллы репутации: 23

Re: Скрипт "Информация о пользователе под споилер"

Сообщение Добавлено: 25 дек 2011, 19:39

Благодарю. Позволю себе ещё один вопросик. Как сделать, чтобы в закрытом состоянии была одна картинка а в открытом другая . Типа, хочу кнопки "Показать" "Скрыть". Кнопки нарисую сам. :)
Изображение
Изображение

Сообщения: 2
Зарегистрирован: 28 дек 2011, 01:30
Благодарил (а): 0
Поблагодарили: 0 раз в 0 сообщении
Город: Samara-Town
Пол: Мужской
Адрес форума: http://www.chatomystik.ru
Баллы репутации: 0

Re: Скрипт "Информация о пользователе под споилер"

Сообщение Добавлено: 28 дек 2011, 01:33

Немного не доходит, где указывается длина рамки? Можно как-то срезать расстояние между сообщениями и профилем, а то получается такая фигня...
Изображение

Аватара пользователя
Сообщения: 86
Зарегистрирован: 01 янв 2011, 19:59
Благодарил (а): 22
Поблагодарили: 43 раз в 25 сообщениях
Город: судак
Пол: Мужской
Адрес форума: http://4club.4adm.ru/
Баллы репутации: 7

Re: Скрипт "Информация о пользователе под споилер"

Сообщение Добавлено: 28 дек 2011, 14:33

sparksurgeon
div><div class="topicinfo"> <input type="button" value="Show" style="width:100%;font-size:10px;margin:0px;padding:0px;" onclick="if

width:100% - поменяй на свое
Изображение
Перевод кнопок ЗДЕСЬ | ЗДЕСЬ

Сообщения: 2
Зарегистрирован: 28 дек 2011, 01:30
Благодарил (а): 0
Поблагодарили: 0 раз в 0 сообщении
Город: Samara-Town
Пол: Мужской
Адрес форума: http://www.chatomystik.ru
Баллы репутации: 0

Re: Скрипт "Информация о пользователе под споилер"

Сообщение Добавлено: 29 дек 2011, 13:59

k1llers
Менял уже, в результате сократилась только длина кнопки...

Сейчас заметил ещё кое-что - при масштабировании страницы кнопка (как впрочем и все данные о профиле) изменяются по-своему, не в соответствии с другими элементами. У них нет ограничений на используемое пространство. Так например, при сильном увеличении, кнопка залезает на посты... Или это я что-то сделал не так?....


Вернуться в Оформление Форума

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 6