Небольшая модификация позволяющая скрывать и раскрывать информацию о пользователе под аватаром.
Как работает эта модификация можно посмотреть на нашем форуме кликнув на "Доп. информация" в профиле пользователя напротив сообщения.
Модификация для prosilver и его клонов.
Открываем шаблон
перед найденным добавляем:
Закачиваем изображения на форум и меняем ссылки на свои.
Открываем шаблон
Перед найденным вставляем:
Ниже находим:
Перед найденным вставляем:
Модификация для subsilver2 и его клонов.
Открываем шаблон
перед найденным добавляем:
Закачиваем изображения на форум и меняем ссылки на свои.
Открываем шаблон
меняем на:
Изображения
Вариант без использования изображений, надписи - развернуть и свернуть.
Для обоих стилей скрипт будет следующим:
Для prosilver, в шаблоне
Перед найденным вставляем:
Ниже находим:
Перед найденным вставляем:
Для subsilver2 в шаблоне
меняем на:
Пользуемся.
Как работает эта модификация можно посмотреть на нашем форуме кликнув на "Доп. информация" в профиле пользователя напротив сообщения.
Модификация для prosilver и его клонов.
Открываем шаблон
overall_header.html
, находим:
Код: Выделить всё
// ]]>
</script>
Код: Выделить всё
function doCollapseExpand(id,img){
var b = document.getElementById(id);
if (b.style.display=='none'){
b.style.display='';
document.images[img].src='/images/dopinfo_up.gif';
} else {
b.style.display='none';
document.images[img].src='/images/dopinfo_down.gif';
} return false; }
/images/dopinfo_up.gif
- изображение вверх, закрыть пункты профиля./images/dopinfo_down.gif
- изображение вниз, открыть пункты профиля.Закачиваем изображения на форум и меняем ссылки на свои.
Открываем шаблон
viewtopic_body.html
, находим:
Код: Выделить всё
<!-- IF postrow.POSTER_POSTS != '' --><dd><strong>{L_POSTS}:</strong> {postrow.POSTER_POSTS}</dd><!-- ENDIF -->
Код: Выделить всё
<dd>
<!-- IF postrow.U_POST_AUTHOR -->
<a href="#" onclick="return doCollapseExpand('box{postrow.POST_ID}','btn{postrow.POST_ID}')">
<img src="/images/dopinfo_down.gif" height="20" width="150" name="btn{postrow.POST_ID}" alt="" /></a>
<!-- ENDIF -->
</dd>
<dl id="box{postrow.POST_ID}" style="display: none; margin-top: 5px; margin-bottom: 5px;">
/images/dopinfo_down.gif
- меняем ссылку на своё изображение вниз. Если изображение других размеров, не забудьте изменить значения на свои.Ниже находим:
Код: Выделить всё
</dl>
<!-- ENDIF -->
Код: Выделить всё
</dl>
Модификация для subsilver2 и его клонов.
Открываем шаблон
overall_header.html
, находим:
Код: Выделить всё
// ]]>
</script>
Код: Выделить всё
function doCollapseExpand(id,img){
var b = document.getElementById(id);
if (b.style.display=='none'){
b.style.display='';
document.images[img].src='/images/dopinfo_up.gif';
} else {
b.style.display='none';
document.images[img].src='/images/dopinfo_down.gif';
} return false; }
/images/dopinfo_up.gif
- изображение вверх, закрыть пункты профиля./images/dopinfo_down.gif
- изображение вниз, открыть пункты профиля.Закачиваем изображения на форум и меняем ссылки на свои.
Открываем шаблон
viewtopic_body.html
, находим:
Код: Выделить всё
<span class="postdetails">
Код: Выделить всё
<span class="postdetails">
<!-- IF postrow.U_POST_AUTHOR -->
<a href="#" onclick="return doCollapseExpand('box{postrow.POST_ID}','btn{postrow.POST_ID}')">
<img src="/images/dopinfo_down.gif" height="20" width="150" name="btn{postrow.POST_ID}" alt="" /></a>
<!-- ENDIF -->
</span>
<span id="box{postrow.POST_ID}" class="postdetails" style="display: none;">
/images/dopinfo_down.gif
- меняем ссылку на своё изображение вниз. Если изображение других размеров, не забудьте изменить значения на свои.Изображения
Вариант без использования изображений, надписи - развернуть и свернуть.
Для обоих стилей скрипт будет следующим:
Код: Выделить всё
function doCollapseExpand(id){
var b = document.getElementById(id);
if (b.style.display=='none'){
b.style.display='';
document.getElementById('btn').innerHTML = '{L_COLLAPSE_VIEW}';
} else {
b.style.display='none';
document.getElementById('btn').innerHTML = '{L_EXPAND_VIEW}';
} return false; }
viewtopic_body.html
, находим:
Код: Выделить всё
<!-- IF postrow.POSTER_POSTS != '' --><dd><strong>{L_POSTS}:</strong> {postrow.POSTER_POSTS}</dd><!-- ENDIF -->
Код: Выделить всё
<dd>
<!-- IF postrow.U_POST_AUTHOR -->
<a href="#" onclick="return doCollapseExpand('box{postrow.POST_ID}')"><b id="btn">{L_EXPAND_VIEW}</b></a>
<!-- ENDIF -->
</dd>
<dl id="box{postrow.POST_ID}" style="display: none; margin-top: 5px; margin-bottom: 5px;">
Код: Выделить всё
</dl>
<!-- ENDIF -->
Код: Выделить всё
</dl>
Для subsilver2 в шаблоне
viewtopic_body.html
:
Код: Выделить всё
<span class="postdetails">
Код: Выделить всё
<span class="postdetails">
<!-- IF postrow.U_POST_AUTHOR -->
<a href="#" onclick="return doCollapseExpand('box{postrow.POST_ID}')"><b id="btn">{L_EXPAND_VIEW}</b></a>
<!-- ENDIF -->
</span>
<span id="box{postrow.POST_ID}" class="postdetails" style="display: none;">
Комментарии: 44
По поводу скрипта я уже выше дал ссылку.
По поводу остального, строка:
в 3.1 и 3.2 версиях выглядит так:
в принципе можно догадаться что это тоже самое.
Всё.
По поводу центрирования профиля. В content.css к
По поводу остального, строка:
Код: Выделить всё
<!-- IF postrow.POSTER_POSTS != '' --><dd><strong>{L_POSTS}:</strong> {postrow.POSTER_POSTS}</dd><!-- ENDIF -->
Код: Выделить всё
<!-- IF postrow.POSTER_POSTS != '' --><dd class="profile-posts"><strong>{L_POSTS}{L_COLON}</strong> <!-- IF postrow.U_SEARCH !== '' --><a href="{postrow.U_SEARCH}"><!-- ENDIF -->{postrow.POSTER_POSTS}<!-- IF postrow.U_SEARCH !== '' --></a><!-- ENDIF --></dd><!-- ENDIF -->
Всё.
По поводу центрирования профиля. В content.css к
.postprofile {
добавить text-align: center;
, далее найти:
Код: Выделить всё
.postprofile .avatar {
display: block;
float: left;
max-width: 100%;
}
float: left;
заменить на margin: 0 auto;
.Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
CabinetAdmin, скрипт я туда и вставлял. Там все верно.
Вот это не туда вставил
Просто такой строки не было. Пришлось допирать, где окончание кода.
А так, да, все получилось, спасибо!
Вот это не туда вставил
Код: Выделить всё
[quote="CabinetAdmin"][post]64095[/post] Ниже находим:
КОД: ВЫДЕЛИТЬ ВСЁ
</dl>
<!-- ENDIF -->
Перед найденным вставляем:
КОД: ВЫДЕЛИТЬ ВСЁ
</dl>[/quote]
А так, да, все получилось, спасибо!
Ну ёмаё...
Найти:
и перед добавить:
Найти:
Код: Выделить всё
</dl>
<div class="postbody">
Код: Выделить всё
</dl>
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
Можно, но тогда будут нужны ещё и стили.
Структура:
остальное тоже самое.
Скрипт:
И стили:
Структура:
Код: Выделить всё
<dd>
<!-- IF postrow.U_POST_AUTHOR -->
<a href="#" onclick="return doCollapseExpand('box{postrow.POST_ID}','btn{postrow.POST_ID}')">
<img src="/images/dopinfo_down.gif" height="20" width="150" name="btn{postrow.POST_ID}" alt="" /></a>
<!-- ENDIF -->
</dd>
<dl id="box{postrow.POST_ID}" class="dopinfo">
Скрипт:
Код: Выделить всё
<script>
function doCollapseExpand(id){
var b = document.getElementById(id);
if (b.className=='dopinfo'){
b.classList.add('dopinfo-open');
document.getElementById('btn').innerHTML = '{L_COLLAPSE_VIEW}';
} else {
b.classList.remove('dopinfo-open');
document.getElementById('btn').innerHTML = '{L_EXPAND_VIEW}';
} return false;
}
</script>
Код: Выделить всё
.dopinfo {
opacity: 0;
max-height: 0;
overflow: hidden;
margin-top: 5px;
margin-bottom: 5px;
-webkit-transition: opacity .3s, max-height .3s;
-moz-transition: opacity .3s, max-height .3s;
transition: opacity .3s, max-height .3s;
}
.dopinfo.dopinfo-open {
max-height: 250px;
opacity: 1;
}
opacity .3s
плавное появление - 0.3 секунды.max-height .3s
плавное открытие до максимальной высоты блока, так же 0.3 секунды.max-height: 250px;
максимальная высота блока, если мало - добавить.Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!