Переключатель комментов - Форум
Страница 1 из 11
Форум » Разное » Разговоры » Переключатель комментов
Переключатель комментов

Makcu
VIP
Сообщений 117
+
+5169
-
Ваши награды 4
Makcu написал: В ответ пользователя Makcu Написано 16 Января 2013 в 02:19
Сообщение № 1


как сделать такие кнопки переключателей комментов между комментами сайта вк ...
«Пред. тема След. тема»

Supermenыч
Проверенные
Сообщений 335
+
+213
-
Ваши награды 6
Supermenыч написал: отредактировал: ОГНЕВОЙ - Среда, 16.01.2013, 16:11 В ответ пользователя Supermenыч Написано 16 Января 2013 в 15:40
Сообщение № 2
приду из школы сделаю, сайт и картинки дай

Добавлено (16.01.2013, 15:40)
---------------------------------------------

Код
<style>
.commline{
border-bottom:3px solid #404040;
width:100%;
}
.li{
padding: 8px 16px 8px 16px;
display:inline-block;
color:#404040;
}
.li:hover{
cursor:pointer;
}
.commsite{
color:black;
font-size:10pt;
margin-top:15px;
margin-left:5px;
margin-right:5px;
opacity:1;
display:block;
}
.vkcomm{
color:black;
font-size:10pt;
margin-top:50px;
margin-left:5px;
margin-right:5px;
display:none;
}
</style>
<div class="commline"><div class="li" id="1" style="border-bottom:2px solid #404040;">Комментарии</div><div class="li" id="2">Комментарии ВК</div></div>
<div class="vkcomm">Сюда комменты из контакта</div>

<div class="commsite">
<?if($COM_IS_ACTIVE$)?>
<?if($COM_CAN_READ$)?>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td width="60%" height="25"><!--<s5183>-->Всего комментариев<!--</s>-->: <b>$COM_NUM_ENTRIES$</b></td><td align="right" height="25">$COM_PAGE_SELECTOR$</td></tr>
<tr><td colspan="2">$COM_BODY$</td></tr>
<tr><td colspan="2" align="center">$COM_PAGE_SELECTOR1$</td></tr>
<tr><td colspan="2" height="10"></td></tr>
</table>
<?endif?>

<?if($COM_CAN_ADD$)?>
$COM_ADD_FORM$
<?else?>
<?if($USER_LOGGED_IN$)?><?else?><div align="center" class="commReg"><!--<s5237>-->Добавлять комментарии могут только зарегистрированные пользователи.<!--</s>--><br />[ <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a> ]</div><?endif?>
<?endif?>
<?endif?>
</div>

<script>
$("#1").click(function(){
$(".vkcomm").animate({opacity:0,marginTop:"50px"},300);
$(".vkcomm").css("display","none");
$(".commsite").animate({opacity:1,marginTop:"15px"},300);
$(".commsite").css("display","block");
$("#1").css("color","black");
$("#2").css("color","#404040");
$("#1").css("border-bottom","2px solid #404040");
$("#2").css("border-bottom","none");
$("#1").attr("onclick","novosti1()");
$("#2").attr("onclick","o_nas()");
});
$("#2").click(function(){
$(".vkcomm").animate({opacity:1,marginTop:"15px",color:"white"},300);
$(".vkcomm").css("display","block");
$(".commsite").animate({opacity:0,marginTop:"50px"},300);
$(".commsite").css("display","none");
$("#2").css("color","black");
$("#1").css("color","#404040");
$("#2").css("border-bottom","2px solid #404040");
$("#1").css("border-bottom","none");
$("#1").attr("onclick","novosti()");
$("#2").attr("onclick","o_nas1()");
});
</script>

Бери в [code]код
подпись: HTML ~ 75%
CSS ~ 70%
------------------------------------
Ничто не истинно, всё дозволено... Supermenыч

Makcu
VIP
Сообщений 117
+
+5169
-
Ваши награды 4
Makcu написал: В ответ пользователя Makcu Написано 16 Января 2013 в 15:56
Сообщение № 3

ОГНЕВОЙ
Проверенные
Сообщений 397
+
+1201
-
Ваши награды 9
ОГНЕВОЙ написал: В ответ пользователя ОГНЕВОЙ Написано 16 Января 2013 в 16:12
Сообщение № 4
Закрыто!
подпись: ОГНЕВОЙ
Форум » Разное » Разговоры » Переключатель комментов
Страница 1 из 11
Поиск:
Топ пользователей: