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

Поделиться1Вс, 3 Май 2015 16:18:44

Автор: C3La-NS
Модератор 😈
Зарегистрирован: Вс, 29 Май 2011
Сообщений: 637
Уважение: +640
Позитив: +373
Пол: Мужской
Последний визит:
Вчера 20:25:10


Инструменты для поиска и редактирования стиля (скриптов).	Как с помощью браузера можно определить элемент дизайна.
Каталог скриптов/CSS	Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS.
Типовые Вопросы (ЧаВо)	Ответы на часто задаваемые вопросы.
Как задавать вопросы! Разница между стилем и скриптом. ( Советы)	Плюс к названию темы еще и Памятка.

+1

Поделиться681Вс, 20 Сен 2015 14:07:08

Автор: Домовой
Cтарожил
Зарегистрирован: Пн, 22 Сен 2008
Сообщений: 5079
Уважение: +1499
Позитив: +854
Пол: Мужской
Последний визит:
Вт, 12 Ноя 2024 21:39:49

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

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

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

0

Поделиться682Вс, 20 Сен 2015 14:18:22

Автор: Герда
старая версия нечистой силы
Зарегистрирован: Пт, 20 Фев 2009
Сообщений: 2622
Уважение: +1782
Позитив: +784
Пол: Женский
Последний визит:
Чт, 17 Окт 2024 14:00:09

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

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

0

ВКонтакте forumd

Поделиться683Вс, 20 Сен 2015 14:53:37

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11881
Последний визит:
Вчера 22:34:51

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

0

Поделиться684Вс, 20 Сен 2015 15:42:10

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11216
Уважение: +7621
Позитив: +5460
Пол: Мужской
Последний визит:
Сегодня 00:33:49

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

+1

ВКонтакте alex__63

Поделиться685Пн, 21 Сен 2015 06:49:32

Автор: Домовой
Cтарожил
Зарегистрирован: Пн, 22 Сен 2008
Сообщений: 5079
Уважение: +1499
Позитив: +854
Пол: Мужской
Последний визит:
Вт, 12 Ноя 2024 21:39:49

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

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

Свои картинки вместо:Новая тема;Новый опрос;Ответить;Профиль;ЛС;и т.д.

Код:

<!--Свои картинки вместо:Новая тема;Новый опрос;Ответить;Профиль;ЛС;и т.д. -->
<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Пн, 21 Сен 2015 08:56:01

Автор: both
Заслуженный
Зарегистрирован: Вс, 2 Авг 2015
Сообщений: 40
Уважение: +2
Позитив: +5
Последний визит:
Вт, 4 Окт 2016 15:19:00

можно уточнить по поводу этого скрипта: Запросы по скриптам[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Пн, 21 Сен 2015 12:58:04

Автор: Герда
старая версия нечистой силы
Зарегистрирован: Пт, 20 Фев 2009
Сообщений: 2622
Уважение: +1782
Позитив: +784
Пол: Женский
Последний визит:
Чт, 17 Окт 2024 14:00:09

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

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

перепилила скрипт, все работает, но я заметила вот такой шлак в исходном коде:

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

Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.

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

Код:

 <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

ВКонтакте forumd

Поделиться688Пн, 21 Сен 2015 15:28:45

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11216
Уважение: +7621
Позитив: +5460
Пол: Мужской
Последний визит:
Сегодня 00:33:49

Герда
У тьву <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

ВКонтакте alex__63

Поделиться689Пн, 21 Сен 2015 15:49:07

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11881
Последний визит:
Вчера 22:34:51

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Пн, 21 Сен 2015 16:02:06

Автор: both
Заслуженный
Зарегистрирован: Вс, 2 Авг 2015
Сообщений: 40
Уважение: +2
Позитив: +5
Последний визит:
Вт, 4 Окт 2016 15:19:00

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

0

Поделиться691Пн, 21 Сен 2015 16:09:15

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11216
Уважение: +7621
Позитив: +5460
Пол: Мужской
Последний визит:
Сегодня 00:33:49

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

ВКонтакте alex__63

Поделиться692Пн, 21 Сен 2015 16:17:43

Автор: both
Заслуженный
Зарегистрирован: Вс, 2 Авг 2015
Сообщений: 40
Уважение: +2
Позитив: +5
Последний визит:
Вт, 4 Окт 2016 15:19:00

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

0

Поделиться693Пн, 21 Сен 2015 16:37:41

Автор: Герда
старая версия нечистой силы
Зарегистрирован: Пт, 20 Фев 2009
Сообщений: 2622
Уважение: +1782
Позитив: +784
Пол: Женский
Последний визит:
Чт, 17 Окт 2024 14:00:09

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

ВКонтакте forumd

Поделиться694Пн, 21 Сен 2015 16:44:30

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11216
Уважение: +7621
Позитив: +5460
Пол: Мужской
Последний визит:
Сегодня 00:33:49

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

<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

ВКонтакте alex__63

Поделиться695Пн, 21 Сен 2015 17:06:40

Автор: Герда
старая версия нечистой силы
Зарегистрирован: Пт, 20 Фев 2009
Сообщений: 2622
Уважение: +1782
Позитив: +784
Пол: Женский
Последний визит:
Чт, 17 Окт 2024 14:00:09

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

0

ВКонтакте forumd

Поделиться696Вт, 22 Сен 2015 15:17:48

Автор: Герда
старая версия нечистой силы
Зарегистрирован: Пт, 20 Фев 2009
Сообщений: 2622
Уважение: +1782
Позитив: +784
Пол: Женский
Последний визит:
Чт, 17 Окт 2024 14:00:09

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

Код:

<!--Предосмотр темы 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

ВКонтакте forumd

Поделиться697Вт, 22 Сен 2015 15:34:07

Автор: Герда
старая версия нечистой силы
Зарегистрирован: Пт, 20 Фев 2009
Сообщений: 2622
Уважение: +1782
Позитив: +784
Пол: Женский
Последний визит:
Чт, 17 Окт 2024 14:00:09

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

0

ВКонтакте forumd

Поделиться698Вт, 22 Сен 2015 15:44:53

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11881
Последний визит:
Вчера 22:34:51

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

0

Поделиться699Вт, 22 Сен 2015 15:59:55

Автор: Герда
старая версия нечистой силы
Зарегистрирован: Пт, 20 Фев 2009
Сообщений: 2622
Уважение: +1782
Позитив: +784
Пол: Женский
Последний визит:
Чт, 17 Окт 2024 14:00:09

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

<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

ВКонтакте forumd

Поделиться700Вт, 22 Сен 2015 16:00:10

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11216
Уважение: +7621
Позитив: +5460
Пол: Мужской
Последний визит:
Сегодня 00:33:49

Герда

<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>

...

<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

ВКонтакте alex__63

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

Меню навигации

Пользовательские ссылки

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

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

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

Поделиться1Вс, 3 Май 2015 16:18:44

Поделиться681Вс, 20 Сен 2015 14:07:08

Поделиться682Вс, 20 Сен 2015 14:18:22

Поделиться683Вс, 20 Сен 2015 14:53:37

Поделиться684Вс, 20 Сен 2015 15:42:10

Поделиться685Пн, 21 Сен 2015 06:49:32

Поделиться686Пн, 21 Сен 2015 08:56:01

Поделиться687Пн, 21 Сен 2015 12:58:04

Поделиться688Пн, 21 Сен 2015 15:28:45

Поделиться689Пн, 21 Сен 2015 15:49:07

Поделиться690Пн, 21 Сен 2015 16:02:06

Поделиться691Пн, 21 Сен 2015 16:09:15

Поделиться692Пн, 21 Сен 2015 16:17:43

Поделиться693Пн, 21 Сен 2015 16:37:41

Поделиться694Пн, 21 Сен 2015 16:44:30

Поделиться695Пн, 21 Сен 2015 17:06:40

Поделиться696Вт, 22 Сен 2015 15:17:48

Поделиться697Вт, 22 Сен 2015 15:34:07

Поделиться698Вт, 22 Сен 2015 15:44:53

Поделиться699Вт, 22 Сен 2015 15:59:55

Поделиться700Вт, 22 Сен 2015 16:00:10