Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Запросы по скриптам[4]
Сообщений 221 страница 240 из 1000
Поделиться1Вс, 3 Май 2015 16:18:44
Поделиться221Вс, 12 Июл 2015 15:14:06
Alex_63
кхм, а в чём отличие от v1?
Поделиться222Вс, 12 Июл 2015 15:24:46
Fоvеr
В том, что ставится в HTML верх)
В V2 :
$(document).ready(function(){
$('.post-content .quote-box+p>br:first-of-type').each(function(){
var extraBr=$(this).parent().html().split('<br>')[0];
if(extraBr==''){
$(this).hide();
};
});
});
Пытался сделать, чтобы <br> скрывались сразу, но не вышло) Может быть, чуть побыстрее, чем с версией 1 в HTML низ
(* Поправил, теперь так:
$(function(){
$('.post-content .quote-box+p>br:first-of-type').each(function(){
var extraBr=$(this).parent().html().split('<br>')[0];
if(extraBr==''){
$(this).hide();
};
});
});
Отредактировано Alex_63 (Вс, 12 Июл 2015 15:38:01)
Поделиться223Вс, 12 Июл 2015 15:38:52
Пытался сделать, чтобы <br> скрывались сразу, но не вышло) Может быть, чуть побыстрее, чем с версией 1 в HTML низ
$(document).ready(function(){ - срабатывает после загрузки всей страницы, в отличии от HTML низ.
Есть еще фича, если после цитаты первой стоит ссылка, почему-то первостоящий <br> в <p> не ставиться
Поделиться224Вс, 12 Июл 2015 15:46:05
Deff
Та я понял уже..) Т.е выходит еще дольше..
Думаю, можете удалить пост #320, как неактуальный..(Мне нун было сначала протестировать получше, а потом уж постить)
Есть еще фича, если после цитаты первой стоит ссылка, почему-то первостоящий <br> в <p> не ставиться
Попробую..
Но ведь тогда условие if(extraBr=='') не будет выполняться, следовательно, если после ссылки стоит <br> - скрипт его не скроет
Поделиться225Вс, 12 Июл 2015 15:50:27
Есть еще фича, если после цитаты первой стоит ссылка, почему-то первостоящий <br> в <p> не ставиться
Не наю, - вот, посмотрите => http://hostjs.mybb.ru/viewtopic.php?id=2&p=5#p48
<div class="quote-box">
<blockquote>
<p>Цитата...</p>
</blockquote>
</div>
<p>
<br style="display: none;">
<a href="http://hostjs.mybb.ru/" rel="nofollow" target="_blank">http://hostjs.mybb.ru/</a>
<br>
Тут текст
</p>
Отредактировано Alex_63 (Вс, 12 Июл 2015 15:50:49)
Поделиться226Вс, 12 Июл 2015 15:51:22
Deff
Та я понял уже..) Т.е выходит еще дольше..
Думаю, можете удалить пост #320, как неактуальный..(Мне нун было сначала протестировать получше, а потом уж постить)Попробую..
Но ведь тогда условие if(extraBr=='') не будет выполняться, следовательно, если после ссылки стоит <br> - скрипт его не скроет
Я и не говорю что скрипт не будет работать
Поделиться227Вс, 12 Июл 2015 16:06:10
Прошу прощение, можно уточнить Запросы по скриптам[4] (пост 52), возможно ли?
Поделиться228Вс, 12 Июл 2015 16:17:26
Lusiya
Втавьте в пост код HTML(у Вас стоит по-моему скрипт вставки HTML), и код простенького слайдера картинок,
Занят востребованными большими скриптами, а Ваш запрос экзотичен и трудозатратен
Поделиться229Вс, 12 Июл 2015 16:21:54
Lusiya
Втавьте в пост код HTML(у Вас стоит по-моему скрипт вставки HTML), и код простенького слайдера картинок,
Занят востребованными большими скриптами, а Ваш запрос слишком экзотичен и трудозатратен
Есть такое (необычный запросик)... Ну, ладно, нет, значит-нет. Спасибо
Поделиться230Вс, 12 Июл 2015 18:59:15
Deff
Я извиняюсь Возник вопрос по этому оформлению (пост 52)... Возможно сделать без слайдера (без загрузки картинок)?
Поделиться231Вс, 12 Июл 2015 19:04:58
Deff
Я извиняюсь Возник вопрос по этому оформлению (пост 52)... Возможно сделать без слайдера (без загрузки картинок)?
Можно заказать гиф-анимированную картинку с дамами(без обрамления) http://imagiart.ru/viewforum.php?id=13 и поставить фон цитаты двумя картинками:
фон обрамления окна анимации(с начальной картинкой в окне) и саму смену картинок, если картинок меньше десятка думаю будет не хуже, при большом объеме и размере картинок - топик с цитатами будет грузиться слишком долго
Поделиться232Вс, 12 Июл 2015 19:35:24
Можно заказать гиф-анимированную картинку с дамами(без обрамления) http://imagiart.ru/viewforum.php?id=13 и поставить фон цитаты двумя картинками:
фон обрамления окна анимации(с начальной картинкой в окне) и саму смену картинок, если картинок меньше десятка думаю будет не хуже, при большом объеме и размере картинок - топик с цитатами будет грузиться слишком долго
Точно!!! Там же гифка, а они тормозят форум. Согласна на все 100%! Спасибо Большое, Deff!
Deff
Если у Вас будет возможность, можно Вас попросить добавить просто обычный фон (как для цитат из книг и позитива) еще одну функцию для стихов?
Поделиться233Пн, 13 Июл 2015 17:28:38
Доброго Всем времени суток.
Возможно своять скрипт, типо жмякнул на лайк и Вам открылась ссылка на скачивание данного материала.
Скорее всего это не реально, но все же.
Поделиться234Пн, 13 Июл 2015 17:42:20
ACT3255
Помещайте ссылки для скачивания в "Скрытый текст" [hide][/hide]
Поделиться235Пн, 13 Июл 2015 17:53:18
<div style="height:112px; width:200px;border:red 1px solid; margin-top:210px;margin-left:380px;position:absolute;z-index:100;overflow-y:auto">
Тут Баннеры
</div>
а как можно изменить ширину прокрутки, чтобы она не была такая широкая?
Поделиться236Пн, 13 Июл 2015 18:02:05
а как можно изменить ширину прокрутки, чтобы она не была такая широкая?
Сделайте скриншот - ткните стрелкой - ибо выразились не внятно, прокрутка вроде как по высоте, а не ширине, укажите стрелочкой нужный размер
Поделиться237Пн, 13 Июл 2015 18:04:39
ACT3255
Ну это дубль тутошнего поста 211, подумаю - не быстро, пока занят
Поделиться238Пн, 13 Июл 2015 20:24:14
ACT3255
Ну это дубль тутошнего поста 211, подумаю - не быстро, пока занят
Не вопрос, ждать мы умеем, только не забыли бы...
конкурент спрашивал уже
Отредактировано ACT3255 (Пн, 13 Июл 2015 21:07:42)
Поделиться239Вт, 14 Июл 2015 19:44:42
Возник вопрос по этому оформлению (пост 52)... Возможно сделать без слайдера (без загрузки картинок)?
<...>
добавить просто обычный фон (как для цитат из книг и позитива) еще одну функцию для стихов?
Как-то так:
.post-content .book,.post-content .yumor,.post-content .pwquote{
color:#7F3300;
border-radius:0 25px 0 25px;
padding:0 1em 1em 1em; margin-bottom:1em;
background:#EDD9A2 url("http://savepic.su/5665223.png") no-repeat 0 50%;
background:-moz-linear-gradient(0deg,#EDD9A6, #EDC363);
background:-webkit-linear-gradient(0deg,#EDD9A6, #EDC363);
background:-o-linear-gradient(0deg,#EDD9A6, #EDC363);
}
.post-content .book>blockquote {
padding:18px 0;
padding-left:80px;
background:url("http://savepic.ru/7263028.gif") no-repeat 2px 50%;
}
.post-content .yumor>blockquote {
padding:25px 0;
padding-left:110px;
background:url("http://savepic.su/5665223.png") no-repeat -13px 50%;
}
.post-content .pwquote > blockquote{
padding:25px 0;
padding-left:110px;
background:url("Ссылка на фоновую Картинку в цитате /Стихи/") no-repeat -13px 50%;
}
.post-content .book>blockquote p{
font:italic normal 400 21px/28.6px Isabella-Decor;
width:541px;
max-width:541px;
font-weight: bold;
color:#7F3300;
}
.post-content .yumor>blockquote p{
font:italic normal 400 18px/24px "Comic Sans MS";
width:541px;max-width:541px;
color:#7F3300;
}
.post-content .pwquote > blockquote p{
font: normal normal 400 18px/24px "Comic Sans MS";
width:541px;max-width:541px;
color: #7F3300;
}
.post-content .book > cite, .post-content .yumor > cite,.post-content .pwquote >cite{
display:block;
margin:0 -3px 0 -8px !important;
border-bottom:#C4A300 1px dashed;
font:italic normal 700 15px/21.6px Georgia;
padding:7px 6px;
}
.post-content .book{
background:#EDD9A2 url("http://savepic.ru/7263028.gif") no-repeat 0 50%;
background:-moz-linear-gradient(0deg,#EDD9A6, #F8F8F6);
background:-webkit-linear-gradient(0deg,#EDD9A6, #F8F8F6);
background:-o-linear-gradient(0deg,#EDD9A6, #F8F8F6);
font:italic normal 400 17px/normal Georgia;
}
.post-content .pwquote{
background:#ffe9bf;/*цвет фона цитаты "Стихи" */
font:normal normal 400 18px/normal Georgia;/*Шрифт цитаты "Стихи"*/
}
#add_Quotes{
position:absolute;
width:24px!important;
left:50%;
margin-left:-12px;
top:0;
}
#button-quote>center{
opacity:0;
visibility:hidden;
transition-duration:1.1s;
}
#button-quote:hover>center{
transition-duration:1.1s;
opacity:1;
visibility:visible;
}
.punbb #add_Quotes tr{
padding:0!important;
max-height:22px!important;
}
#add_Quotes td{
height:10px!important;
padding:0!important;
width:22px!important;
}
#button-book{
background:url("http://savepic.ru/7069041.png") no-repeat 50% 3px;
background-size:auto 23px;
}
#button-yumor{
background:url("http://savepic.su/5665223.png") no-repeat 50%;
background-size:cover;
}
#button-pwtr{
background:url("Ссылка на Картинку Кнопки доп.Цитаты /Стихи/");
background-size:cover;
}
<script type="text/javascript">
var a = 'Цитата из книги: написал(а):';
$('.post-content div[class="quote-box"]>cite:contains("'+a+'")').text('Цитата из книги:').parent('div').addClass('book').removeClass('quote-box');
var a = 'Время позитива написал(а):';
$('.post-content div[class="quote-box"]>cite:contains("'+a+'")').text('Время позитива').parent('div').addClass('yumor').removeClass('quote-box');
var a = 'Стихи написал(а):';
$('.post-content div[class="quote-box"]>cite:contains("'+a+'")').text('Стихи').parent('div').addClass('pwquote').removeClass('quote-box');
var a ='<center style="position:relative;"><table id=add_Quotes><tr><td id="button-book" title="#">@@</td></tr><tr><td id="button-yumor" title="#">##</td></tr><tr><td id="button-pwtr" title="#">$$</td></tr></table></center>',b3="]'";
var b1 = '<img onclick="bbcode(\'[quote=Цитата из книги:'+b3+',\'[/quote'+b3+')" src="/i/blank.gif"/>',b2 = '<img onclick="bbcode(\'[quote=Время позитива'+b3+',\'[/quote'+b3+')" src="/i/blank.gif"/>',b4 = '<img onclick="bbcode(\'[quote=Стихи'+b3+',\'[/quote'+b3+')" src="/i/blank.gif"/>';
a = a.replace('@@',b1).replace('##',b2).replace('$$',b4);
$('#post #button-quote').append(a);$('#button-quote').removeAttr('title');$('#button-quote>img').attr('title','Цитата');
// Всплывающие подсказки для кнопок Доп.Цитат
$('#button-book').attr('title','Цитата из книги');
$('#button-yumor').attr('title','Время позитива');
$('#button-pwtr').attr('title','Стихи');
</script>
Красное - надпись в заголовке цитаты (последнее - всплывающая подсказка для нижней кнопки доп.цитаты), прописываем одно и то же
(*Поправил
На всякий случай - перед установкой сохраните текущее содержимое HTML низ и Второго Окна стилей
Отредактировано Alex_63 (Вт, 14 Июл 2015 19:47:47)
Поделиться240Вт, 14 Июл 2015 19:47:19
Alex_63
Ух ты... Побежала пробовать... Обязательно отпишусь, после установки