Публикации

Форумы

Как в тему Java Script вставить?
 

Как в тему Java Script вставить?

1 2 3 4  
Модераторы: Патрик, net1313, Predator, Perfecthus, Kapman
Автор Добавил
Offline Real
24.10.11 - 12:41
Real

Сообщений: 1236
– Цитата: 
Зачем так было изголяться?

– Цитата: 
то этот самый плеер на java script будет у меня на каждой странице появляться, а мне нужна всего лишь одна страница типа custom.php?




Всё, что существует на свете, когда-то было мечтой.
Вернуться наверх
Популярность сообщения: 0
 
Рекламный блок
VPS
Наверх

Offline Патрик
24.10.11 - 12:51
Патрик
Патрик


Сообщений: 389
Дак я и не говорю весь плеер, только жабаскрипт. А сам плеер
  1. <div id='container'>Loading the player ...</div> <script type='text/javascript'> jwplayer('container').setup({ flashplayer: '/jwplayer/player.swf', file: '/uploads/video.mp4', height: 270, width: 480 }); </script>

Уже в кастомную страницу.


Коня вороного я видел. Частенько приходилось. А вот ворону конливую, что-то не доводилось.
Вернуться наверх
Популярность сообщения: 1
 
Offline net1313
24.10.11 - 14:11
net1313


Сообщений: 2769
– Цитата: 
Тут 2 вопроса: 1)куда девать этот самый custom.sc

в пaпку темы

– Цитата: 
2)если я пропишу в theme.php шорткод {MUSICMAN_PLAYER} то этот самый плеер на java script будет у меня на каждой странице появляться, а мне нужна всего лишь одна страница типа custom.php?


тaк при редaктировaнии стрaницы в ней и нaпиши {MUSICMAN_PLAYER}

Что кaсaется путей к скрипту - тут ты только сaм знaешь в кaких кaтaлогaх они у тебя лежaт. Если нaпример не хочешь зaморaчивaться, то явaскрипт можешь зaкинуть в ту же пaпку что и фaйл e_meta.php (лично я помещaю скрипты в e107_files) поэтому путь в e_meta.php будерт тaкой
  1. <script type='text/javascript' src='jwplayer.js'></script>


ну и конечно же не зaбудь в фaйле темы theme.php прописaть это
  1. $register_sc[]='MUSICMAN_PLAYER';




Очень Добрый Админ
Жизнь в целом не такая уж и хуёвая штука, хотя конечно неплохо было бы если бы в ней было всё совершенно по-другому.
Вернуться наверх
Популярность сообщения: 0
 
Offline MusicMan_08
24.10.11 - 14:19
Сообщений: 30
А насчет custom страницы, я, например, создаю страницу, через меню "Персональные страницы и меню" и по умолчанию, страница имеет название page?x.php, через например .htaccess даю ей нормальное имя, но такая страница физически не появляется, так куда вставлять вторую часть скрипта? Если задал тупой вопрос, извините...
Вернуться наверх
Сайт
Популярность сообщения: 0
 
Offline net1313
24.10.11 - 14:31
net1313


Сообщений: 2769
– Цитата: 
через например .htaccess даю ей нормальное имя,

и не пытaйся. Токa не нaдо спрaшивaть почему. Судя по твоим познaниям прописывaния путей к явaскрипту, делaть Урлы ты еще не готов.
Повторюсь еще рaз. Твой шорткод можешь писaть прямо в окне редaкторa при создaнии новой стрaницы page?x.php.


Очень Добрый Админ
Жизнь в целом не такая уж и хуёвая штука, хотя конечно неплохо было бы если бы в ней было всё совершенно по-другому.
Вернуться наверх
Популярность сообщения: 1
 
Offline MusicMan_08
24.10.11 - 14:42
Сообщений: 30
Как раз таки про .htaccess мне ясно,
  1. RewriteEngine On
  2. Rewriterule ^сustom\.php$ page.php?x

