24/08/15 Открыта запись на обучение вёрстки для майбба - ссылка на тему

Избранные уроки Photoshop

Эпиграф в стиле tumblr (перевод windymind)

Вверх
Вниз

COLOR MATE

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

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

Вы здесь » COLOR MATE » Вопросы CSS|JS » Вопросы по JS (JavaScript)

Вопросы по JS (JavaScript)

Страница: 1 2 3 4 5  

Сообщений 1 страница 30 из 141

1

  • Автор: admin
  • takes to lead
  • admin
  • Зарегистрирован: 29-04-2011
  • Приглашений: 0
  • Сообщений: 691
  • Уважение: +53
  • Позитив: +163
  • Провел на форуме:
    7 дней 0 часов
  • Последний визит:
    23-03-2013 22:58:04

Все ваши вопросы относительно функционала форума (посредством ЯваСкрипт), в том числе вопросы относительно скриптов, расположенных в нашем каталоге.

0

2

  • Автор: monkeyslut
  • я есмь клевер
  • monkeyslut
  • Зарегистрирован: 26-07-2012
  • Приглашений: 0
  • Сообщений: 266
  • Уважение: +80
  • Позитив: +1
  • Провел на форуме:
    10 дней 22 часа
  • Последний визит:
    07-03-2016 10:43:14

Я так поняла, вы имеете виду, чтоб сбоку стояли кнопочки, а нажимая на одну из них менялся дизайн, да?

Спасибо Пуша

Свернутый текст
Код:
<script type="text/javascript">
var linkStyles='<link 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);$("link[rel='stylesheet']:first").replaceWith(linkStyles+L+'"/>')}};var Lmem=getcookie("changeStyle");clearSet(Lmem);
</script>

Сразу следом, - ставим наши кнопки
    <style>#changeStyle img{border:solid 2px transparent;}
.STYLselect {border-color:red!important;}
    </style>
    <div id="changeStyle" style="top:0; left: 3px; position:fixed!important;">
    <img src="http://www.10pix.ru/img1/3444/5439522.jpg" alt="http://forum.mybb.ru/style/Mybb_Strange_Vision/Mybb_Strange_Vision.css"/>
    <br>
    <img src="http://www.10pix.ru/img1/3492/5439523.jpg" alt="http://forum.mybb.ru/style/Mybb_Space/Mybb_Space.css"/>
    <br>
    <img src="http://www.10pix.ru/img1/3492/5439523.jpg" alt="http://forum.mybb.ru/style/Mybb_Sloven/Mybb_Sloven.css"/>
    <br>
    </div>
    <script>$("#changeStyle img[alt='"+Lmem+"']").addClass("STYLselect");$('#changeStyle img[alt]').click(function(){L=$(this).attr("alt");$('#changeStyle img[alt]').removeClass("STYLselect");$(this).addClass("STYLselect");clearSet(L)});</script>
Пояснения:
Красным - ссылки на картинки соответствующих кнопок
Коричневым жирным - ссылки на файлы стиля для этой кнопки
Синим жирным - стиль кнопки после нажатия

но это будет менять только основное (шапку, тело) а как сделать так чтобы менялось всё? кто знает?

0

3

  • Автор: salamandra'
  • я люблю своего убийцу.(с)
  • salamandra'
  • Зарегистрирован: 28-08-2012
  • Приглашений: 0
  • Сообщений: 62
  • Уважение: +37
  • Позитив: +32
  • Провел на форуме:
    10 часов 55 минут
  • Последний визит:
    26-10-2013 06:24:03

Итак, всем привет, попробовала установить плеер в профиль на форуме http://gleewcf.ru/
установился он без проблем и вообще с установкой проблем не возникло, но вот у некоторых почему-то он не воспроизводиться -_-
в чем могут быть проблемы?

0

4

  • Автор: moral rat
  • бытовой сатанист
  • moral rat
  • Зарегистрирован: 28-10-2011
  • Приглашений: 0
  • Сообщений: 1675
  • Уважение: +781
  • Позитив: +531
  • Пол: Мужской
  • Возраст: 32 [1991-05-28]
  • Провел на форуме:
    18 дней 3 часа
  • Последний визит:
    03-10-2020 05:11:08

salamandra'
скиньте, пожалуйста, код вашего плеера (заполненный)

0

5

  • Автор: salamandra'
  • я люблю своего убийцу.(с)
  • salamandra'
  • Зарегистрирован: 28-08-2012
  • Приглашений: 0
  • Сообщений: 62
  • Уважение: +37
  • Позитив: +32
  • Провел на форуме:
    10 часов 55 минут
  • Последний визит:
    26-10-2013 06:24:03

