Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Архив » Запросы по скриптам[4]


Запросы по скриптам[4]

Сообщений 681 страница 700 из 1000

1

Архивная тема с запросами о создании различных скриптов

Это архивная тема с запросами от пользователей на написание скриптов. Некоторые скрипты могут быть индивидуальным исполнением для конкретного форума, что не гарантирует его работоспособность на другом форуме. Перед использованием скрипта, пожалуйста, внимательно изучите все предыдущие сообщения между автором запроса и исполнителем, в них могут содержаться важные детали о функционале и установке найденного скрипта.
Скрипты, опубликованные в этой теме, могут быть устаревшими и нерабочими, поскольку функционал форумов и стандарты языка javascript или библиотеки jquery могли измениться.

Предыдущая тема - Запросы по скриптам[3]
Следующая тема - Запросы по скриптам[5]

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

+1

681

Герда написал(а):

если это делать скриптом от Деффа, сильно будет грузить форум?

Не замечал торможение от этого скрипта.

0

682

Домовой
ну, дык, у тебя совершенно другой скрипт стоит на эти кнопки.
я имела в виду универсальный скрипт замены.

линкани, пож, скрипт, который ты использовал.

0

683

Герда
Нарисуй код, я скажу время работы на странице, уверен, что менее 5ms
Ставить в начало HTML низ, чтоб запустился прям после появления топика на странице
Зрительное восприятие начинается с 20ms

0

684

Герда
Кнопки от Rusff (Поделиться, Пожаловаться) скриптом Универсальной замены поменять нельзя, они появляются позже, чем срабатывает скрипт - можно сменить css => CSS трюки

+1

685

Герда написал(а):

линкани, пож, скрипт, который ты использовал.

Свои картинки вместо:Новая тема;Новый опрос;Ответить;Профиль;ЛС;и т.д.
Код:
<!--Свои картинки вместо:Новая тема;Новый опрос;Ответить;Профиль;ЛС;и т.д. -->
<script>
   pstlnk=new Array(

  ".postlink","Новая тема",
"картинка",
"картинка при наведении",
"текст подсказка",

  ".postlink","Новый опрос",
"картинка",
"картинка при наведении",
"текст подсказка",

  ".postlink","Ответить",
"картинка",
"картинка при наведении",
"текст подсказка",

  ".pl-email","Профиль",
"картинка",
"картинка при наведении",
"текст подсказка",

  ".pl-email","ЛС",
"картинка",
"картинка при наведении",
"текст подсказка",

  ".pl-email","E-mail",
"картинка",
"картинка при наведении",
"текст подсказка",

  ".pl-website","Вебсайт",
"картинка",
"картинка при наведении",
"текст подсказка",

  ".pl-delete","Удалить",
"картинка",
"картинка при наведении",
"текст подсказка",

  ".pl-edit","Редактировать",
"картинка",
"картинка при наведении",
"текст подсказка",

  ".pl-quote","Цитировать",
"картинка",
"картинка при наведении",
"текст подсказка"	// !ПОСЛЕДНИЙ элемент без запятой
 )
function find_and_replace(value){var s0,s1,s2,s3,i; 
for (i=0; i < pstlnk.length; i+=5){s0=pstlnk[i+2];
  s1="onmouseover=\"this.src='"+pstlnk[i+3]+"'\"";s2="onmouseout=\"this.src='"+s0+"'\"";
  s3='<img class="pst_lnk" src="'+s0+'" '+s1+' '+s2+' border="0"'+ (pstlnk[i+4]!=''?' title="'+pstlnk[i+4]+'"':'')+'/>';
  var str=$(value).find(pstlnk[i]+":contains('"+pstlnk[i+1]+"')").html();
  if (str!=null) {str=str.replace(pstlnk[i+1],"<span style='display:none'>"+pstlnk[i+1]+"</span>"+s3);
$(value).find(pstlnk[i]+":contains('"+pstlnk[i+1]+"')").html(str);};};}
$("#pun-viewforum .linkst,#pun-viewforum .linksb,#pun-viewtopic .linkst,#pun-viewtopic .linksb,#pun-viewtopic .post .post-links").each(function(){find_and_replace(this);;});
</script>
<!--окончание -->

