Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Запросы по скриптам[2]
Сообщений 501 страница 520 из 996
Поделиться1Вт, 26 Ноя 2013 09:23:09
Поделиться501Ср, 19 Фев 2014 12:44:54
Fover
Глянь пост 489 плиз
Поделиться502Ср, 19 Фев 2014 13:54:10
SKEE
<script type="text/javascript"> $('#pun-delete input[name="delete"]').click(function(){ if (confirm("Вы точно хотите удалить это сообщение?")) { } else {history.go(-1); return false;}}); </script>
Поделиться503Ср, 19 Фев 2014 14:04:11
SKEE
Кстати, а чем тебе скрипт из поста 489, ну и что, что раздел только для администраторов и модераторов.
При нажатии на "Ок" пользователь все равно свободно войдет в этот форум.
Поделиться504Ср, 19 Фев 2014 17:36:32
Поставил на форум портал из темы Ссылка
Ссылка на страницу портала Ссылка
На форуме у меня в закладках есть блок новостей форума
Хотел его повторить на портале, но никак не могу вставить стили, чтобы он отображался также, как и на форуме. Получается без кнопок-иконок и шрифт другой. Пробовал вставлять и в JS-файл и HTML-верх.
Можно ли как-то сделать, чтобы стиль этих блоков и на форуме и на портале был одинаковым, или хотя бы чтобы отображались иконки?
Стиль блока новостей на форуме
Код:<!-- Стиль для контейнера новостей форума в объявлениях, вставлен в HTML-верх--> <style> .news_box { /*Сам контейнер с новостями*/ width: 500px; height: 200px; overflow: hidden; } .news_date { /*Дата*/ font-weight: bold; } .news_icon {/*Иконки*/ height: 18px; width: 80px; display: inline-block; } .important { /* Важно */ background: url(http://forumstatic.ru/files/000f/03/01/50560.png) no-repeat; } .contest { /* Конкурс */ background: url(http://forumstatic.ru/files/000f/03/01/56749.png) no-repeat; } .action { /* Акция */ background: url(http://forumstatic.ru/files/000f/03/01/57640.png) no-repeat; } .update { /* Обновление */ background: url(http://forumstatic.ru/files/000f/03/01/21318.png) no-repeat; } .useful { /* Полезно */ background: url(http://forumstatic.ru/files/000f/03/01/36338.png) no-repeat; } .event { /* Событие */ background: url(http://forumstatic.ru/files/000f/03/01/88869.png) no-repeat; } .info { /* Информация */ background: url(http://forumstatic.ru/files/000f/03/01/42373.png) no-repeat; } .news_link a {/*Ссылки*/ text-decoration: underline; color: #000; } </style>
Скрипт бока новостей вставленный в Обявлениях
Код:<div class="news_box"> <div> <span class="news_date">10.02.2014</span> <span class="news_icon important"> </span> <span class="news_link"><a href="http://proshowproducer.ru/viewtopic.php?id=9112">Введена предварительная модерация тем</a></span> </div> <div> <span class="news_date">03.02.2014</span> <span class="news_icon info"> </span> <span class="news_link"><a href="http://proshowproducer.ru/viewtopic.php?id=2550#p41277">Изменены правила раздела "НАШИ РАБОТЫ В ПРОШОУ"</a></span> </div> <div> <span class="news_date">10.02.2014</span> <span class="news_icon update"> </span> <span class="news_link"><a href="http://proshowproducer.ru/viewtopic.php?id=9058#p173427">Добавлены кнопки социальных сетей</a></span> </div> <div> <span class="news_date">03.02.2014</span> <span class="news_icon info"> </span> <span class="news_link"><a href="http://proshowproducer.ru/viewtopic.php?id=9053">Создана тема "Нарушители правил форума"</a></span> </div> <div> <span class="news_date">04.02.2014</span> <span class="news_icon update"> </span> <span class="news_link"><a href="http://proshowproducer.ru/viewtopic.php?id=9058">Новый дизайн форума</a></span> </div> </div>
И можно ли как-то уже имеющийся блок на форуме обернуть, чтобы вставлять его и на форуме и на портале, не повторяя код и тут и там?
Отредактировано Бармалей (Чт, 20 Фев 2014 10:18:14)
Поделиться505Сб, 22 Фев 2014 12:07:06
как можно сделать так чтобы Уважение: [+100/-100] Позитив: [+100/-100]
были разного цвета
Поделиться506Вс, 23 Фев 2014 22:01:49
Можно ли сделать такой скрипт. С активным перелистыванием. Только что бы не по 3 картинки а по 1 или 2
Поделиться507Вс, 23 Фев 2014 22:31:43
Ti-bop
Простой Слайдер картинок и контента Второй Вариант, с Автолистанием
Поделиться508Пн, 24 Фев 2014 01:04:10
Deff
а вот по поводу поста 505 что скажешь ?
Поделиться509Пн, 24 Фев 2014 01:28:38
Deff
А нету варианта что бы слайдер был вертикальным ?
Поделиться510Пн, 24 Фев 2014 01:36:00
Ti-bop
Эээ в инете их масса разных, делал как удобней проще для нашего контингента
В принципе посмотрите в Каталог скриптов/CSS , там есть типо аккордеон вертикальный
Поделиться511Пн, 24 Фев 2014 01:37:59
SKEE
Ссылку на форум и тестовый ник...
Поделиться512Пн, 24 Фев 2014 02:06:01
SKEE
Ссылку на форум и тестовый ник...
не понял для чего тебе тестовый пас и ник нужен
пост 505 Запросы по скриптам[2]
но на тестовый ник тебе
форум http://forum-people.ru/
Поделиться513Пн, 24 Фев 2014 02:42:47
SKEE В HTML низ
<script>
$('.pa-respect span:contains("["),.pa-positive:contains("[")').each(function(){
var sA = '[<font color=green><b>',sB = '</b></font>/<font color=red><b>',sC = '</b></font>]';
$(this).html($(this).html().replace(/\[([+\d]+)\/([-\d]+)\]/ig,sA+'$1'+sB+'$2'+sC));
})
</script>
Отредактировано Deff (Пн, 24 Фев 2014 03:03:57)
Поделиться514Пн, 24 Фев 2014 02:55:14
Deff
спасибо
Поделиться515Пн, 24 Фев 2014 03:04:46
SKEE
Поправил
Поделиться516Пн, 24 Фев 2014 03:10:52
Deff
и до этого все супер работало
огромное спасибо !!!
Поделиться517Пн, 24 Фев 2014 10:55:02
SKEE Это на первый взгляд, в "позитиве" ссылку губило
Поделиться518Ср, 26 Фев 2014 00:20:38
Deff
а можно в такой календарь http://forum-people.ru/pages/calendar добавить такой скрипт чтобы отображалось там дни рождения пользователей при наведении на день ну или както по другому
скрипт самого календаря
<script type="text/javascript"> isDOM=document.getElementById //DOM1 browser (MSIE 5+, Netscape 6, Opera 5+) isMSIE=document.all && document.all.item //Microsoft Internet Explorer 4+ isNetscape4=document.layers //Netscape 4.* isOpera=window.opera //Opera isOpera5=isOpera && isDOM //Opera 5+ isMSIE5=isDOM && isMSIE && !isOpera //MSIE 5+ isMozilla=isNetscape6=isDOM && !isMSIE && !isOpera var day_of_week = new Array( 'Пн','Вт','Ср','Чт','Пт','Сб','Вс'); var month_of_year = new Array('Январь','Февраль','Март','Апрель','Май','Июнь','Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь'); var Calendar = new Date(); var year = Calendar.getYear(); var month = Calendar.getMonth(); var today = Calendar.getDate(); var weekday = Calendar.getDay(); var DAYS_OF_WEEK = 7; var DAYS_OF_MONTH = 31; var cal; Calendar.setDate(1); Calendar.setMonth(month); if(isMozilla) year=year+1900; if(isOpera) year=year+1900; var TR_start = '<TR>'; var TR_end = '</TR>'; var highlight_start = '<TD WIDTH="20"><TABLE CELLSPACING=0 style="BORDER-RIGHT: #5C5E5C 1px solid; BORDER-TOP: #5C5E5C 1px solid; BORDER-LEFT: #5C5E5C 1px solid; BORDER-BOTTOM: #5C5E5C 1px solid;" BGCOLOR="white" BORDERCOLOR="black"><TR><TD WIDTH=20><B><CENTER>'; var highlight_end = '</CENTER></TD></TR></TABLE></B>'; var TD_start = '<TD WIDTH="20"><CENTER>'; var TD_end = '</CENTER></TD>'; cal = '<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 BORDERCOLOR="black" style="BORDER-RIGHT: #5C5E5C 1px solid; BORDER-TOP: #5C5E5C 1px solid; BORDER-LEFT: #5C5E5C 1px solid; BORDER-BOTTOM: #5C5E5C 1px solid;"><TR><TD>'; cal += '<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=1>' + TR_start; cal += '<TD COLSPAN="' + DAYS_OF_WEEK + '" BGCOLOR="steelblue"><CENTER><B><font color="white">'; cal += month_of_year[month] + ' ' + year + '</font></B>' + TD_end + TR_end; cal += TR_start; for(index=0; index < DAYS_OF_WEEK; index++) {if(weekday == index+1) cal += '<TD WIDTH="20" BGCOLOR="steelblue"><CENTER>' + '<B><font color="white">' + day_of_week[index] + '</font></B>' + TD_end; else cal += '<TD WIDTH="20" BGCOLOR="steelblue"><CENTER><font color="white">'+'' + day_of_week[index] +'</font>'+ TD_end;} cal += TD_end + TR_end; cal += TR_start; for(index=0; index < Calendar.getDay()-1; index++) cal += TD_start + ' ' + TD_end; for(index=0; index < DAYS_OF_MONTH; index++) { if( Calendar.getDate() > index ) { week_day =Calendar.getDay(); if(week_day-1 == 0) cal += TR_start; if(week_day-1 != DAYS_OF_WEEK) { var day = Calendar.getDate(); if( today==Calendar.getDate() ) cal += highlight_start+'' + day +''+ highlight_end + TD_end; else cal += TD_start+'' + day +''+ TD_end; } if(week_day-1 == DAYS_OF_WEEK) cal += TR_end; } Calendar.setDate(Calendar.getDate()+1);} cal += '</TD></TR></TABLE></TABLE>'; document.write(cal); </script>
Поделиться519Ср, 26 Фев 2014 00:34:43
SKEE
Вряд ли, ибо нун Аяксить всех пользователей( если их 1000, то 1000 запросов к серверу) искать у них дни рождения и сверять с текущей датой, по опыту один Аякс запрос - чуть менее секунды или более( зависит от текущего состояния сервиса)
1000 сек - грубо => полчаса на одно наведение курсора
И такой скрипт сервис забанит из-за многозапросов
Отредактировано Deff (Ср, 26 Фев 2014 00:35:36)
Поделиться520Ср, 26 Фев 2014 00:42:33
Deff
а праздники както можно вывести ?