Забыли пароль?
Запросите новый здесь.

Автор темы: Dysha-Kuzbass
ID темы: 894
Информация:
Тема содержит 27 сообщения, была просмотрена 9942 раз.  Имеются прикрепленные файлы.
Просмотр темы
PHP-Fusion Russia » Поддержка 7 версии » Плагины
 Распечатать тему
Красивый слайдер новостей.
Dysha-Kuzbass
Ребят, геморно ли будет сделать слайдер новостей как, к примеру, на сайте Президента РФ, или как на сайте общественной палаты РФ (http://www.oprf.ru/)?!

Красивые слайдеры! =)

З.Ы. Нашёл в инете похожий скрипт, но реализовать не смог..... =(
Едет вебмастер в поезде и слышит: <td></td> … <td></td> … <td></td>
 
Web
jikaka
реально, не геморно
 
Web
Alex
на сайте у rush подобный слайдер, просто вывод новостей вставить туда
 
Web
Zaxap
На сайте у Вовы подобный...да еще и с новостями...)
Попроси - подгонит...ток мб чуть поменять придется...совместимость так то)
Зло не дремлет, а я добрый...
 
Dysha-Kuzbass
У Rush`a видел! Даже дет в архиве лежит...

У Вовы - это который 8Games чтоль?

реально, не геморно

Было бы очень кстати! )))
Едет вебмастер в поезде и слышит: <td></td> … <td></td> … <td></td>
x1
 
Web
Vova
Загрузить источник  GeSHi: CSS
  1. #featured{ width:480px; padding-right:230px; position:relative; border:5px solid #000000; height:250px; background:#000000;}
  2. #featured ul.ui-tabs-nav{ position:absolute; top:0; left:370px; list-style:none; padding:0; margin:0; width:320px; }
  3. #featured ul.ui-tabs-nav li{ padding:1px 0; padding-left:13px; font-size:12px; color:#ffffff; }
  4. #featured ul.ui-tabs-nav li img{ float:left; margin:2px 5px; background:#ffffff; padding:2px; border:1px solid #eee; }
  5. #featured ul.ui-tabs-nav li span{ font-size:11px; font-family:Verdana; line-height:18px; }
  6. #featured li.ui-tabs-nav-item a{ display:block; height:60px; color:#ffffff; background:#000000; line-height:20px; }
  7. #featured li.ui-tabs-nav-item a:hover{ background:#cd0d1e; }
  8. #featured li.ui-tabs-selected{ background:top left no-repeat; }
  9. #featured ul.ui-tabs-nav li.ui-tabs-selected a{ color:#ebebeb; background:#cd0d1e; }
  10. #featured .ui-tabs-panel{ width:370px; height:250px; background:#999; position:relative; }
  11. #featured .ui-tabs-panel .info{ position:absolute; top:180px; left:0; height:70px; width:370px; background: url('http://8gamers.ru/images/themes/slider/transparent-bg.png'); }
  12. #featured .info h2{ font-size:18px; font-family:Georgia, serif; color:#fff; padding:5px; margin:0; overflow:hidden; }
  13. #featured .info p{ margin:0 5px; font-family:Verdana; font-size:11px; line-height:15px; color:#f0f0f0; }
  14. #featured .info a{ text-decoration:none; color:#fff; }
  15. #featured .info a:hover{ text-decoration:underline; }
  16. #featured .ui-tabs-hide{ display:none; }
Добавлено за 0.009 секунд, используя GeSHi 1.0.8.10


Загрузить источник  GeSHi: Javascript
  1. <script type='text/javascript' src='http://8gamers.ru/js/jquery-ui.min.js' ></script>
  2. <script type='text/javascript'> $(document).ready(function(){ $('#featured > ul').tabs({fx:{opacity: 'toggle'}}).tabs('rotate', 20000, true); }); </script>
  3. <script type='text/javascript' src='http://8gamers.ru/js/spoilerbb_tools.js'></script>
Добавлено за 0.002 секунд, используя GeSHi 1.0.8.10


Загрузить источник  GeSHi: PHP
  1. opentable();
  2. ?>
  3. <div id="featured">
  4. <ul class="ui-tabs-nav">
  5. <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1">
  6. <a href="#fragment-1"><img src="<?php echo $settings['slider1']; ?>" alt="<?php echo $settings['tslider1']; ?>" width="65"><span><?php echo $settings['tslider1']; ?></span></a></li>
  7. <li class="ui-tabs-nav-item" id="nav-fragment-2">
  8. <a href="#fragment-2"><img src="<?php echo $settings['slider2']; ?>" alt="<?php echo $settings['tslider2']; ?>" width="65"><span><?php echo $settings['tslider2']; ?></span></a></li>
  9. <li class="ui-tabs-nav-item" id="nav-fragment-3">
  10. <a href="#fragment-3"><img src="<?php echo $settings['slider3']; ?>" alt="<?php echo $settings['tslider3']; ?>" width="65"><span><?php echo $settings['tslider3']; ?></span></a></li>
  11. <li class="ui-tabs-nav-item" id="nav-fragment-4">
  12. <a href="#fragment-4"><img src="<?php echo $settings['slider4']; ?>" alt="<?php echo $settings['tslider4']; ?>" width="65"><span><?php echo $settings['tslider4']; ?></span></a></li></ul>
  13.  
  14. <div id="fragment-1" class="ui-tabs-panel" style=""><img src="<?php echo $settings['slider1']; ?>" alt="<?php echo $settings['tslider1']; ?>" width="370" height="250"><div class="info">
  15.  <a href="<?php echo $settings['sslider1']; ?>"><?php echo $settings['tslider1']; ?></a><p><?php echo $settings['oslider1']; ?></p></div></div>
  16.  
  17. <div id="fragment-2" class="ui-tabs-panel" style=""><img src="<?php echo $settings['slider2']; ?>" alt="<?php echo $settings['tslider2']; ?>" width="370" height="250"><div class="info">
  18. <a href="<?php echo $settings['sslider2']; ?>"><?php echo $settings['tslider2']; ?></a><p><?php echo $settings['oslider2']; ?></p></div></div>
  19.  
  20. <div id="fragment-3" class="ui-tabs-panel" style=""><img src="<?php echo $settings['slider3']; ?>" alt="<?php echo $settings['tslider3']; ?>" width="370" height="250"><div class="info">
  21. <a href="<?php echo $settings['sslider3']; ?>"><?php echo $settings['tslider3']; ?></a><p><?php echo $settings['oslider3']; ?></p></div></div>
  22.  
  23. <div id="fragment-4" class="ui-tabs-panel" style=""><img src="<?php echo $settings['slider4']; ?>" alt="<?php echo $settings['tslider4']; ?>" width="370" height="250"><div class="info">
  24. <a href="<?php echo $settings['sslider4']; ?>"><?php echo $settings['tslider4']; ?></a><p><?php echo $settings['oslider4']; ?></p></div></div></div>
  25.  
  26. <?php
  27. closetable();
Добавлено за 0.043 секунд, используя GeSHi 1.0.8.10


Загрузить источник  GeSHi: MySQL
  1. INSERT INTO `gamer_settings` (`settings_name`, `settings_value`) VALUES
  2. ('sslider4', 'http://8gamers.ru/images/album/494/'),
  3. ('sslider3', 'http://youtu.be/XAUrUjcqiX0'),
  4. ('slider1', 'http://newgamer.org/uploads/posts/2012-06/1340786704_901-spec-ops-the-line.jpg'),
  5. ('slider2', 'http://static.8gamers.ru/video/images/2012-08/7.jpg'),
  6. ('slider3', 'http://static.8gamers.ru/images/pics/img/2012-05/22/ec9r9skd7jhqn870mr3gz5iy7.jpg'),
  7. ('slider4', 'http://static.8gamers.ru/img/2012-06/album_494/45.jpg'),
  8. ('sslider1', 'http://youtu.be/A_F_oMNqhu0'),
  9. ('sslider2', 'http://8gamers.ru/video/view/334/'),
  10. ('tslider1', 'Обзорище на игру Spec Ops: The Line'),
  11. ('tslider2', 'Официальный трейлер GRID 2'),
  12. ('tslider3', 'Обзор игры Toys Soldiers'),
  13. ('tslider4', 'Sleeping Dogs'),
  14. ('oslider1', 'Обзорище от дедушки Гриффинсона на игру Spec Ops: The Line'),
  15. ('oslider2', ''),
  16. ('oslider3', 'Отличный представитель жанра Tower Defence. Более подробней смотрите в видеоматериале'),
  17. ('oslider4', 'Скиншоты с игры Sleeping Dogs');
Добавлено за 0.014 секунд, используя GeSHi 1.0.8.10


Создаем файл в папке админа settings_slider.php

Загрузить источник  GeSHi: PHP
  1. <?php
  2. require_once "../core.php";
  3. require_once THEMES."templates/admin_header.php";
  4.  
  5. if (isset($_GET['error']) && isnum($_GET['error']) && !isset($message)) {
  6. if ($_GET['error'] == 0) {
  7. $message = "Настройки обновлены!";
  8. } elseif ($_GET['error'] == 1) {
  9. $message = "Ошибка базы данных: настройки не обновлены!";
  10. }
  11. if (isset($message)) {
  12. echo "<div id='close-message'><div class='admin-message'>".$message."</div></div>\n";
  13. }
  14. }
  15.  
  16. if (isset($_POST['savesettings'])) {
  17. $error = 0;
  18. $result = dbquery("UPDATE ".DB_SETTINGS." SET settings_value='".stripinput($_POST['slider1'])."' WHERE settings_name='slider1'");
  19. if (!$result) { $error = 1; }
  20. $result = dbquery("UPDATE ".DB_SETTINGS." SET settings_value='".stripinput($_POST['slider2'])."' WHERE settings_name='slider2'");
  21. if (!$result) { $error = 1; }
  22. $result = dbquery("UPDATE ".DB_SETTINGS." SET settings_value='".stripinput($_POST['slider3'])."' WHERE settings_name='slider3'");
  23. if (!$result) { $error = 1; }
  24. $result = dbquery("UPDATE ".DB_SETTINGS." SET settings_value='".stripinput($_POST['slider4'])."' WHERE settings_name='slider4'");
  25. if (!$result) { $error = 1; }
  26. $result = dbquery("UPDATE ".DB_SETTINGS." SET settings_value='".stripinput($_POST['sslider1'])."' WHERE settings_name='sslider1'");
  27. if (!$result) { $error = 1; }
  28. $result = dbquery("UPDATE ".DB_SETTINGS." SET settings_value='".stripinput($_POST['sslider2'])."' WHERE settings_name='sslider2'");
  29. if (!$result) { $error = 1; }
  30. $result = dbquery("UPDATE ".DB_SETTINGS." SET settings_value='".stripinput($_POST['sslider3'])."' WHERE settings_name='sslider3'");
  31. if (!$result) { $error = 1; }
  32. $result = dbquery("UPDATE ".DB_SETTINGS." SET settings_value='".stripinput($_POST['sslider4'])."' WHERE settings_name='sslider4'");
  33. if (!$result) { $error = 1; }
  34. $result = dbquery("UPDATE ".DB_SETTINGS." SET settings_value='".stripinput($_POST['tslider1'])."' WHERE settings_name='tslider1'");
  35. if (!$result) { $error = 1; }
  36. $result = dbquery("UPDATE ".DB_SETTINGS." SET settings_value='".stripinput($_POST['tslider2'])."' WHERE settings_name='tslider2'");
  37. if (!$result) { $error = 1; }
  38. $result = dbquery("UPDATE ".DB_SETTINGS." SET settings_value='".stripinput($_POST['tslider3'])."' WHERE settings_name='tslider3'");
  39. if (!$result) { $error = 1; }
  40. $result = dbquery("UPDATE ".DB_SETTINGS." SET settings_value='".stripinput($_POST['tslider4'])."' WHERE settings_name='tslider4'");
  41. if (!$result) { $error = 1; }
  42. $result = dbquery("UPDATE ".DB_SETTINGS." SET settings_value='".stripinput($_POST['oslider1'])."' WHERE settings_name='oslider1'");
  43. if (!$result) { $error = 1; }
  44. $result = dbquery("UPDATE ".DB_SETTINGS." SET settings_value='".stripinput($_POST['oslider2'])."' WHERE settings_name='oslider2'");
  45. if (!$result) { $error = 1; }
  46. $result = dbquery("UPDATE ".DB_SETTINGS." SET settings_value='".stripinput($_POST['oslider3'])."' WHERE settings_name='oslider3'");
  47. if (!$result) { $error = 1; }
  48. $result = dbquery("UPDATE ".DB_SETTINGS." SET settings_value='".stripinput($_POST['oslider4'])."' WHERE settings_name='oslider4'");
  49. if (!$result) { $error = 1; }
  50. redirect(VOVA_SELF.$aidlink."&error=".$error);
  51. }
  52.  
  53. opentable("Настройки");
  54. echo "<form name='settingsform' method='post' action='".VOVA_SELF.$aidlink."'>\n";
  55. echo "<table cellpadding='0' cellspacing='0' width='500' class='center'>\n<tr>\n";
  56. echo "<td width='50%' class='tbl'>Слайдер(Фото 1):</td>\n";
  57. echo "<td width='50%' class='tbl'><input type='text' name='slider1' value='".$settings['slider1']."' maxlength='1000' class='textbox' style='width:200px;' /></td>\n";
  58. echo "</tr>\n<tr>\n";
  59. echo "<td width='50%' class='tbl'>Слайдер(Фото 2):</td>\n";
  60. echo "<td width='50%' class='tbl'><input type='text' name='slider2' value='".$settings['slider2']."' maxlength='1000' class='textbox' style='width:200px;' /></td>\n";
  61. echo "</tr>\n<tr>\n";
  62. echo "<td width='50%' class='tbl'>Слайдер(Фото 3):</td>\n";
  63. echo "<td width='50%' class='tbl'><input type='text' name='slider3' value='".$settings['slider3']."' maxlength='1000' class='textbox' style='width:200px;' /></td>\n";
  64. echo "</tr>\n<tr>\n";
  65. echo "<td width='50%' class='tbl'>Слайдер(Фото 4):</td>\n";
  66. echo "<td width='50%' class='tbl'><input type='text' name='slider4' value='".$settings['slider4']."' maxlength='1000' class='textbox' style='width:200px;' /></td>\n";
  67. echo "</tr>\n<tr>\n";
  68. echo "<td width='50%' class='tbl'>Ссылка(Фото 1):</td>\n";
  69. echo "<td width='50%' class='tbl'><input type='text' name='sslider1' value='".$settings['sslider1']."' maxlength='1000' class='textbox' style='width:200px;' /></td>\n";
  70. echo "</tr>\n<tr>\n";
  71. echo "<td width='50%' class='tbl'>Ссылка(Фото 2):</td>\n";
  72. echo "<td width='50%' class='tbl'><input type='text' name='sslider2' value='".$settings['sslider2']."' maxlength='1000' class='textbox' style='width:200px;' /></td>\n";
  73. echo "</tr>\n<tr>\n";
  74. echo "<td width='50%' class='tbl'>Ссылка(Фото 3):</td>\n";
  75. echo "<td width='50%' class='tbl'><input type='text' name='sslider3' value='".$settings['sslider3']."' maxlength='1000' class='textbox' style='width:200px;' /></td>\n";
  76. echo "</tr>\n<tr>\n";
  77. echo "<td width='50%' class='tbl'>Ссылка(Фото 4):</td>\n";
  78. echo "<td width='50%' class='tbl'><input type='text' name='sslider4' value='".$settings['sslider4']."' maxlength='1000' class='textbox' style='width:200px;' /></td>\n";
  79. echo "</tr>\n<tr>\n";
  80. echo "<td width='50%' class='tbl'>Тайтл(Фото 1):</td>\n";
  81. echo "<td width='50%' class='tbl'><input type='text' name='tslider1' value='".$settings['tslider1']."' maxlength='1000' class='textbox' style='width:200px;' /></td>\n";
  82. echo "</tr>\n<tr>\n";
  83. echo "<td width='50%' class='tbl'>Тайтл(Фото 2):</td>\n";
  84. echo "<td width='50%' class='tbl'><input type='text' name='tslider2' value='".$settings['tslider2']."' maxlength='1000' class='textbox' style='width:200px;' /></td>\n";
  85. echo "</tr>\n<tr>\n";
  86. echo "<td width='50%' class='tbl'>Тайтл(Фото 3):</td>\n";
  87. echo "<td width='50%' class='tbl'><input type='text' name='tslider3' value='".$settings['tslider3']."' maxlength='1000' class='textbox' style='width:200px;' /></td>\n";
  88. echo "</tr>\n<tr>\n";
  89. echo "<td width='50%' class='tbl'>Тайтл(Фото 4):</td>\n";
  90. echo "<td width='50%' class='tbl'><input type='text' name='tslider4' value='".$settings['tslider4']."' maxlength='1000' class='textbox' style='width:200px;' /></td>\n";
  91. echo "</tr>\n<tr>\n";
  92. echo "<td width='50%' class='tbl'>Описание(150-200)(Фото 1):</td>\n";
  93. echo "<td width='50%' class='tbl'><input type='text' name='oslider1' value='".$settings['oslider1']."' maxlength='1000' class='textbox' style='width:200px;' /></td>\n";
  94. echo "</tr>\n<tr>\n";
  95. echo "<td width='50%' class='tbl'>Описание(150-200)(Фото 2):</td>\n";
  96. echo "<td width='50%' class='tbl'><input type='text' name='oslider2' value='".$settings['oslider2']."' maxlength='1000' class='textbox' style='width:200px;' /></td>\n";
  97. echo "</tr>\n<tr>\n";
  98. echo "<td width='50%' class='tbl'>Описание(150-200)(Фото 3):</td>\n";
  99. echo "<td width='50%' class='tbl'><input type='text' name='oslider3' value='".$settings['oslider3']."' maxlength='1000' class='textbox' style='width:200px;' /></td>\n";
  100. echo "</tr>\n<tr>\n";
  101. echo "<td width='50%' class='tbl'>Описание(150-200)(Фото 4):</td>\n";
  102. echo "<td width='50%' class='tbl'><input type='text' name='oslider4' value='".$settings['oslider4']."' maxlength='1000' class='textbox' style='width:200px;' /></td>\n";
  103. echo "</tr>\n<tr>\n";
  104. echo "<td align='center' colspan='2' class='tbl'><br />\n";
  105. echo "<input type='submit' name='savesettings' value='Сохранить установки' class='button' /></td>\n";
  106. echo "</tr>\n</table>\n</form>\n";
  107. closetable();
  108. require_once THEMES."templates/footer.php";
  109. ?>
Добавлено за 0.080 секунд, используя GeSHi 1.0.8.10



У Вовы - это который 8Games чтоль?


У Вовы - это который 8Gamers чтоль?

Вот весь слайдер.

Фото и библиотеки сам забереш себе.
x1 x1
 
Web
Dysha-Kuzbass
Vov, а mysql-запрос сделать как?
Через phpMyadmin или через "Дополнительные страницы"?
Едет вебмастер в поезде и слышит: <td></td> … <td></td> … <td></td>
 
Web
Dysha-Kuzbass
Чёт я попробовал сделать - фига не получилось... =) =(
Едет вебмастер в поезде и слышит: <td></td> … <td></td> … <td></td>
 
Web
Vova
через phpMyadmin
 
Web
Dysha-Kuzbass
Лана, будем пробовать! :=)
Едет вебмастер в поезде и слышит: <td></td> … <td></td> … <td></td>
x1
 
Web
Dysha-Kuzbass
Vova`n, чёт нифига не получатцо реализовать... =(ab=
Едет вебмастер в поезде и слышит: <td></td> … <td></td> … <td></td>
 
Web
GRIDark
Если не убьет подождать до вечера, то я попробую всё это запаковать в аддон - панеку =)
Мой мозг пакует вещи.
x1 x1
 