+1

686

можно уточнить по поводу этого скрипта: Запросы по скриптам[3]

на тестовик установилось все прекрасно, несмотря на то, что аватар на форуме в два раза больше, чем в демо. http://s4academy.rusff.ru/viewtopic.php?id=7#p8
но когда установила на чистовой форум, всплывающая панелька на аватаре немного съехала вверх. и панели со скрывающей инфой залезли за аватар. с чем это может быть связано, гляньте пожалуйста :3
форум http://s4.rolevaya.ru/viewtopic.php?id=26#p70

Отредактировано both (Пн, 21 Сен 2015 08:58:07)

0

687

кажется, у меня беда с перепиливанием скрипта переключателя стилей

http://magiclibrary.0pk.ru/
собственно, задумка такая, что кнопки серии dis-but1 переключают стили и взаимозаменяют подгружаемый стиль
а параллельно юзер может еще подгрузить стили еще тремя кнопками, которые будут работать одновременно с серией dis-but1
http://s3.uploads.ru/t/p8Tcw.jpg

перепилила скрипт, все работает, но я заметила вот такой шлак в исходном коде:
http://s7.uploads.ru/t/8VbKa.jpg

стоит такой код:

ЗЫ
за компанию - как изменить код, шоб не картинкой, а текстом вкорячивать переключатель?
а то удобней было б как-то так стиль настроить:

Код:
 <div id="opt-list">
    <h3>Отображение</h3>
   <ul><li><div id="dis-but2" alt="/files/0002/c4/43/60216.css">Статистика форума</div></li>
   <li><div id="dis-but3" alt="/files/0002/c4/43/44864.css">Подписи пользователей</div></li>
   <li><div id="dis-but4" alt="/files/0002/c4/43/60216.css">Полный профиль сообщений</div></li>
   <li><div id="opt-other"></div></li></ul>
  </div>

ну или тому подобным кодом.

Отредактировано Герда (Пн, 21 Сен 2015 13:09:47)

0

688

Герда
У тьву <link /> добавляется после каждой ссылки link[rel="stylesheet"], попробуй так =>

Код (HTML верх)

<!-- Скрипт переключателя стиля  -->
<script type="text/javascript">
$('link[rel="stylesheet"]:first').after('<link id="MyStyle" rel="stylesheet" type="text/css" />');
var linkStyles='<link id="MyStyle" rel="stylesheet" type="text/css" href="';

function setcookie(a,b,c) {if(c){var d = new Date();d.setDate(d.getDate()+c);}if(a && b) document.cookie = a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
function getcookie(a) {var b = new RegExp(a+'=([^;]){1,}');var c = b.exec(document.cookie);if(c) c = c[0].split('=');else return false;return c[1] ? c[1] : false;}

function clearSet(L){if(L){setcookie('changeStyle',L,30);$('#MyStyle').replaceWith(linkStyles+L+'"/>')}};var Lmem=getcookie('changeStyle');clearSet(Lmem);

$('link[rel="stylesheet"]:first').after('<link id="MyStyle1" rel="stylesheet" type="text/css" />');
var linkStyles1='<link id="MyStyle1" rel="stylesheet" type="text/css" href="';
function clearSet1(L){if(L){setcookie('changeStyle1',L,30);$('#MyStyle1').replaceWith(linkStyles1+L+'"/>')}};
var Lmem1=getcookie('changeStyle1');clearSet1(Lmem1);

$('link[rel="stylesheet"]:first').after('<link id="MyStyle2" rel="stylesheet" type="text/css" />');
var linkStyles2='<link id="MyStyle2" rel="stylesheet" type="text/css" href="';
function clearSet2(L){if(L){setcookie('changeStyle2',L,30);$('#MyStyle2').replaceWith(linkStyles2+L+'"/>')}};
var Lmem2=getcookie('changeStyle2');clearSet2(Lmem2);

$('link[rel="stylesheet"]:first').after('<link id="MyStyle3" rel="stylesheet" type="text/css" />');
var linkStyles3='<link id="MyStyle3" rel="stylesheet" type="text/css" href="';
function clearSet3(L){if(L){setcookie('changeStyle3',L,30);$("#MyStyle3").replaceWith(linkStyles3+L+'"/>')}};
var Lmem3=getcookie('changeStyle3');clearSet3(Lmem3);
</script>

+1

689

both
Пробуйте добавить красным

<!-- инфа на аватаре -->
<style type="text/css">
.pa-avatar>div{
  position:relative;
  z-index:20;
  display:inline-block;
  margin: auto;
  padding:0;
}
.pa-avatar>div img{
  position:absolute;
  top:0;left:0;
  z-index:-2;
}
.pa-avatar{
  margin-bottom:12px;
}

.pa-avatar>div>span{
margin:0;
margin-top:6px;
margin-left:2px;

padding:3px 12px 3px 12px;
display:block;
border:10px rgba(246,204,72,0.3); /*Цвет верхнего бордера*/
border-style:solid none none none;
background:rgba(225,211,116,0.8); /*Цвет перекрывающего фона*/
opacity:0;
transition: opacity 0.6s;
}

0

690

Deff
с боков немного не достает http://s4.rolevaya.ru/viewtopic.php?id=31#p94

0

691

both
Уберите красное, добавьте синее

<!-- инфа на аватаре -->
<style type="text/css">
.pa-avatar>div{
  position:relative;
  z-index:20;
  display:inline-block;
  margin: auto;
  padding:0;
  width:182px!important;
}
.pa-avatar>div img{
  position:absolute;
  top:0;left:0;
  z-index:-2;
}
.pa-avatar{
  margin-bottom:12px;
}
.pa-avatar>div>span{
margin:0;
margin-top:6px;
margin-left:2px;
padding:3px 12px 3px 12px;
display:block;
border:10px rgba(246,204,72,0.3); /*Цвет верхнего бордера*/
border-style:solid none none none;
background:rgba(225,211,116,0.8); /*Цвет перекрывающего фона*/
opacity:0;
transition: opacity 0.6s;
}

0

692

Alex_63
получилось, спасибо большое!

0

693

Alex_63
ой, гениально... ересь в исходном коде изгнана :)

а вот еще на повестке дня вопросец.

Герда написал(а):

как изменить код, шоб не картинкой, а текстом вкорячивать переключатель?
а то удобней было б как-то так стиль настроить:

Код:
 <div id="opt-list">
    <h3>Отображение</h3>
   <ul><li><div id="dis-but2" alt="/files/0002/c4/43/60216.css">Статистика форума</div></li>
   <li><div id="dis-but3" alt="/files/0002/c4/43/44864.css">Подписи пользователей</div></li>
   <li><div id="dis-but4" alt="/files/0002/c4/43/60216.css">Полный профиль сообщений</div></li>
   <li><div id="opt-other"></div></li></ul>
  </div>

ну или тому подобным кодом.

кнопки серии dis-but1 у меня вполне удобно вписались картинками.
но для стилей 2, 3, 4 хочется сделать текстовую ссылку включения.
и тут у меня большая лажа с попыткой переписать скрипт - не могу переориентировать на текстовые ссылки, уже много комбинаций пробовала.

0

694

Герда
Ни наю, можно попробовать это

<img alt="/files/0002/c4/43/44864.css" src="/files/0002/c4/43/40359.png">

заменить на это

<span alt="/files/0002/c4/43/44864.css">Кнопка 1</span>

+1

695

Alex_63
да, спасиб. этот вариант проканал. :)

0

696

Как перепилить скрипт, шоб он выводил первый пост топика не при наведении курсора на название, а под названием?