<object type="application/x-shockwave-flash" data="http://flv-mp3.com/i/pic/ump3player_500x70.swf" height="25" width="170"><param name="wmode" value="transparent" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="movie" value="http://flv-mp3.com/i/pic/ump3player_500x70.swf" /><param name="FlashVars" value="way=http://cs1-38.userapi.com/d2/4a1167badc8180.mp3&amp;swf=http://flv-mp3.com/i/pic/ump3player_500x70.swf&amp;w=170&amp;h=25&amp;time_seconds=0&amp;autoplay=0&amp;q=&amp;skin=grey&amp;volume=70&amp;comment=" /></object>

0

6

  • Автор: salamandra'
  • я люблю своего убийцу.(с)
  • salamandra'
  • Зарегистрирован: 28-08-2012
  • Приглашений: 0
  • Сообщений: 62
  • Уважение: +37
  • Позитив: +32
  • Провел на форуме:
    10 часов 55 минут
  • Последний визит:
    26-10-2013 06:24:03

Генерировала код здесь http://flv-mp3.com/ru/mp3/

0

7

  • Автор: firefly'
  • кровавый мясник.
  • firefly'
  • Зарегистрирован: 09-07-2012
  • Приглашений: 0
  • Сообщений: 314
  • Уважение: +92
  • Позитив: +49
  • Пол: Женский
  • Провел на форуме:
    7 дней 22 часа
  • Последний визит:
    15-07-2014 23:46:29

не знаю туда ли я обращаюсь.) Скажите пожалуста что за скрипт(при наведении на имена админов таблице выскакивает окошко с фоткой  и небольшим описанием), как на этих форумах:
http://sacramentolife.ru/
http://badasses.ru/

0

8

  • Автор: firefly'
  • кровавый мясник.
  • firefly'
  • Зарегистрирован: 09-07-2012
  • Приглашений: 0
  • Сообщений: 314
  • Уважение: +92
  • Позитив: +49
  • Пол: Женский
  • Провел на форуме:
    7 дней 22 часа
  • Последний визит:
    15-07-2014 23:46:29

мне кто нибудь поможееееет?(((

0

9

  • Автор: monkeyslut
  • я есмь клевер
  • monkeyslut
  • Зарегистрирован: 26-07-2012
  • Приглашений: 0
  • Сообщений: 266
  • Уважение: +80
  • Позитив: +1
  • Провел на форуме:
    10 дней 22 часа
  • Последний визит:
    07-03-2016 10:43:14

такой же вопрос как и у viktoshaaa
и ещё кто знает нормальный скрипт таблицы со стрелочками?

0

10

  • Автор: moral rat
  • бытовой сатанист
  • moral rat
  • Зарегистрирован: 28-10-2011
  • Приглашений: 0
  • Сообщений: 1675
  • Уважение: +781
  • Позитив: +531
  • Пол: Мужской
  • Возраст: 32 [1991-05-28]
  • Провел на форуме:
    18 дней 3 часа
  • Последний визит:
    03-10-2020 05:11:08
monkeyslut написал(а):

и ещё кто знает нормальный скрипт таблицы со стрелочками?

стиль:

Код:
#slideshow {
	margin:0 auto;
	width:780px;
	height: 300px;
	position:relative;
line-height: 10px;}
#slideshow #slidesContainer {
  margin:0 auto;
  width:780px;
  height: 300px;
  overflow:auto; /* allow scrollbar */
  position:relative;}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:800px; 
  height:300px;}
.control {
  display:block;
  width: 100px;
  height: 300px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;}
#leftControl {
  top: 90px;
  left: -43px;
  background:transparent url(адрес левой стрелки) no-repeat 0 0;}
#rightControl {
  top: 90px;
  right: -1px;
  background:transparent url(адрес правой стрелки) no-repeat 0 0;}

.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  letter-spacing:-1px;
}

хтмл вверх

Код:
<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 780;
  var slides = $('.slide');
  var numberOfSlides = slides.length;

  // Remove scrollbar in JS
  $('#slidesContainer').css('overflow', 'hidden');

  // Wrap all .slides with #slideInner div
  slides
    .wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
.css({
      'float' : 'right',
      'width' : slideWidth
    });

  // Set #slideInner width equal to total width of all slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);

  // Insert controls in the DOM
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');

  // Hide left arrow control on first load
  manageControls(currentPosition);

  // Create event listeners for .controls clicks
  $('.control')
    .bind('click', function(){
    // Determine new position
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
   
// Hide / show controls
    manageControls(currentPosition);
    // Move slideInner using margin-left
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });

  // manageControls: Hides and Shows controls depending on currentPosition
  function manageControls(position){
    // Hide left arrow if position is first slide
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Hide right arrow if position is last slide
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }
});
</script>

