Возможно ли, сделать окантовку профиля с эффектом кода
Код:
[hr]
? а после спрятать под кнопку?
Пример:
Имя
Сообщений
Репутация
Инвентарь
Здоровье
Теги: Вопросы от новичков
[Решено]Профиль
Страница: 1
Тема закрыта
Сообщений 1 страница 10 из 10
Поделиться114.08.12 15:11
- Бестелесный дух прошлого
- Уважение: +16
Поделиться216.08.12 14:53
- Бестелесный дух прошлого
- Уважение: +16
up
Поделиться321.08.12 19:54
- Бестелесный дух прошлого
- Уважение: +16
up
Поделиться421.08.12 21:16
- Бестелесный дух прошлого
- Уважение: +874
Inkto
используйте скрипт от Deff'а, который скрывает профиль, у нас в скриптах поищите.
А по поводу окантовки - Вас обычная рамка не устраивает?
Поделиться524.08.12 23:19
- Бестелесный дух прошлого
- Уважение: +16
sadhaka
Скрипт Deff'a рассчитан на 2 части, если я о том. Пробовал его соединить, но он совсем тогда не работает.
Рамка мне по сути не нужна, нужно чтоб пункты были разделены, а не в кучку.
Поделиться624.08.12 23:41
- Бестелесный дух прошлого
- Уважение: +874
Inkto
Я про этот http://forum.mybb.ru/viewtopic.php?id=6 … 25#p672901
Inkto написал(а):
Рамка мне по сути не нужна, нужно чтоб пункты были разделены, а не в кучку.
Ну рамку же ж можно сделать только снизу, вот и будет разделение
Что-то типа такого
[html]<style>#testborder div{border-bottom: 1px solid #000;padding-bottom: 3px;width:150px;margin-bottom: 5px; height: 20px;}</style><div id="testborder"><div>Имя</div><div>Раса</div><div>Внешность</div><div>Инвентарь</div></div>[/html]
Если пойдет, то скажите, у Вам между всеми пунктами профиля нужны разделители или только между дополнительными?
Поделиться726.08.12 20:37
- Бестелесный дух прошлого
- Уважение: +16
Код
<!--Сворачивалка в профиле в топике заданных пунктов инфы юзера -->
<style>li.pa-hidePunk {border:inset 1px;padding:0 8px;width:131px;cursor:pointer; cursor:hand; margin-top: 12px;}</style>
<script type="text/javascript">
<img src="http://i24.servimg.com/u/f24/16/54/26/99/prof10.png" />; // Надпись на разворачивалкеhidePunkt=new Array(
//"pa-author", //Ник-Нейм
//"pa-title", //статус
//"pa-avatar", //Аватар
"pa-from", //Откуда
"pa-reg", //Зарегистрирован
"pa-invites", //Приглашений
"pa-posts", //Кол-во сообщений:
"pa-respect", //Уважение:
"pa-positive", //Позитив
"pa-sex", //Пол
"pa-age", //Возраст
"pa-fld1", //Доп.Поле.1
"pa-fld2", //Доп.Поле.2
"pa-fld3", //Доп.Поле.3
"pa-fld4", //Доп.Поле.4
"pa-fld5", //Доп.Поле.5
"pa-ip", //IP Юзера
"pa-time-visit", //Провел на форуме:
"pa-last-visit", //Последний визит:
"pa-online", //Пользователь online
"End ul")
var g012='<li class="pa-hidePunk">';
g01='<span>'+g01+'</span>';
g00='<span>'+g00+'</b></span>';
$(".post .post-author").each(function () {
for(var i=0;i<hidePunkt.length-1;i++){
if($(this).find("li."+hidePunkt[i]).html()!=null){
$(this).find("li."+hidePunkt[i]).addClass('hidePunkt');};};
$(this).find("ul").append(g012+g01+g00+'</li>');
$(this).find("li.pa-hidePunk span:last").hide();
$(this).find(".hidePunkt").hide();
});
$("li.pa-hidePunk").click(function () {
$(this).find("span").toggle();
$(this).parent("ul").find("li.hidePunkt").toggle('slow');});
</script>
Не работает, или где-то у меня ошибка...
Поделиться827.08.12 00:23
- Бестелесный дух прошлого
- Уважение: +874
Inkto
У вас в хтмл-верхе незакрытый див, исправьте для начала это.
Поделиться928.08.12 15:34
- Бестелесный дух прошлого
- Уважение: +16
Не нашел его.(
Поделиться1028.08.12 23:58
- Бестелесный дух прошлого
- Уважение: +874
Inkto
А он там есть
Код:
<style type="text/css">
.punbb .quote-box, .punbb .code-box {background: url(http://s018.radikal.ru/i511/1208/10/2619178d72c4.jpg);}
</style>
<!-- cтрелочки -вверх вниз страницы -->
<div style="position:fixed; right:15%; bottom: 40%;">
<a href=#top onClick="scrollTo(0,0); return false;" title="Вверх страницы"><img src="http://uploads.ru/i/J/j/i/Jjier.png" alt="Вверх страницы" ></a><br/>
<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы"><img style="margin-top: -4px;" src="http://uploads.ru/i/v/t/B/vtBsR.png" alt="Вниз страницы" ></a>
</div><!--конец cтрелочки -->
<style type="text/css">
.punbb .quote-box, .punbb .code-box {
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;
box-shadow: 0px 5px 18px #000;
-webkit-box-shadow:0px 5px 18px #000;
-khtml-box-shadow:0px 5px 18px #000;
-moz-box-shadow:0px 5px 18px #000;
}
</style>
<script type="text/javascript" src="http://forumstatic.ru/files/0011/88/07/14392.js"></script>
<script>
$(document).ready(function() {
$("ul#nav li a").addClass("js");
$("ul#nav li a").hover(
function () {
$(this).stop(true,true).animate({backgroundPosition:"(0 0)"}, 200);
$(this).animate({backgroundPosition:"(0 -5px)"}, 150);
},
function () {
$(this).animate({backgroundPosition:"(0 -149px)"}, 200);
}
);
});
</script>
<style type="text/css"> /*Спойлер */
.punbb .quote-box.spoiler-box {
border:#C6C6CF 1px solid;
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
box-shadow: 0px 2px 4px #8E8E8E;
-webkit-box-shadow: 0px 2px 4px #8E8E8E;
-khtml-box-shadow: 0px 2px 4px #8E8E8E;
-moz-box-shadow: 0px 2px 4px #8E8E8E;
}
.post-content .spoiler-box > blockquote.visible {
display: none;}.punbb .spoiler-box blockquote {
min-width: 100%!important;
}
.post-content .spoiler-box span.hide{
display:none;
}
</style>
<script>
$(document).ready(function(){
$(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']").each(function() {
$(this).html($(this).html().replace(/(.*)?\|(.*)?/img,'<span class="visible">$1</span><span class="hide">$2</span>'))
});
$(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']").click(function(){
$(this).next('blockquote').toggle('Slow');
$(this).find('span:eq(0),span:eq(1)').toggleClass('hide').toggleClass('visible');
});
});
</script>
<script type="text/javascript" src="http://forumstatic.ru/files/0011/6d/4d/44458.js"></script>
<script type="text/javascript" src="http://forumstatic.ru/files/0011/6d/4d/60211.js"></script>
<script type="text/javascript" src="http://forumstatic.ru/files/0011/6d/4d/41587.js"></script>
<script type="text/javascript">
$(function(){
$('#navigation_horiz').naviDropDown({
dropDownWidth: '300px'
});
$('#navigation_vert').naviDropDown({
dropDownWidth: '300px',
orientation: 'vertical'
});
});
</script>
<style type="text/css">
----------------------------------------------------- */
/* navigation styles - BEGIN */
/* style for horizontal nav */
#navigation_horiz {width:820px; clear:both; padding:0 0 0 0; margin:0 auto}
#navigation_horiz ul {height:50px; display:block}
#navigation_horiz ul li {display:block; float:left; width:100px; height:50px; background:#; margin:0 1px 0 0; position:relative}
#navigation_horiz ul li a.navlink {display:block; width:100px; height:30px; padding: 20px 0 0 0; text-align:center; color:#e2dfe3; text-decoration:none}
#navigation_horiz .dropdown {position:absolute; padding:20px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px}
/* style for vertical nav */
#navigation_vert {width:820px; clear:both; padding:0 0 0 0; margin:0 auto}
#navigation_vert ul {height:50px; display:block}
#navigation_vert ul li {display:block; width:200px; height:50px; background:#999; margin:0 0 1px 0; position:relative}
#navigation_vert ul li a.navlink {display:block; *display:inline-block; width:200px; height:30px; padding: 20px 0 0 0; text-align:center; color:#fff; text-decoration:none}
#navigation_vert .dropdown {position:absolute; padding:20px; border-bottom-right-radius:10px; border-top-right-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topright:10px}
/* style for each drop down - horizontal */
#navigation_horiz ul li #dropdown_one {background:#130b09; color:#fff}
#navigation_horiz ul li #dropdown_one a {color:red}
#navigation_horiz ul li #dropdown_two {background:#130b09; color:#fff}
#navigation_horiz ul li #dropdown_two a {color:black}
#navigation_horiz ul li #dropdown_three {background:#130b09; color:#fff}
#navigation_horiz ul li #dropdown_three a {color:gray}
/* style for each drop down - vertical */
#navigation_vert ul li #dropdown_four {background:#333; color:#fff}
#navigation_vert ul li #dropdown_four a {color:red}
#navigation_vert ul li #dropdown_five {background:#666; color:#fff}
#navigation_vert ul li #dropdown_five a {color:black}
#navigation_vert ul li #dropdown_six {background:#777; color:#fff}
#navigation_vert ul li #dropdown_six a {color:orange}
/* navigation styles - END */
/* ----------------------------------------------------- */
</style>
<div style="position: absolute; top: -325px; left: -378px; color:#fff; width:310px;">
<div id="navigation_horiz">
<ul>
<li>
<a href="" class="navlink"><img src="http://uploads.ru/i/T/D/u/TDu4H.png" border="0" /></a>
<div class="dropdown" id="dropdown_one" style="width: 300px; left: 0px; top: 50px; display: none">
<p>
Приветствуем на форумной ролевой игре в жанре survival-horror. Мир готов принять новых персонажей.
<hr>
Для гостей создан удобный раздел, где вы можете, будучи незарегистрированным, хорошо провести время.
<hr>
Полным ходом идет разработка системы наказаний.
</p>
</div>
<!-- .dropdown_menu -->
</li>
<li>
<a href="" class="navlink"><img src="http://uploads.ru/i/m/P/y/mPy5f.png" border="0" /></a>
<div class="dropdown" id="dropdown_two" style="width: 300px; left: 0px; top: 50px; display: none">
<p><i>В разработке</i></p>
</div>
<!-- .dropdown_menu -->
</li>
<li>
<a href="" class="navlink"><img src="http://uploads.ru/i/a/r/x/arx5p.png" border="0" /></a>
<div class="dropdown" id="dropdown_two" style="width: 300px; left: 0px; top: 50px; display: none">
</div>
<!-- .dropdown_menu -->
</li>
</ul>
</div>
</div>Тема закрыта
Страница: 1