Код:
<!--Предосмотр темы v.2-->
<script type="text/javascript">  
$('div#pun-viewforum div.tclcon a').hover(function(){
poisk=$(this).attr('href'); zapros=poisk.slice(poisk.indexOf("viewtopic.php?id=")+17);
$(this).append('<div id="prosmotr"><h1 align="center"><b>Последние 3 сообщения в этой теме</b></h1><table id="tema" cellspacing="0" width=100%></table></div>');
$.get('export.php?type=rss&tid='+zapros,'',prevTEMA);
function prevTEMA(data){
$(data).find('item:lt(1)').each(function(){  
var TAuthor=$(this).find('author').text().slice(14,-1);var TPosted=$(this).find('pubDate').text().slice(4,-9);
var TContent=$(this).find('description').text();TContent = TContent.replace(/([\t|"|']+?)/gim, '').replace(/ /, '');
$('#tema').append('<tr><td><b>'+ TAuthor +'</b> написал(а):</td><td class="visor" width=50%>'+TContent+'</td><td style="text-align:center">'+TPosted+'</td></tr>');  
}); } },
function(){  
$(this).find('div#prosmotr').remove();
  });
</script>

0

697

а, все вопрос снят. можно вместо hover поставить after. сори, туплю.>.<

0

698

Герда
А padding-bottom сделать большой ? и скомпенсировать margin-bottom:-XXpx

0

699

Deff
не, в этом скрипте просто содержание топика отображается тока при наведении курсора.
и у меня все же проблема с его перепиливанием.

<!--Предосмотр темы v.2-->
<script type="text/javascript"> 
$('div#pun-viewforum div.tclcon a').after(function(){
poisk=$(this).attr('href');
zapros=poisk.slice(poisk.indexOf("viewtopic.php?id=")+17);
$(this).append('<div id="tema"></div>');
$.get('export.php?type=rss&tid='+zapros,'',prevTEMA);
function prevTEMA(data){
$(data).find('item:lt(1)').each(function(){ 
var TContent=$(this).find('description').text();TContent = TContent.replace(/([\t|"|']+?)/gim, '').replace(/ /, '');
$('#tema').append('<div>'+TContent+'</div>'); 
}); } },
function(){ 
$(this).find('div#prosmotr').remove();
  });
</script>

с вот такой вот правкой отображается ровно то, что мне надо, но хочется шоб оно выводилось не внутри селектора ссылки на топик, а отдельно от него.

можно, например использовать div#pun-viewforum div.intd *
но при такой поправке у меня ниче не отображается и я не понимаю, что надо пофиксить >.<
(*ну или если не лень, сделать бы вывод дива с описанием ваще отдельно после контейнера .tclcon - на это у меня моск не горазд... :( )

0

700

Герда

<!-- Предосмотр темы -->
<script type="text/javascript"> 
$('div#pun-viewforum div.tclcon a:first').each(function(){
  var poisk = $(this).attr('href'),
  zapros = poisk.slice(poisk.indexOf("viewtopic.php?id=")+17);
  $(this).parents('tr').find('.intd').append('<div id="tema"></div>');
  $.get('export.php?type=rss&tid='+zapros,'',prevTEMA);
  function prevTEMA(data){
    $(data).find('item:lt(1)').each(function(){ 
      var TContent=$(this).find('description').text();
      TContent = TContent.replace(/([\t|"|']+?)/gim, '').replace(/ /, '');
      $('#tema').append('<div>'+TContent+'</div>'); 
    });
  };
});
</script>

...

<!--Предосмотр темы v.2-->
<script type="text/javascript"> 
$('div#pun-viewforum div.tclcon a').each(function(){
  poisk=$(this).attr('href'); zapros=poisk.slice(poisk.indexOf("viewtopic.php?id=")+17);
  $(this).parents('tr').find('.intd').append('<div id="prosmotr"><h1 align="center"><b>Последние 3 сообщения в этой теме</b></h1><table id="tema" cellspacing="0" width=100%></table></div>');
  $.get('export.php?type=rss&tid='+zapros,'',prevTEMA);
  function prevTEMA(data){
    $(data).find('item:lt(1)').each(function(){ 
      var TAuthor=$(this).find('author').text().slice(14,-1);var TPosted=$(this).find('pubDate').text().slice(4,-9);
      var TContent=$(this).find('description').text();TContent = TContent.replace(/([\t|"|']+?)/gim, '').replace(/ /, '');
      $('#tema').append('<tr><td><b>'+ TAuthor +'</b> написал(а):</td><td class="visor" width=50%>'+TContent+'</td><td style="text-align:center">'+TPosted+'</td></tr>'); 
    });
  }
});
</script>

(* Поправил

0


Вы здесь » Единый форум поддержки » Архив » Запросы по скриптам[4]