таблица

Код:
<center><table border=0 width="780px" height="320px" cellpadding="25"><tr><td>  
<body>
<div id="pageContainer">
  <h1></h1>
  <!-- Slideshow HTML -->
  <div id="slideshow">
    <div id="slidesContainer"> <div class="slide">
      четвертый контенер
        <p>
      </div>
 <div class="slide">
 третий контенер
        <p>
      </div>
<div class="slide">
второй контенер</div>
<div class="slide">
первый контенер
      <p>
      </div>
    </div>
  </div>
  <!-- Slideshow HTML -->
  <div id="footer">

  </div>
</div>
</body>
</html></td></tr></table></center>

0

11

  • Автор: monkeyslut
  • я есмь клевер
  • monkeyslut
  • Зарегистрирован: 26-07-2012
  • Приглашений: 0
  • Сообщений: 266
  • Уважение: +80
  • Позитив: +1
  • Провел на форуме:
    10 дней 22 часа
  • Последний визит:
    07-03-2016 10:43:14

moral rat
спасибо огромное))) http://uploads.ru/i/m/s/z/msz46.gif

0

12

  • Автор: skittles.
  • я есмь клевер
  • skittles.
  • Зарегистрирован: 20-08-2011
  • Приглашений: 0
  • Сообщений: 226
  • Уважение: +57
  • Позитив: +253
  • Пол: Женский
  • Провел на форуме:
    4 дня 9 часов
  • Последний визит:
    04-12-2016 22:47:04

Всем доброго времени суток)
Нужна помощь со спойлером-контейнером. В общем, на прошлом проекте эта финтифлюшка стояла нормально, а здесь вырисовалась вот такая проблемка http://s3.uploads.ru/sm0RM.jpg
Коряво выделенная область и есть косяк. Объясните, пожалуйста, почему все съезжает и можно ли это как-то исправить? Может я не туда ставлю? хд
Сам форум: http://tetstcode.rusff.ru/
Помогите :'(

0

13

  • Автор: monkeyslut
  • я есмь клевер
  • monkeyslut
  • Зарегистрирован: 26-07-2012
  • Приглашений: 0
  • Сообщений: 266
  • Уважение: +80
  • Позитив: +1
  • Провел на форуме:
    10 дней 22 часа
  • Последний визит:
    07-03-2016 10:43:14

помогите!!! как это исправить??? нужно чтобы таблица была сдвинута от рамки
http://savepic.ru/4241332.png

Отредактировано monkeyslut (08-03-2013 14:51:12)

0

14

  • Автор: morgan
  • главный по горшкам
  • morgan
  • Зарегистрирован: 27-07-2012
  • Приглашений: 0
  • Сообщений: 4222
  • Уважение: +1775
  • Позитив: +1413
  • Пол: Мужской
  • Провел на форуме:
    2 месяца 25 дней
  • Последний визит:
    12-03-2019 02:02:54

monkeyslut

#slideshow {
margin:0 auto;
width:780px;
height: 300px;
position:relative;
line-height: 10px;}
#slideshow #slidesContainer {
  margin:0 auto;
  width:780px;
  height: 300px;
  overflow:auto; /* allow scrollbar */
  position:relative;}

Поиграйте с выделенными строками)

0

15

  • Автор: швейцария
  • я есмь клевер
  • швейцария
  • Зарегистрирован: 04-12-2012
  • Приглашений: 0
  • Сообщений: 28
  • Уважение: +13
  • Позитив: +18
  • Провел на форуме:
    12 часов 49 минут
  • Последний визит:
    01-04-2013 11:00:49

http://s2.uploads.ru/UWzyI.jpg
как избавиться от этой полоски в подписи?

0

16

  • Автор: i_am_your_soul
  • я есмь клевер
  • i_am_your_soul
  • Откуда: Архангельск
  • Зарегистрирован: 08-07-2011
  • Приглашений: 0
  • Сообщений: 198
  • Уважение: +13
  • Позитив: +156
  • Пол: Женский
  • Возраст: 36 [1987-08-30]
  • Провел на форуме:
    1 день 11 часов
  • Последний визит:
    16-11-2015 18:14:17

Здравствуйте!
Подскажите, пожалуйста, скрипт, чтобы поставить трэк под аватаркой.

0