а вот по поводу как вставить на эту физически не существующую страницу div со 2-й частью скрипта...
Ну да ладно, сделаю как предложил выше Real
Вернуться наверх
Сайт
Популярность сообщения: 0
 
Offline Real
24.10.11 - 15:22
Real

Сообщений: 1236
– Цитата: 
а вот по поводу как вставить на эту физически не существующую страницу div со 2-й частью скрипта...

MusicMan_08: физически как раз всё существует. С помощью .htaccess ты просто фантик у конфетки меняешь (публичный адрес).
Я бы тоже не рекомендовал пока заморачиваться на "красивые" адреса. От них ты можешь получить больше проблем, чем пользы. имхо.


Всё, что существует на свете, когда-то было мечтой.
Вернуться наверх
Популярность сообщения: 0
 
Offline MusicMan_08
24.10.11 - 15:29
Сообщений: 30
ОК, Спасибо!
Вернуться наверх
Сайт
Популярность сообщения: 0
 
Offline DeathMan
20.12.12 - 17:09
DeathMan

Сообщений: 11
Подскажите, а если я хочу сделать что бы в шапке было так как тут

Вот код скрипта:
  1. <style type="text/css"> .st2 {
  2.  
  3.  border:3px solid #BBBBBB;opacity: 2.1;
  4. -webkit-animation: ring 18s 19s ease-in-out infinite;
  5.  -webkit-transform-origin: 50% 14px;
  6.  -moz-animation: ring 18s 19s ease-in-out infinite;
  7.  -moz-transform-origin: 50% 14px;
  8.  animation: ring 18s 19s ease-in-out infinite;
  9.  transform-origin: 50% 14px;
  10. }
  11.  
  12. @-webkit-keyframes ring {
  13.  0% { -webkit-transform: rotateZ(0); }
  14.  1%, 9% { -webkit-transform: rotateZ(30deg); }
  15.  3% { -webkit-transform: rotateZ(-28deg); }
  16.  5% { -webkit-transform: rotateZ(34deg); }
  17.  7% { -webkit-transform: rotateZ(-32deg); }
  18.  11% { -webkit-transform: rotateZ(-28deg); }
  19.  13% { -webkit-transform: rotateZ(26deg); }
  20.  15% { -webkit-transform: rotateZ(-24deg); }
  21.  17% { -webkit-transform: rotateZ(22deg); }
  22.  19% { -webkit-transform: rotateZ(-20deg); }
  23.  21% { -webkit-transform: rotateZ(18deg); }
  24.  23% { -webkit-transform: rotateZ(-16deg); }
  25.  25% { -webkit-transform: rotateZ(14deg); }
  26.  27% { -webkit-transform: rotateZ(-12deg); }
  27.  29% { -webkit-transform: rotateZ(10deg); }
  28.  31% { -webkit-transform: rotateZ(-8deg); }
  29.  33% { -webkit-transform: rotateZ(6deg); }
  30.  35% { -webkit-transform: rotateZ(-4deg); }
  31.  37% { -webkit-transform: rotateZ(2deg); }
  32.  39% { -webkit-transform: rotateZ(-1deg); }
  33.  41% { -webkit-transform: rotateZ(1deg); }
  34.  43% { -webkit-transform: rotateZ(0); }
  35.  100% { -webkit-transform: rotateZ(0); }
  36. }
  37.  
  38. @-moz-keyframes ring {
  39.  0% { -moz-transform: rotate(0); }
  40.  1%, 9% { -moz-transform: rotate(30deg); }
  41.  3% { -moz-transform: rotate(-28deg); }
  42.  5% { -moz-transform: rotate(34deg); }
  43.  7% { -moz-transform: rotate(-32deg); }
  44.  11% { -moz-transform: rotate(-28deg); }
  45.  13% { -moz-transform: rotate(26deg); }
  46.  15% { -moz-transform: rotate(-24deg); }
  47.  17% { -moz-transform: rotate(22deg); }
  48.  19% { -moz-transform: rotate(-20deg); }
  49.  21% { -moz-transform: rotate(18deg); }
  50.  23% { -moz-transform: rotate(-16deg); }
  51.  25% { -moz-transform: rotate(14deg); }
  52.  27% { -moz-transform: rotate(-12deg); }
  53.  29% { -moz-transform: rotate(10deg); }
  54.  31% { -moz-transform: rotate(-8deg); }
  55.  33% { -moz-transform: rotate(6deg); }
  56.  35% { -moz-transform: rotate(-4deg); }
  57.  37% { -moz-transform: rotate(2deg); }
  58.  39% { -moz-transform: rotate(-1deg); }
  59.  41% { -moz-transform: rotate(1deg); }
  60.  43% { -moz-transform: rotate(0); }
  61.  100% { -moz-transform: rotate(0); }
  62. }
  63.  
  64. @keyframes ring {
  65.  0% { transform: rotate(0); }
  66.  1%, 9% { transform: rotate(30deg); }
  67.  3% { transform: rotate(-28deg); }
  68.  5% { transform: rotate(34deg); }
  69.  7% { transform: rotate(-32deg); }
  70.  9% { transform: rotate(30deg); }
  71.  11% { transform: rotate(-28deg); }
  72.  13% { transform: rotate(26deg); }
  73.  15% { transform: rotate(-24deg); }
  74.  17% { transform: rotate(22deg); }
  75.  19% { transform: rotate(-20deg); }
  76.  21% { transform: rotate(18deg); }
  77.  23% { transform: rotate(-16deg); }
  78.  25% { transform: rotate(14deg); }
  79.  27% { transform: rotate(-12deg); }
  80.  29% { transform: rotate(10deg); }
  81.  31% { transform: rotate(-8deg); }
  82.  33% { transform: rotate(6deg); }
  83.  35% { transform: rotate(-4deg); }
  84.  37% { transform: rotate(2deg); }
  85.  39% { transform: rotate(-1deg); }
  86.  41% { transform: rotate(1deg); }
  87.  43% { transform: rotate(0); }
  88.  100% { transform: rotate(0); }
  89.  
  90.  
  91.  
  92. </style><div style="padding: 0px;"><img class="st2" src="http://mechta.by/wp-content/ themes/paris/images/b-head- decor/b-ball_n2.png" style="position:fixed; top: 0px;left:130px;border:none;z- index:9;"/></div><style type="text/css"> .st1 {
  93.  
  94.  border:3px solid #BBBBBB;opacity: 2.1;
  95. -webkit-animation: ring 20s 19s ease-in-out infinite;
  96.  -webkit-transform-origin: 50% 14px;
  97.  -moz-animation: ring 20s 19s ease-in-out infinite;
  98.  -moz-transform-origin: 50% 14px;
  99.  animation: ring 20s 19s ease-in-out infinite;
  100.  transform-origin: 50% 14px;
  101. }
  102.  
  103. @-webkit-keyframes ring {
  104.  0% { -webkit-transform: rotateZ(0); }
  105.  1%, 9% { -webkit-transform: rotateZ(30deg); }
  106.  3% { -webkit-transform: rotateZ(-28deg); }
  107.  5% { -webkit-transform: rotateZ(34deg); }
  108.  7% { -webkit-transform: rotateZ(-32deg); }
  109.  11% { -webkit-transform: rotateZ(-28deg); }
  110.  13% { -webkit-transform: rotateZ(26deg); }
  111.  15% { -webkit-transform: rotateZ(-24deg); }
  112.  17% { -webkit-transform: rotateZ(22deg); }
  113.  19% { -webkit-transform: rotateZ(-20deg); }
  114.  21% { -webkit-transform: rotateZ(18deg); }
  115.  23% { -webkit-transform: rotateZ(-16deg); }
  116.  25% { -webkit-transform: rotateZ(14deg); }
  117.  27% { -webkit-transform: rotateZ(-12deg); }
  118.  29% { -webkit-transform: rotateZ(10deg); }
  119.  31% { -webkit-transform: rotateZ(-8deg); }
  120.  33% { -webkit-transform: rotateZ(6deg); }
  121.  35% { -webkit-transform: rotateZ(-4deg); }
  122.  37% { -webkit-transform: rotateZ(2deg); }
  123.  39% { -webkit-transform: rotateZ(-1deg); }
  124.  41% { -webkit-transform: rotateZ(1deg); }
  125.  43% { -webkit-transform: rotateZ(0); }
  126.  100% { -webkit-transform: rotateZ(0); }
  127. }
  128.  
  129. @-moz-keyframes ring {
  130.  0% { -moz-transform: rotate(0); }
  131.  1%, 9% { -moz-transform: rotate(30deg); }
  132.  3% { -moz-transform: rotate(-28deg); }
  133.  5% { -moz-transform: rotate(34deg); }
  134.  7% { -moz-transform: rotate(-32deg); }
  135.  11% { -moz-transform: rotate(-28deg); }
  136.  13% { -moz-transform: rotate(26deg); }
  137.  15% { -moz-transform: rotate(-24deg); }
  138.  17% { -moz-transform: rotate(22deg); }
  139.  19% { -moz-transform: rotate(-20deg); }
  140.  21% { -moz-transform: rotate(18deg); }
  141.  23% { -moz-transform: rotate(-16deg); }
  142.  25% { -moz-transform: rotate(14deg); }
  143.  27% { -moz-transform: rotate(-12deg); }
  144.  29% { -moz-transform: rotate(10deg); }
  145.  31% { -moz-transform: rotate(-8deg); }
  146.  33% { -moz-transform: rotate(6deg); }
  147.  35% { -moz-transform: rotate(-4deg); }
  148.  37% { -moz-transform: rotate(2deg); }
  149.  39% { -moz-transform: rotate(-1deg); }
  150.  41% { -moz-transform: rotate(1deg); }
  151.  43% { -moz-transform: rotate(0); }
  152.  100% { -moz-transform: rotate(0); }
  153. }
  154.  
  155. @keyframes ring {
  156.  0% { transform: rotate(0); }
  157.  1%, 9% { transform: rotate(30deg); }
  158.  3% { transform: rotate(-28deg); }
  159.  5% { transform: rotate(34deg); }
  160.  7% { transform: rotate(-32deg); }
  161.  9% { transform: rotate(30deg); }
  162.  11% { transform: rotate(-28deg); }
  163.  13% { transform: rotate(26deg); }
  164.  15% { transform: rotate(-24deg); }
  165.  17% { transform: rotate(22deg); }
  166.  19% { transform: rotate(-20deg); }
  167.  21% { transform: rotate(18deg); }
  168.  23% { transform: rotate(-16deg); }
  169.  25% { transform: rotate(14deg); }
  170.  27% { transform: rotate(-12deg); }
  171.  29% { transform: rotate(10deg); }
  172.  31% { transform: rotate(-8deg); }
  173.  33% { transform: rotate(6deg); }
  174.  35% { transform: rotate(-4deg); }
  175.  37% { transform: rotate(2deg); }
  176.  39% { transform: rotate(-1deg); }
  177.  41% { transform: rotate(1deg); }
  178.  43% { transform: rotate(0); }
  179.  100% { transform: rotate(0); }
  180.  
  181. </style><div style="padding: 0px;"><img class="st1" src="http://mechta.by/wp-content/ themes/paris/images/b-head- decor/b-ball_n4.png" style="position:fixed; top: 0px;left:250px;border:none;z- index:6;"/></div><style type="text/css"> .st {
  182.  
  183.  border:3px solid #BBBBBB;opacity: 2.1;
  184. -webkit-animation: ring 19s 19s ease-in-out infinite;
  185.  -webkit-transform-origin: 50% 14px;
  186.  -moz-animation: ring 19s 19s ease-in-out infinite;
  187.  -moz-transform-origin: 50% 14px;
  188.  animation: ring 19s 19s ease-in-out infinite;
  189.  transform-origin: 50% 14px;
  190. }
  191.  
  192.  
  193. @-webkit-keyframes ring {
  194.  0% { -webkit-transform: rotateZ(0); }
  195.  1%, 9% { -webkit-transform: rotateZ(30deg); }
  196.  3% { -webkit-transform: rotateZ(-28deg); }
  197.  5% { -webkit-transform: rotateZ(34deg); }
  198.  7% { -webkit-transform: rotateZ(-32deg); }
  199.  11% { -webkit-transform: rotateZ(-28deg); }
  200.  13% { -webkit-transform: rotateZ(26deg); }
  201.  15% { -webkit-transform: rotateZ(-24deg); }
  202.  17% { -webkit-transform: rotateZ(22deg); }
  203.  19% { -webkit-transform: rotateZ(-20deg); }
  204.  21% { -webkit-transform: rotateZ(18deg); }
  205.  23% { -webkit-transform: rotateZ(-16deg); }
  206.  25% { -webkit-transform: rotateZ(14deg); }
  207.  27% { -webkit-transform: rotateZ(-12deg); }
  208.  29% { -webkit-transform: rotateZ(10deg); }
  209.  31% { -webkit-transform: rotateZ(-8deg); }
  210.  33% { -webkit-transform: rotateZ(6deg); }
  211.  35% { -webkit-transform: rotateZ(-4deg); }
  212.  37% { -webkit-transform: rotateZ(2deg); }
  213.  39% { -webkit-transform: rotateZ(-1deg); }
  214.  41% { -webkit-transform: rotateZ(1deg); }
  215.  43% { -webkit-transform: rotateZ(0); }
  216.  100% { -webkit-transform: rotateZ(0); }
  217. }
  218.  
  219. @-moz-keyframes ring {
  220.  0% { -moz-transform: rotate(0); }
  221.  1%, 9% { -moz-transform: rotate(30deg); }
  222.  3% { -moz-transform: rotate(-28deg); }
  223.  5% { -moz-transform: rotate(34deg); }
  224.  7% { -moz-transform: rotate(-32deg); }
  225.  11% { -moz-transform: rotate(-28deg); }
  226.  13% { -moz-transform: rotate(26deg); }
  227.  15% { -moz-transform: rotate(-24deg); }
  228.  17% { -moz-transform: rotate(22deg); }
  229.  19% { -moz-transform: rotate(-20deg); }
  230.  21% { -moz-transform: rotate(18deg); }
  231.  23% { -moz-transform: rotate(-16deg); }
  232.  25% { -moz-transform: rotate(14deg); }
  233.  27% { -moz-transform: rotate(-12deg); }
  234.  29% { -moz-transform: rotate(10deg); }
  235.  31% { -moz-transform: rotate(-8deg); }
  236.  33% { -moz-transform: rotate(6deg); }
  237.  35% { -moz-transform: rotate(-4deg); }
  238.  37% { -moz-transform: rotate(2deg); }
  239.  39% { -moz-transform: rotate(-1deg); }
  240.  41% { -moz-transform: rotate(1deg); }
  241.  43% { -moz-transform: rotate(0); }
  242.  100% { -moz-transform: rotate(0); }
  243. }
  244.  
  245. @keyframes ring {
  246.  0% { transform: rotate(0); }
  247.  1%, 9% { transform: rotate(30deg); }
  248.  3% { transform: rotate(-28deg); }
  249.  5% { transform: rotate(34deg); }
  250.  7% { transform: rotate(-32deg); }
  251.  9% { transform: rotate(30deg); }
  252.  11% { transform: rotate(-28deg); }
  253.  13% { transform: rotate(26deg); }
  254.  15% { transform: rotate(-24deg); }
  255.  17% { transform: rotate(22deg); }
  256.  19% { transform: rotate(-20deg); }
  257.  21% { transform: rotate(18deg); }
  258.  23% { transform: rotate(-16deg); }
  259.  25% { transform: rotate(14deg); }
  260.  27% { transform: rotate(-12deg); }
  261.  29% { transform: rotate(10deg); }
  262.  31% { transform: rotate(-8deg); }
  263.  33% { transform: rotate(6deg); }
  264.  35% { transform: rotate(-4deg); }
  265.  37% { transform: rotate(2deg); }
  266.  39% { transform: rotate(-1deg); }
  267.  41% { transform: rotate(1deg); }
  268.  43% { transform: rotate(0); }
  269.  100% { transform: rotate(0); }
  270.  
  271.  
  272. </style><div style="padding: 0px;"><img class="st1" src="http://mechta.by/wp-content/ themes/paris/images/b-head- decor/b-ball_n4.png" style="position:fixed; top: 0px;right:310px;border:none;z- index:5;"/></div><img class="st" src="http://mechta.by/wp-content/ themes/paris/images/b-head- decor/b-ball_n3.png" style="position:fixed; top: 0px;right:620px;border:none;z- index:9;"/><img class="st"  src="http://mechta.by/wp-content/ themes/paris/images/b-head- decor/b-ball_n2.png" style="position:fixed; top: 0px;right:470px;border:none;z- index:9;"/><img class="st2" src="http://mechta.by/wp-content/ themes/paris/images/b-head- decor/b-ball_n3.png" style="position:fixed; top: 0px;right:170px;border:none;z- index:9;"/><img src="https:// lh6.googleusercontent.com/- 5R7C9LMfqKY/Txo_0iOthMI/ AAAAAAAAELw/rzmYWYHYXBs/w189- h197-k/christmas-icon.png" style="position:fixed; top: 0px;left:0px;border:none;z- index:9;"width="140"/><img src="https:// lh4.googleusercontent.com/- PbiGUGyANAs/Txo_yfoVXSE/ AAAAAAAAELw/cZylwGVCEuw/s145- c/212012" style="position:fixed; top: 0px;right:0px;border:none;z- index:5;"/><img src="http://mechta.by/wp-content/ themes/paris/images/b-head- decor/b-head- decor_newyear.png" style="position:fixed; top: 0px;right:0px;border:none;z- index:1;"/><img src="http://mechta.by/wp-content/ themes/paris/images/b-head- decor/b-head- decor_newyear.png" style="position:fixed; top: 0px;right:810px;border:none;z- index:5;"/><img src="http://mechta.by/wp-content/ themes/paris/images/b-head- decor/b-head- decor_newyear.png" style="position:fixed; top: 0px;right:210px;border:none;z- index:5;"/><img src="http://mechta.by/wp-content/ themes/paris/images/b-head- decor/b-head- decor_newyear.png" style="position:fixed; top: 0px;right:510px;border:none;z- index:5;"/>



Kurchatov-FM
Вернуться наверх
Популярность сообщения: 0
 
Offline Real
21.12.12 - 02:27
Real

Сообщений: 1236
...напрашивается ответ в духе "евГейского фоГума": а зачем оно Вам надо?

Есть несколько способов добавить код стилей в секцию <head> и соотв. вопрос: что в итоге надо получить?
Чтобы порекомендовать оптимальное решение поставленной задачи.


Всё, что существует на свете, когда-то было мечтой.
Вернуться наверх
Популярность сообщения: 1
 
1 2 3 4  
Как в тему Java Script вставить?

Перейти:  Вернуться наверх