Web
GRIDark
Блин, убегать надо. Ночью выкину сюда на тест, и скорее всего демо внешнего вида будет доступна на http://www.gridar...
Мой мозг пакует вещи.
 
Web
Zaxap
ok! Очень ждем!)
Зло не дремлет, а я добрый...
 
GRIDark
Вобщем около 00:00 по мск должен все успеть доделать.

± 2 часа
Мой мозг пакует вещи.
 
Web
GRIDark
Так-с. Вот наметал beta версию.

В выходные приведу код в божеский вид, а так же добавлю функцию редактирования.

Еще попытаюсь сделать пару настроек, что бы далеко не лезь в код за изменением внешнего вида, а так же доделаю "защиту от дурака" (Не более 4 слайдов одновременно.)

Дема есть у меня: http://www.gridar...fragment-1
GRIDark присоединено следующее:файл:
sliders.zip [5.71кБ / 317 Загрузки]

Мой мозг пакует вещи.
x1 x2
 
Web
Zaxap
Отличный слайдер...только загвоздка одна...почему он автоматически не переключается??? Это же СЛАЙДЕР)))
Почему же не больше 4-х? Можно и не больше 8...Надо только кнопочки "вверх" и "вниз" сделатьab
Зло не дремлет, а я добрый...
 
Dysha-Kuzbass
Gridark, молодца, но заметил один косячок:
На главной сайта после инсталла в плагине не отображается ссылка на новость, а отображается ссылка на картинку от новости, т.е., к примеру, "Новость: Открытие сайта" - > "Картинка: site_opened.jpg"/