17

  • Автор: skittles.
  • я есмь клевер
  • skittles.
  • Зарегистрирован: 20-08-2011
  • Приглашений: 0
  • Сообщений: 226
  • Уважение: +57
  • Позитив: +253
  • Пол: Женский
  • Провел на форуме:
    4 дня 9 часов
  • Последний визит:
    04-12-2016 22:47:04

Не знаю, сюда ли обращаюсь со своей проблемой, но вот в чем дело.
У меня на форуме не отображается подчеркнутый текст. Кто-нибудь знает, в чем может быть причина?

0

18

  • Автор: morgan
  • главный по горшкам
  • morgan
  • Зарегистрирован: 27-07-2012
  • Приглашений: 0
  • Сообщений: 4222
  • Уважение: +1775
  • Позитив: +1413
  • Пол: Мужской
  • Провел на форуме:
    2 месяца 25 дней
  • Последний визит:
    12-03-2019 02:02:54
skittles. написал(а):

У меня на форуме не отображается подчеркнутый текст. Кто-нибудь знает, в чем может быть причина?

Адрес?

0

19

  • Автор: skittles.
  • я есмь клевер
  • skittles.
  • Зарегистрирован: 20-08-2011
  • Приглашений: 0
  • Сообщений: 226
  • Уважение: +57
  • Позитив: +253
  • Пол: Женский
  • Провел на форуме:
    4 дня 9 часов
  • Последний визит:
    04-12-2016 22:47:04

apl.de.ap
http://tomorrowneverdies.rusff.ru/

0

20

  • Автор: morgan
  • главный по горшкам
  • morgan
  • Зарегистрирован: 27-07-2012
  • Приглашений: 0
  • Сообщений: 4222
  • Уважение: +1775
  • Позитив: +1413
  • Пол: Мужской
  • Провел на форуме:
    2 месяца 25 дней
  • Последний визит:
    12-03-2019 02:02:54

skittles.
Дайте ссылку на пост, где вы использовали подчёркнутый текст, а он не подчеркнулся.

0

21

  • Автор: skittles.
  • я есмь клевер
  • skittles.
  • Зарегистрирован: 20-08-2011
  • Приглашений: 0
  • Сообщений: 226
  • Уважение: +57
  • Позитив: +253
  • Пол: Женский
  • Провел на форуме:
    4 дня 9 часов
  • Последний визит:
    04-12-2016 22:47:04

apl.de.ap
http://tomorrowneverdies.rusff.ru/viewtopic.php?id=88 подчеркнуто по идее должно быть наш баннер

0

22

  • Автор: firefly'
  • кровавый мясник.
  • firefly'
  • Зарегистрирован: 09-07-2012
  • Приглашений: 0
  • Сообщений: 314
  • Уважение: +92
  • Позитив: +49
  • Пол: Женский
  • Провел на форуме:
    7 дней 22 часа
  • Последний визит:
    15-07-2014 23:46:29

и снова повторюсь с вопросом, неужели никто не поможет?

не знаю туда ли я обращаюсь.) Скажите пожалуста что за скрипт(при наведении на имена админов таблице выскакивает окошко с фоткой  и небольшим описанием), как на этих форумах:
http://sacramentolife.ru/
http://badasses.ru/

0

23

  • Автор: monkeyslut
  • я есмь клевер
  • monkeyslut
  • Зарегистрирован: 26-07-2012
  • Приглашений: 0
  • Сообщений: 266
  • Уважение: +80
  • Позитив: +1
  • Провел на форуме:
    10 дней 22 часа
  • Последний визит:
    07-03-2016 10:43:14

кто знает код для вставки музыки??? так же как мы можем вставлять видео, картинки

0

24

  • Автор: morgan
  • главный по горшкам
  • morgan
  • Зарегистрирован: 27-07-2012
  • Приглашений: 0
  • Сообщений: 4222
  • Уважение: +1775
  • Позитив: +1413
  • Пол: Мужской
  • Провел на форуме:
    2 месяца 25 дней
  • Последний визит:
    12-03-2019 02:02:54

monkeyslut
Попробуйте погуглить на наличие аудио-плееров с яваскрипт-парсером для вставки. Обычными средствами, вроде как, нельзя (можно, конечно, воспользоваться платной функцией русфф "файловое хранилище", у них плеер есть, если я не ошибаюсь).
viktoshaaa
Ещё актуально?

0

25

  • Автор: Galatea
  • потому что ты ведьма
  • Galatea
  • Зарегистрирован: 05-07-2010
  • Приглашений: 0
  • Сообщений: 1082
  • Уважение: +388
  • Позитив: +158
  • Пол: Женский
  • Провел на форуме:
    6 дней 9 часов
  • Последний визит:
    29-05-2015 08:53:52

