Dynast Works |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Dynast Works » Новый форум » Нужное
Смена картинки при наведении.
<a href="ссылка"><img src='картинка без наведения' onmouseover="this.src='картинка при наведении'" onmouseout="this.src=' картинка без наведения'" border=0>
Индикатор активности
/* Индикатор активности пользователя */
.post .post-author ul {
position: relative;
}
.post-author .pa-online,
.post-author:not(.online) .pa-author .acchide {
position: absolute;
display: inline-block !important;
top: .25rem;
right: .6rem;
left: auto !important;
line-height: unset;
background: #8ac176 !important;
height: .6rem !important;
width: .6rem !important;
margin: 0 0 0 -5px !important;
padding: 0 !important;
border: 0 !important;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
transition: all .2s ease;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
}
.post-author .pa-online:hover {
background: #aad79a !important;
}
.post-author .pa-online:before,
.post-author.online .pa-author:after {
content: unset !important;
}
.post-author:not(.online) .pa-author .acchide {
background: #bbb !important;
}
.post-author:not(.online) .pa-author .acchide:hover {
background: #ccc !important;
}
.post-author .pa-online:hover strong,
.post-author:has(.acchide:hover) .pa-last-visit,
.post-author .pa-last-visit:hover {
opacity: .7;
visibility: visible;
}
.post-author .pa-online strong,
.post-author .pa-last-visit {
position: absolute;
display: inline-block !important;
top: 16px;
right: -6px;
padding: 0 8px !important;
min-height: 24px;
line-height: 24px;
background: #000;
font-weight: 400;
white-space: nowrap;
color: #fff;
font-size: 90%;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
text-align: center;
z-index: 10;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
transition: all .2s ease;
opacity: 0;
visibility: hidden;
cursor: text;
}
.post-author .pa-last-visit {
top: 20px;
right: 3px;
}
.post-author .pa-online strong:before,
.post-author .pa-last-visit:before {
content: "";
position: absolute;
width: 0;
height: 0;
right: 5px;
top: -10px;
border-width: 6px 6px;
border-style: solid;
border-color: transparent transparent #000 transparent;
}Список рекомендаций
<!-- Отключить "сервис рекомендаций" -- > <script type="text/javascript"> rusffLive.enable = false; </script> <!-- конец -- >
Выделение с копированием:
<!--Выделение кода в блоке "Код" с перемещение в буфер обмена // © Damassk, версия 2019г. -->
<script type="text/javascript" src="https://forumstatic.ru/files/0016/4a/bf/98029.js"></script>
<script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script>
<script type="text/javascript">select_text.linkText = 'выделить [копируется сразу]' //текст ссылки</script>
<!-- конец -->в style.css - сокрытие объявления
#pun-announcement h2 {display: none;}
#pun-announcement .container {padding-top: 1em;}
.lastedit {display:none;}
Запятая после ника, html-низ
<!-- запятая после ника -->
<script type="text/javascript">
function to(username)
{insert('[b]' + username + '[/b]' + ', ');}
</script>
<!--конец-->ссылки таблицей
<table border=0 width="210px" height="800px" style="text-align: justify; position: absolute; margin-left: 160px; margin-top: -255px;" border: none; font-size: 11px; line-height: 4px; margin: 1px;><tr align=center><td width="200px" height=230px">
Название навигации
<style>
.navi {margin: 2px;}
.navi a{display: block; color:#fff!important; background-color: #ccc; text-align: center; width:200px; padding: 4px; margin: 1px; text-decoration: none}
.navi a:hover{background-color: #fff ; color:#000000}
</style>
<div class="navi">
<a href="ссылка"> название</a>
<a href="ссылка"> название</a>
<a href="ссылка"> название</a>
<a href="ссылка"> название</a>
<a href="ссылка"> название</a>
</td></tr></table>Прокрутка под баннеры:
<!-- Прокрутка элементов в блоке --> <div class="Hoverbuttons2" style="position: absolute; height: 208px; margin-top: -275px;margin-left: 0px; line-height: 80%;opacity: 0.8;"><marquee scrollamount="1" opacity="0.8" height="208px" onmouseover="this.stop()" onmouseout="this.start()" direction="up" behavior="alternate"> Здесь ваши элементы. Текст или баннеры. Или таблица </marquee> </div> <!-- конец -->
Профилактика:
<!--ПРОФИЛАКТИКА НАЧАЛО-->
<div id="pircs2"><!-- std.v.1/0/profilaktika --><link rel="stylesheet" type="text/css" href="http://hostjs-mybb2011.narod.ru/css/profilaktika.css" /><div id="msg-n2">У Вас отключён javascript.<br>В данном режиме, отображение ресурса<br/>браузером не поддерживается <br/></div><div id="LogIn_Window" style="display:none"><center>Оставайтесь на связи!</center><br/><hr><br/><br/></div></div><!-- --><script type="text/javascript">
var ON_button=0; //Cвитч включения: 1 - включено!; 0 - выключено
var moderDostyp_ON=0; //?Модер-доступ включён?: 1 - включен!; 0 - выключен
if(ON_button!=1||GroupID ==1||moderDostyp_ON*GroupID==2){
$("style.#style_st,div.#pircs2").replaceWith("");}
else {$("#msg-n2").replaceWith("");
if(GroupID ==3) {$("#LogIn_Window").show();if(document.URL.indexOf("/login.php")==-1){
document.location.href = "../login.php"}else {
$(document).ready(function(){$("form#login").appendTo("#LogIn_Window");
$("#LogIn_Window").find("p.formsubmit a[href*='register.php']").text("");
var v=$("#LogIn_Window").find("p.formsubmit a[href*='action=forget']");
v.replaceWith("<span>Вход только для Администраторов</span>");});};}
else {document.location.href = "../login.php?action=out&id="+UserID};}
</script><!--end/profilaktika-->
<!--ПРОФИЛАКТИКА КОНЕЦ-->Разделение важных и простых тем:
<!-- Разделение тем: "Важные темы" и "Темы форума" // © Alex_63 -->
<style>
#pun-main .forum table{ table-layout: auto;}
#pun-main tr.tr-divider {
font-weight: bold;
}
</style>
<script type="text/javascript">if($('#pun-viewforum').length){$('tr[class$="isticky"]:first').before('<tr class="tr-divider imp"><td class="td-divider" colspan="4">Важные темы</td></tr>');$('tr[class$="isticky"]:last').next('tr').before('<tr class="tr-divider st"><td class="td-divider" colspan="4">Темы форума</td></tr>');$('.stickytext').remove()}</script>
<!-- //End//-Разделение тем -->style.css
#pun-navlinks li a span {display: none;}
#pun-navlinks #navindex a:before {content: "форум";}
#pun-navlinks #navuserlist a:before {content: "юзеры";}
#pun-navlinks #navsearch a:before {content: "поиск";}
#pun-navlinks #navprofile a:before {content: "профиль";}
#pun-navlinks #navpm a:before {content: "смс";}
#pun-navlinks #navadmin a:before {content: "амс";}
#pun-navlinks #navregister a:before {content: "регистрация";}
#pun-navlinks #navlogin a:before {content: "вход";}
#pun-navlinks #navlogout a:before {content: "выход";}
#pun-navlinks #navawards a:before {content: "награды";}
Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика
<!-- HTML верх -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<style>img.post-img-Sp {margin:6px 3px;}
div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{font-size:14px;letter-spacing:1px;}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/57844.js"></script>
<!-- конец --><!-- HTML низ -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<script>
var a1 = 0 // 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер
var a2 = 0 // 0 - Скрытие первой вкладки; 1 - Показ первой вкладки;
var a3 = 0 // Резкость Открытия: 0 - Плавно; 1 - Резко;
var LiArr=new Array(
//При наличии двух косых => // в начале пункта, - пункт не скрывается.
//"pa-author", //Ник-Нейм
//"pa-avatar", //Аватар
//"pa-title", //статус
// 1 кнопка - ссылка на Картинку
//В квадратных скобках, прямо к ссылке можно добавить своё описание (по желанию)
"http://s3.uploads.ru/VymNB.png[Описание 1]",
"pa-reg", //Зарегистрирован
"pa-invites", //Приглашений
"pa-posts", //Кол-во сообщений:
"pa-respect", //Уважение:
"pa-positive", //Позитив
"pa-sex", //Пол
"pa-age", //Возраст
"pa-icq", //Аська
"pa-ip", //IP Юзера
"pa-time-visit", //Провел на форуме:
"pa-last-visit", //Последний визит:
//"pa-online", //Пользователь online - Не засовываем в спойлеры
// 2 кнопка- ссылка на Картинку
"http://s3.uploads.ru/T7hLI.png",
"pa-from", //Откуда
"pa-fld1", //Доп.Поле.1
// 3 кнопка- ссылка на Картинку
"http://s3.uploads.ru/VtGQ4.png",
"pa-fld2", //Доп.Поле.2
"pa-fld3", //Доп.Поле.3
"pa-fld4", //Доп.Поле.4
"pa-fld5", //Доп.Поле.5
//"award", //Награды(только для rusff и ork)
//"gift", //Подарки(только для rusff и ork)
//Конец Списка,
"_End"); SetProvilSpoil(a1,a2,a3);
</script>
<!--Конец//=Cпойлер cкрытия Инфы под N-кнопок в Профиле Топик-->В скрипте расположение Пунктов, установлено так же, как и по умолчанию на форумах mybb,
Пункты в списке - можно переставлять и оно независит от их начального положения.
Приведённый вариант, по дефолту, чуть быстрее, если поля не переставлялись в Админке,
в настройках "Поля Профиля", поскольку требует меньше времени на перестановки скриптом.
Пункт активен - //"pa-online" сейчас вытащен из спойлеров.
Для этого необходимо было поставить перед ним две косых //.(Это для последующих установок, к примеру скриптов: офлайн - онлайн картинкой, (аналогично можно вытащить из участия в спойлере и любой другой пункт
Пункты:
//"award", //Награды(только для rusff и ork)
//"gift", //Подарки(только для rusff и ork)
- Только для Quadro.Boards, - снимаем два наклонных слеша только для реально используемого(ых) пунктов.
*Награды и подарки удобнее ставить под последнюю кнопку, особенно если их много
Совет: При горизонтальном расположении кнопок, симпатичней их делать несколько длиннее
Для дизайнеров
Селектор для стиля вкладки ul.post-ul-Sp
Селектор для картинки-кнопки .post-img-Sp
Селектор aктивной кнопки .post-img-Sp.active
Селектор кнопки при наведении .post-img-Sp:hover
Селектор подсказки при наведении на кнопку div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner
<!-- первое соо без профиля -->
<style>
#p100 .post-author, #p100 .post-sig, #p100 .pl-email, #p100 .post-author, #p100 .post-sig, #p100 .pl-email, #p100 .post-author, #p100 .post-sig, #p100 .pl-email {display:none;}
#p100 .post-body, #p100 .post-body, #p100 .post-body {margin-left:0!important;}</style>
<!-- конец --><!-- Счётчик символов в форме ответа + WYSIWYG mod.Alex_63 -->
<script>(function(){var a,L,epl=$("#main-reply"),epl2=$('#wysi-reply'),str='<small id="plng">Написано символов: <b>00</b></small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=(window.WYSI&&WYSI.isActive()?WYSI.getText():epl.val()).length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout(epl3,100)});epl.on('mouseout mousemove keydown keypress keyup focus blur',epl3);$(document).on('WYSI_insert',function(){setTimeout(epl3,0)});epl2.on('mouseout mousemove keyup input focus blur',epl3)})()</script>Переключение раскладки.
<!--Переключение раскладки выделенного текста -->
<style>#button-transL{background-image:url(http://uploads.ru/i/X/j/Z/XjZW7.png)}</style>
<script type="text/javascript">S='<img src="http://forum.mybb.ru/i/blank.gif" title="Lat- Русс" onclick="bbcode(\'[Lat-Rus]\',\'[/Rus-Lat]\');LatRus();"/>';
$("#button-font").after('<td id=button-transL>'+S+'</td>');var TxtTrans1='lat';
function LatRus(){if(TxtTrans1=='lat'){TxtTrans1='rus'}else{TxtTrans1='lat'};
lat0='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~[].'.split('');
lat='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~'.split('');
lat.push('\\[');lat.push('\\]');lat.push('\\.');
rus=('йцукенгшщзфывапролджэячсмитьбЙЦУКЕНГШЩЗХЪФЫВАПРОЛДЖЭЯЧСМИТЬБЮёЁхъю').split('');
function transF(p){ar1=lat;ar2=rus;if(TxtTrans1=='lat'){ar2=lat0;ar1=rus}for(var i=0; i<ar1.length; i++){trans='/'+ar1[i]+'/g';p=p.replace(eval(trans), ar2[i])}return p;}L=$('#main-reply').val();L=L.replace(/\[Lat-Rus\]([\s\S]*)\[\/Rus-Lat\]/mg,function(a,b,c){return transF(b);});$('#main-reply').val(L);}
</script>
<!-- Конец -->html-вверх
<!-- Черная Подсказка для наград Rusff -->
<script>
$(document).ready(function(){$('*[title]').not('*[title] *[title]').tipsy({gravity:$.fn.tipsy.autoNS})});
$.catch = function(a,f){$(function(){var t,i=0;function s(){i++;if(i>120)return;t=setTimeout(function(){if(!$(a).length){s();return};f()},100);}s();});}
$.catch('.pa-awards img[title]',function(){$('.punbb li.pa-awards img[title]').tipsy({fade:true,gravity:'s award'});});
</script>
<!-- конец-->убрать границы у таблиц в сообщениях
<!-- убираем в таблице полосы -->
<style type="text/css">
.post-content td {
border:0 none transparent!important;}
</style>
<!-- конец -->html-верх, убрать важно, закрыто.
<!--Убрать Закрыто и Важно-->
<style>.stickytext,.closedatafield{ display:none;}</style>
<!-- конец -->скрыть название доп полей
html-верх
<style>.post-author li[class^="pa-fld"] .fld-name {display:none;}</style><!-- BB-цитирование © Alex_63, ForumD.ru, 2024 --> <script type="text/javascript" src="https://forumstatic.ru/f/su/1bb/bbquote.js?v=1"></script>
<!--Меняем зарегистрированных пользователей -->
<script type="text/javascript">document.getElementById('pun-stats').getElementsByTagName('li')[2].childNodes[0].innerHTML = 'ваш текст:' </script>
<!— конец —>Смена иконок в жопе мира, html-верх
<style>
/* иконки в форме ответа */
#form-buttons table, .punbb .formal textarea {width:99%}
#form-buttons td {padding:0; line-height:0;background-repeat:no-repeat}
#form-buttons td img {height:26px; width:100%}
#form-buttons #button-font {background-position:center;background-image:url('https://i.imgur.com/YTSQzE1.png')!important}
#form-buttons #button-size {background-position:center;background-image:url('https://i.imgur.com/4fOp4It.png')!important}
#form-buttons #button-bold {background-position:center;background-image:url('https://i.imgur.com/hexJGIV.png')!important}
#form-buttons #button-italic {background-position:center;background-image:url('https://i.imgur.com/0rtqc6V.png')!important}
#form-buttons #button-underline {background-position:center;background-image:url('https://i.imgur.com/0ZbtLoO.png')!important}
#form-buttons #button-strike {background-position:center;background-image:url('https://i.imgur.com/XK2KPuY.png')!important}
#form-buttons #button-left {background-position:center;background-image:url('https://i.imgur.com/GcSO3hI.png')!important}
#form-buttons #button-center {background-position:center;background-image:url('https://i.imgur.com/Cj7ZDoV.png')!important}
#form-buttons #button-right {background-position:center;background-image:url('https://i.imgur.com/evjpJhv.png')!important}
#form-buttons #button-spoiler {background-position:center;background-image:url('https://i.imgur.com/8Fx8qxN.png')!important}
#form-buttons #button-quote {background-position:center;background-image:url('https://i.imgur.com/VREp5lM.png')!important}
#form-buttons #button-code {background-position:center;background-image:url('https://i.imgur.com/IiNpsSZ.png')!important}
#form-buttons #button-smile {background-position:center;background-image:url('https://i.imgur.com/5oIJcy7.png')!important}
#form-buttons #button-link {background-position:center;background-image:url('https://i.imgur.com/fSCxtcT.png')!important}
#form-buttons #button-image {background-position:center;background-image:url('https://i.imgur.com/VDdvAaW.png')!important}
#form-buttons #button-video {background-position:center;background-image:url('https://i.imgur.com/fDpdKDE.png')!important}
#form-buttons #button-hide {background-position:center;background-image:url('https://i.imgur.com/oR1z7PO.png')!important}
#form-buttons #button-table {background-position:center;background-image:url('https://i.imgur.com/yqhBlix.png')!important}
#form-buttons #button-keyboard {background-position:center;background-image:url('https://i.imgur.com/zPOoedC.png')!important}
#form-buttons #button-addition {background-position:center;background-image:url('https://i.imgur.com/CbW86WS.png')!important}
</style>
<!-- конец -->style_cs.css
/*Фон под контейнеры в форме Ответа*/
#pun_wrap #post .container[id$="-area"]{
border: outset 2px #895D39!important;
border-radius: 10px;
background: rgba(181,148,100,0.89); /*Можно добавить фон картинкой url(Ccылка на картинку)*/
padding: 9px;
font: normal normal 400 11px/normal Verdana;
}в стиль:
thead {display: none;}
#pun-index .category tr>.tc2,
#pun-index .category tr>.tc3,
#pun-index .category tr>.tcr,
#pun-index .category tr>th {
display:none !important;
}
#pun-index .category tr { width: 465px; /*ширина поля, чем уже форум, тем меньше должно быть значение*/
margin-bottom: 10px; /* отступ снизу */
margin-top: 5px; /* отступ сверху */
display: inline-block;
background-color: #191621; /* цвет заливки */
box-shadow: 0 0 0 1px rgba(79, 71, 84, 0.48), 0 0 0 5px #181520; /* рамка-обводка*/
margin-left: 8px; /* сдвиг влево */
}
#pun-index .category tr .Tems_And_messages {
display: none;
}
/* ПОЛЕ ССЫЛКИ НА ТЕМУ И АВТОРА ПОСЛЕДНЕГО СООБЩЕНИЯ */
#pun-index .category tr .bottom {
margin-left: 23px; /* сдвиг влево */
line-height: 11px;
font-size: 11px;
font-family: arial;
vertical-align: top;
background-color: #13111e; /* заливка */
text-align: right;
padding: 5px; /* отступы */
color: #58544f; /* цвет текста */
}
/* ССЫЛКИ ПРИ НАВЕДЕНИИ */
.punbb .category tr .bottom a{
opacity: 1;
font-size: 14px;
font-weight: bolder;
font-family: arial;
font-variant: small-caps;
}
.punbb .category tr .bottom a:hover{
opacity:0.7;
}Вы здесь » Dynast Works » Новый форум » Нужное