И ведет всё это дело к этому: www.site.ru/site_opened.jpg.
Едет вебмастер в поезде и слышит: <td></td> … <td></td> … <td></td>
x1
 
Web
GRIDark
Dysha-Kuzbass написал:

Gridark, молодца, но заметил один косячок:
На главной сайта после инсталла в плагине не отображается ссылка на новость, а отображается ссылка на картинку от новости, т.е., к примеру, "Новость: Открытие сайта" - > "Картинка: site_opened.jpg"/

И ведет всё это дело к этому: www.site.ru/site_opened.jpg.


Упс, косячок.

Замени в файле slider.php вот такое (~36 строка)
Загрузить источник  GeSHi: PHP
  1. <a href='".$data['slide_image']."'>".$data['slide_title']."</a>
Добавлено за 0.036 секунд, используя GeSHi 1.0.8.10

на
Загрузить источник  GeSHi: PHP
  1. <a href='".$data['slide_link']."'>".$data['slide_title']."</a>
Добавлено за 0.039 секунд, используя GeSHi 1.0.8.10


---------------------------------------------------------------------------
Zaxap написал:
Отличный слайдер...только загвоздка одна...почему он автоматически не переключается??? Это же СЛАЙДЕР)))
Почему же не больше 4-х? Можно и не больше 8...Надо только кнопочки "вверх" и "вниз" сделать


Автоматически он переключается, просто тайм-аут равен 20 секундам.

Да, можно, но я сначала базовый функционал доделаю, а потом буду расширять.
Изменил(а) GRIDark, 15.09.2012 05:52
Мой мозг пакует вещи.
x1
 
Web
Rush
Dysha-Kuzbass написал:

Vov, а mysql-запрос сделать как?
Через phpMyadmin или через "Дополнительные страницы"?


а виндовс как устанавливать? через космос или телефонную розетку?
 
Web

Поделиться этой темой
Социальные закладки: Vkontakte Odnoklassniki Mail.ru Facebook Google Tweet This
URL:
BBcode:
HTML:

Перейти на форум:
Похожие темы
Топ 5 пользователей форума
Alex Alex (1,171)   Zaxap Zaxap (1,078)   Vova Vova (877)   Pisatel Pisatel (678)   util util (666)