Подскажите пожалуйста код:
1) для музыки в профиле, как на колоре с такой тонкой полосочкой
2) для музыки в постах,  с кнопкой

0

26

  • Автор: morgan
  • главный по горшкам
  • morgan
  • Зарегистрирован: 27-07-2012
  • Приглашений: 0
  • Сообщений: 4222
  • Уважение: +1775
  • Позитив: +1413
  • Пол: Мужской
  • Провел на форуме:
    2 месяца 25 дней
  • Последний визит:
    12-03-2019 02:02:54
Galatea написал(а):

1) для музыки в профиле, как на колоре с такой тонкой полосочкой

Вопросы по CSS (& HTML)

Galatea написал(а):

2) для музыки в постах,  с кнопкой

Нету, или я вас неправильно понял.

+1

27

  • Автор: Galatea
  • потому что ты ведьма
  • Galatea
  • Зарегистрирован: 05-07-2010
  • Приглашений: 0
  • Сообщений: 1082
  • Уважение: +388
  • Позитив: +158
  • Пол: Женский
  • Провел на форуме:
    6 дней 9 часов
  • Последний визит:
    29-05-2015 08:53:52
apl.de.ap написал(а):

Нету, или я вас неправильно понял.

По идее есть, но я наверное не правильно выразилась. Можно поставить кнопку (там где спойлер, изображение и.т.д) и будет в посте возникать такой тег [audio][/audio] и между ними как-то можно ставить ссылку

0

28

  • Автор: Мося
  • нечисть
  • Мося
  • Зарегистрирован: 30-10-2011
  • Приглашений: 0
  • Сообщений: 1729
  • Уважение: +433
  • Позитив: +235
  • Провел на форуме:
    19 дней 8 часов
  • Последний визит:
    26-11-2016 00:27:12

Galatea
Полагаю, вы ищите это?

Код:
<!--zippy-audio плеер-->
<script language="javascript">
$(function(){
$('#button-code').before('<td style=\'background-image:url("http://img31.imageshack.us/img31/1875/sound.gif")\' onclick=\'pop4(); bbcode("[audio]вставьте сюда полученную ссылку", "[/audio]");\'><img src="/i/blank.gif" title="Загрузить музыку"></td>');
});
function pop4(){
popzz = window.open("http://www.zippyshare.com/","popDialog","height=330,width=900")
if (!document.all)  {popzz.moveTo(100,100);}
return false}
$("div.post-content").map(function () {
text = $(this).html();
if(text.indexOf("zippyshare.com") != -1) {
player = /\[audio\]http:\/\/www(\d+)\.zippyshare\.com\/v\/(\d+)\/file\.html\[\/audio\]/gi
$(this).html(text.replace(player, "<br /><embed type='application/x-shockwave-flash' src='http://api.zippyshare.com/api/mediaplayer/mediaplayer.swf' flashvars='height=20&amp;width=400&amp;file=http://www$1.zippyshare.com/downloadMusic%3Fkey%3D$2%26&amp;volume=80&amp;autostart=false&amp;frontcolor=0x000000&amp;backcolor=0xffffff&amp;lightcolor=0x000000&amp;type=flv' quality='high' menu='false' wmode='transparent' allowscriptaccess='always' height='20' width='400' name='mp3player' border='0' style='margin-bottom: 6px;'/>"));
} });
</script>

+1

29

  • Автор: Galatea
  • потому что ты ведьма
  • Galatea
  • Зарегистрирован: 05-07-2010
  • Приглашений: 0
  • Сообщений: 1082
  • Уважение: +388
  • Позитив: +158
  • Пол: Женский
  • Провел на форуме:
    6 дней 9 часов
  • Последний визит:
    29-05-2015 08:53:52

Мося и  apl.de.ap

Да, большое спасибо за помощь! https://forumupload.ru/uploads/000c/77/06/120938-1.png

0

30

  • Автор: midnighter
  • я есмь клевер
  • midnighter
  • Зарегистрирован: 23-01-2012
  • Приглашений: 0
  • Сообщений: 84
  • Уважение: +5
  • Позитив: +12
  • Провел на форуме:
    6 дней 17 часов
  • Последний визит:
    11-10-2013 08:44:37

не знаю, сюда или нет, но я рискну. как сделать так, что бы названия строчки лз не было видно?

0

Страница: 1 2 3 4 5  

Вы здесь » COLOR MATE » Вопросы CSS|JS » Вопросы по JS (JavaScript)