Красивый слайдер новостей.
|
Dysha-Kuzbass |
Опубликовано 11.09.2012 11:22
|
Пользователь
Сообщений: 114
Зарегистрирован: 07.09.2011 10:01
|
Ребят, геморно ли будет сделать слайдер новостей как, к примеру, на сайте Президента РФ, или как на сайте общественной палаты РФ (http://www.oprf.ru/)?!
Красивые слайдеры! =)
З.Ы. Нашёл в инете похожий скрипт, но реализовать не смог..... =(
Едет вебмастер в поезде и слышит: <td></td> … <td></td> … <td></td>
|
|
|
|
jikaka |
Опубликовано 11.09.2012 11:44
|
Супер Администратор
Разработчики
Сообщений: 4849
Зарегистрирован: 26.07.2010 12:10
|
реально, не геморно
|
|
|
|
Alex |
Опубликовано 11.09.2012 13:38
|
Администратор
Группа тестеров
Персонал сайта
Сообщений: 1270
Зарегистрирован: 07.11.2010 13:05
|
на сайте у rush подобный слайдер, просто вывод новостей вставить туда |
|
|
|
Zaxap |
Опубликовано 11.09.2012 14:28
|
Элита
Сообщений: 1090
Зарегистрирован: 05.09.2012 10:32
|
На сайте у Вовы подобный...да еще и с новостями...)
Попроси - подгонит...ток мб чуть поменять придется...совместимость так то)
Зло не дремлет, а я добрый...
|
|
|
|
Dysha-Kuzbass |
Опубликовано 11.09.2012 15:24
|
Пользователь
Сообщений: 114
Зарегистрирован: 07.09.2011 10:01
|
У Rush`a видел! Даже дет в архиве лежит...
У Вовы - это который 8Games чтоль?
реально, не геморно
Было бы очень кстати! )))
Едет вебмастер в поезде и слышит: <td></td> … <td></td> … <td></td>
|
|
x1
|
|
|
|
Vova |
Опубликовано 11.09.2012 16:50
|
Ветеран
Сообщений: 877
Зарегистрирован: 05.08.2011 11:53
|
GeSHi: CSS #featured{ width:480px; padding-right:230px; position:relative; border:5px solid #000000; height:250px; background:#000000;} #featured ul.ui-tabs-nav{ position:absolute; top:0; left:370px; list-style:none; padding:0; margin:0; width:320px; } #featured ul.ui-tabs-nav li{ padding:1px 0; padding-left:13px; font-size:12px; color:#ffffff; } #featured ul.ui-tabs-nav li img{ float:left; margin:2px 5px; background:#ffffff; padding:2px; border:1px solid #eee; } #featured ul.ui-tabs-nav li span{ font-size:11px; font-family:Verdana; line-height:18px; } #featured li.ui-tabs-nav-item a{ display:block; height:60px; color:#ffffff; background:#000000; line-height:20px; } #featured li.ui-tabs-nav-item a:hover{ background:#cd0d1e; } #featured li.ui-tabs-selected{ background:top left no-repeat; } #featured ul.ui-tabs-nav li.ui-tabs-selected a{ color:#ebebeb; background:#cd0d1e; } #featured .ui-tabs-panel{ width:370px; height:250px; background:#999; position:relative; } #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'); } #featured .info h2{ font-size:18px; font-family:Georgia, serif; color:#fff; padding:5px; margin:0; overflow:hidden; } #featured .info p{ margin:0 5px; font-family:Verdana; font-size:11px; line-height:15px; color:#f0f0f0; } #featured .info a{ text-decoration:none; color:#fff; } #featured .info a:hover{ text-decoration:underline; } #featured .ui-tabs-hide{ display:none; }
Добавлено за 0.005 секунд, используя GeSHi 1.0.8.10
GeSHi: Javascript <script type='text/javascript' src='http://8gamers.ru/js/jquery-ui.min.js' ></script> <script type='text/javascript'> $(document).ready(function(){ $('#featured > ul').tabs({fx:{opacity: 'toggle'}}).tabs('rotate', 20000, true); }); </script> <script type='text/javascript' src='http://8gamers.ru/js/spoilerbb_tools.js'></script>
Добавлено за 0.001 секунд, используя GeSHi 1.0.8.10
GeSHi: PHP opentable(); ?> <div id="featured"> <ul class="ui-tabs-nav"> <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"> <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> <li class="ui-tabs-nav-item" id="nav-fragment-2"> <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> <li class="ui-tabs-nav-item" id="nav-fragment-3"> <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> <li class="ui-tabs-nav-item" id="nav-fragment-4"> <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> <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"> <a href="<?php echo $settings['sslider1']; ?>"><?php echo $settings['tslider1']; ?></a><p><?php echo $settings['oslider1']; ?></p></div></div> <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"> <a href="<?php echo $settings['sslider2']; ?>"><?php echo $settings['tslider2']; ?></a><p><?php echo $settings['oslider2']; ?></p></div></div> <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"> <a href="<?php echo $settings['sslider3']; ?>"><?php echo $settings['tslider3']; ?></a><p><?php echo $settings['oslider3']; ?></p></div></div> <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"> <a href="<?php echo $settings['sslider4']; ?>"><?php echo $settings['tslider4']; ?></a><p><?php echo $settings['oslider4']; ?></p></div></div></div> <?php closetable();
Добавлено за 0.030 секунд, используя GeSHi 1.0.8.10
GeSHi: MySQL ('sslider4', 'http://8gamers.ru/images/album/494/'), ('sslider3', 'http://youtu.be/XAUrUjcqiX0'), ('slider1', 'http://newgamer.org/uploads/posts/2012-06/1340786704_901-spec-ops-the-line.jpg'), ('slider2', 'http://static.8gamers.ru/video/images/2012-08/7.jpg'), ('slider3', 'http://static.8gamers.ru/images/pics/img/2012-05/22/ec9r9skd7jhqn870mr3gz5iy7.jpg'), ('slider4', 'http://static.8gamers.ru/img/2012-06/album_494/45.jpg'), ('sslider1', 'http://youtu.be/A_F_oMNqhu0'), ('sslider2', 'http://8gamers.ru/video/view/334/'), ('tslider1', 'Обзорище на игру Spec Ops: The Line'), ('tslider2', 'Официальный трейлер GRID 2'), ('tslider3', 'Обзор игры Toys Soldiers'), ('tslider4', 'Sleeping Dogs'), ('oslider1', 'Обзорище от дедушки Гриффинсона на игру Spec Ops: The Line'), ('oslider2', ''), ('oslider3', 'Отличный представитель жанра Tower Defence. Более подробней смотрите в видеоматериале'), ('oslider4', 'Скиншоты с игры Sleeping Dogs');
Добавлено за 0.010 секунд, используя GeSHi 1.0.8.10
Создаем файл в папке админа settings_slider.php
GeSHi: PHP <?php require_once "../core.php"; require_once THEMES."templates/admin_header.php"; if (isset($_GET['error']) && isnum ($_GET['error']) && !isset($message)) { if ($_GET['error'] == 0) { $message = "Настройки обновлены!"; } elseif ($_GET['error'] == 1) { $message = "Ошибка базы данных: настройки не обновлены!"; } echo "<div id='close-message'><div class='admin-message'>".$message."</div></div>\n"; } } if (isset($_POST['savesettings'])) { $error = 0; $result = dbquery("UPDATE ".DB_SETTINGS." SET settings_value='".stripinput($_POST['slider1'])."' WHERE settings_name='slider1'"); if (!$result) { $error = 1; } $result = dbquery("UPDATE ".DB_SETTINGS." SET settings_value='".stripinput($_POST['slider2'])."' WHERE settings_name='slider2'"); if (!$result) { $error = 1; } $result = dbquery("UPDATE ".DB_SETTINGS." SET settings_value='".stripinput($_POST['slider3'])."' WHERE settings_name='slider3'"); if (!$result) { $error = 1; } $result = dbquery("UPDATE ".DB_SETTINGS." SET settings_value='".stripinput($_POST['slider4'])."' WHERE settings_name='slider4'"); if (!$result) { $error = 1; } $result = dbquery("UPDATE ".DB_SETTINGS." SET settings_value='".stripinput($_POST['sslider1'])."' WHERE settings_name='sslider1'"); if (!$result) { $error = 1; } $result = dbquery("UPDATE ".DB_SETTINGS." SET settings_value='".stripinput($_POST['sslider2'])."' WHERE settings_name='sslider2'"); if (!$result) { $error = 1; } $result = dbquery("UPDATE ".DB_SETTINGS." SET settings_value='".stripinput($_POST['sslider3'])."' WHERE settings_name='sslider3'"); if (!$result) { $error = 1; } $result = dbquery("UPDATE ".DB_SETTINGS." SET settings_value='".stripinput($_POST['sslider4'])."' WHERE settings_name='sslider4'"); if (!$result) { $error = 1; } $result = dbquery("UPDATE ".DB_SETTINGS." SET settings_value='".stripinput($_POST['tslider1'])."' WHERE settings_name='tslider1'"); if (!$result) { $error = 1; } $result = dbquery("UPDATE ".DB_SETTINGS." SET settings_value='".stripinput($_POST['tslider2'])."' WHERE settings_name='tslider2'"); if (!$result) { $error = 1; } $result = dbquery("UPDATE ".DB_SETTINGS." SET settings_value='".stripinput($_POST['tslider3'])."' WHERE settings_name='tslider3'"); if (!$result) { $error = 1; } $result = dbquery("UPDATE ".DB_SETTINGS." SET settings_value='".stripinput($_POST['tslider4'])."' WHERE settings_name='tslider4'"); if (!$result) { $error = 1; } $result = dbquery("UPDATE ".DB_SETTINGS." SET settings_value='".stripinput($_POST['oslider1'])."' WHERE settings_name='oslider1'"); if (!$result) { $error = 1; } $result = dbquery("UPDATE ".DB_SETTINGS." SET settings_value='".stripinput($_POST['oslider2'])."' WHERE settings_name='oslider2'"); if (!$result) { $error = 1; } $result = dbquery("UPDATE ".DB_SETTINGS." SET settings_value='".stripinput($_POST['oslider3'])."' WHERE settings_name='oslider3'"); if (!$result) { $error = 1; } $result = dbquery("UPDATE ".DB_SETTINGS." SET settings_value='".stripinput($_POST['oslider4'])."' WHERE settings_name='oslider4'"); if (!$result) { $error = 1; } redirect(VOVA_SELF.$aidlink."&error=".$error); } opentable("Настройки"); echo "<form name='settingsform' method='post' action='".VOVA_SELF.$aidlink."'>\n"; echo "<table cellpadding='0' cellspacing='0' width='500' class='center'>\n<tr>\n"; echo "<td width='50%' class='tbl'>Слайдер(Фото 1):</td>\n"; echo "<td width='50%' class='tbl'><input type='text' name='slider1' value='".$settings['slider1']."' maxlength='1000' class='textbox' style='width:200px;' /></td>\n"; echo "</tr>\n<tr>\n"; echo "<td width='50%' class='tbl'>Слайдер(Фото 2):</td>\n"; echo "<td width='50%' class='tbl'><input type='text' name='slider2' value='".$settings['slider2']."' maxlength='1000' class='textbox' style='width:200px;' /></td>\n"; echo "</tr>\n<tr>\n"; echo "<td width='50%' class='tbl'>Слайдер(Фото 3):</td>\n"; echo "<td width='50%' class='tbl'><input type='text' name='slider3' value='".$settings['slider3']."' maxlength='1000' class='textbox' style='width:200px;' /></td>\n"; echo "</tr>\n<tr>\n"; echo "<td width='50%' class='tbl'>Слайдер(Фото 4):</td>\n"; echo "<td width='50%' class='tbl'><input type='text' name='slider4' value='".$settings['slider4']."' maxlength='1000' class='textbox' style='width:200px;' /></td>\n"; echo "</tr>\n<tr>\n"; echo "<td width='50%' class='tbl'>Ссылка(Фото 1):</td>\n"; echo "<td width='50%' class='tbl'><input type='text' name='sslider1' value='".$settings['sslider1']."' maxlength='1000' class='textbox' style='width:200px;' /></td>\n"; echo "</tr>\n<tr>\n"; echo "<td width='50%' class='tbl'>Ссылка(Фото 2):</td>\n"; echo "<td width='50%' class='tbl'><input type='text' name='sslider2' value='".$settings['sslider2']."' maxlength='1000' class='textbox' style='width:200px;' /></td>\n"; echo "</tr>\n<tr>\n"; echo "<td width='50%' class='tbl'>Ссылка(Фото 3):</td>\n"; echo "<td width='50%' class='tbl'><input type='text' name='sslider3' value='".$settings['sslider3']."' maxlength='1000' class='textbox' style='width:200px;' /></td>\n"; echo "</tr>\n<tr>\n"; echo "<td width='50%' class='tbl'>Ссылка(Фото 4):</td>\n"; echo "<td width='50%' class='tbl'><input type='text' name='sslider4' value='".$settings['sslider4']."' maxlength='1000' class='textbox' style='width:200px;' /></td>\n"; echo "</tr>\n<tr>\n"; echo "<td width='50%' class='tbl'>Тайтл(Фото 1):</td>\n"; echo "<td width='50%' class='tbl'><input type='text' name='tslider1' value='".$settings['tslider1']."' maxlength='1000' class='textbox' style='width:200px;' /></td>\n"; echo "</tr>\n<tr>\n"; echo "<td width='50%' class='tbl'>Тайтл(Фото 2):</td>\n"; echo "<td width='50%' class='tbl'><input type='text' name='tslider2' value='".$settings['tslider2']."' maxlength='1000' class='textbox' style='width:200px;' /></td>\n"; echo "</tr>\n<tr>\n"; echo "<td width='50%' class='tbl'>Тайтл(Фото 3):</td>\n"; echo "<td width='50%' class='tbl'><input type='text' name='tslider3' value='".$settings['tslider3']."' maxlength='1000' class='textbox' style='width:200px;' /></td>\n"; echo "</tr>\n<tr>\n"; echo "<td width='50%' class='tbl'>Тайтл(Фото 4):</td>\n"; echo "<td width='50%' class='tbl'><input type='text' name='tslider4' value='".$settings['tslider4']."' maxlength='1000' class='textbox' style='width:200px;' /></td>\n"; echo "</tr>\n<tr>\n"; echo "<td width='50%' class='tbl'>Описание(150-200)(Фото 1):</td>\n"; echo "<td width='50%' class='tbl'><input type='text' name='oslider1' value='".$settings['oslider1']."' maxlength='1000' class='textbox' style='width:200px;' /></td>\n"; echo "</tr>\n<tr>\n"; echo "<td width='50%' class='tbl'>Описание(150-200)(Фото 2):</td>\n"; echo "<td width='50%' class='tbl'><input type='text' name='oslider2' value='".$settings['oslider2']."' maxlength='1000' class='textbox' style='width:200px;' /></td>\n"; echo "</tr>\n<tr>\n"; echo "<td width='50%' class='tbl'>Описание(150-200)(Фото 3):</td>\n"; echo "<td width='50%' class='tbl'><input type='text' name='oslider3' value='".$settings['oslider3']."' maxlength='1000' class='textbox' style='width:200px;' /></td>\n"; echo "</tr>\n<tr>\n"; echo "<td width='50%' class='tbl'>Описание(150-200)(Фото 4):</td>\n"; echo "<td width='50%' class='tbl'><input type='text' name='oslider4' value='".$settings['oslider4']."' maxlength='1000' class='textbox' style='width:200px;' /></td>\n"; echo "</tr>\n<tr>\n"; echo "<td align='center' colspan='2' class='tbl'><br />\n"; echo "<input type='submit' name='savesettings' value='Сохранить установки' class='button' /></td>\n"; echo "</tr>\n</table>\n</form>\n"; closetable(); require_once THEMES."templates/footer.php"; ?>
Добавлено за 0.040 секунд, используя GeSHi 1.0.8.10
У Вовы - это который 8Games чтоль?
У Вовы - это который 8Gamers чтоль?
Вот весь слайдер.
Фото и библиотеки сам забереш себе.
|
|
x1
x1
|
|
|
|
Dysha-Kuzbass |
Опубликовано 12.09.2012 02:41
|
Пользователь
Сообщений: 114
Зарегистрирован: 07.09.2011 10:01
|
Vov, а mysql-запрос сделать как?
Через phpMyadmin или через "Дополнительные страницы"?
Едет вебмастер в поезде и слышит: <td></td> … <td></td> … <td></td>
|
|
|
|
Dysha-Kuzbass |
Опубликовано 12.09.2012 03:54
|
Пользователь
Сообщений: 114
Зарегистрирован: 07.09.2011 10:01
|
Чёт я попробовал сделать - фига не получилось... =) =(
Едет вебмастер в поезде и слышит: <td></td> … <td></td> … <td></td>
|
|
|
|
Vova |
Опубликовано 12.09.2012 11:21
|
Ветеран
Сообщений: 877
Зарегистрирован: 05.08.2011 11:53
|
через phpMyadmin
|
|
|
|
Dysha-Kuzbass |
Опубликовано 12.09.2012 11:27
|
Пользователь
Сообщений: 114
Зарегистрирован: 07.09.2011 10:01
|
Лана, будем пробовать! :=)
Едет вебмастер в поезде и слышит: <td></td> … <td></td> … <td></td>
|
|
x1
|
|
|
|
Dysha-Kuzbass |
Опубликовано 14.09.2012 08:29
|
Пользователь
Сообщений: 114
Зарегистрирован: 07.09.2011 10:01
|
Vova`n, чёт нифига не получатцо реализовать... =(=
Едет вебмастер в поезде и слышит: <td></td> … <td></td> … <td></td>
|
|
|
|
GRIDark |
Опубликовано 14.09.2012 13:01
|
Пользователь
Сообщений: 111
Зарегистрирован: 14.09.2010 12:55
|
Если не убьет подождать до вечера, то я попробую всё это запаковать в аддон - панеку =)
Мой мозг пакует вещи.
|
|
x1
x1
|
|
|
|
GRIDark |
Опубликовано 14.09.2012 14:20
|
Пользователь
Сообщений: 111
Зарегистрирован: 14.09.2010 12:55
|
Блин, убегать надо. Ночью выкину сюда на тест, и скорее всего демо внешнего вида будет доступна на http://www.gridar...
Мой мозг пакует вещи.
|
|
|
|
Zaxap |
Опубликовано 14.09.2012 14:28
|
Элита
Сообщений: 1090
Зарегистрирован: 05.09.2012 10:32
|
ok! Очень ждем!)
Зло не дремлет, а я добрый...
|
|
|
|
GRIDark |
Опубликовано 14.09.2012 16:58
|
Пользователь
Сообщений: 111
Зарегистрирован: 14.09.2010 12:55
|
Вобщем около 00:00 по мск должен все успеть доделать.
± 2 часа
Мой мозг пакует вещи.
|
|
|
|
GRIDark |
Опубликовано 14.09.2012 21:26
|
Пользователь
Сообщений: 111
Зарегистрирован: 14.09.2010 12:55
|
Так-с. Вот наметал beta версию.
В выходные приведу код в божеский вид, а так же добавлю функцию редактирования.
Еще попытаюсь сделать пару настроек, что бы далеко не лезь в код за изменением внешнего вида, а так же доделаю "защиту от дурака" (Не более 4 слайдов одновременно.)
Дема есть у меня: http://www.gridar...fragment-1
GRIDark присоединено следующее:файл:
Мой мозг пакует вещи.
|
|
x1
x2
|
|
|
|
Zaxap |
Опубликовано 15.09.2012 00:10
|
Элита
Сообщений: 1090
Зарегистрирован: 05.09.2012 10:32
|
Отличный слайдер...только загвоздка одна...почему он автоматически не переключается??? Это же СЛАЙДЕР)))
Почему же не больше 4-х? Можно и не больше 8...Надо только кнопочки "вверх" и "вниз" сделать
Зло не дремлет, а я добрый...
|
|
|
|
Dysha-Kuzbass |
Опубликовано 15.09.2012 04:40
|
Пользователь
Сообщений: 114
Зарегистрирован: 07.09.2011 10:01
|
Gridark, молодца, но заметил один косячок:
На главной сайта после инсталла в плагине не отображается ссылка на новость, а отображается ссылка на картинку от новости, т.е., к примеру, "Новость: Открытие сайта" - > "Картинка: site_opened.jpg"/
И ведет всё это дело к этому: www.site.ru/site_opened.jpg.
Едет вебмастер в поезде и слышит: <td></td> … <td></td> … <td></td>
|
|
x1
|
|
|
|
GRIDark |
Опубликовано 15.09.2012 05:38
|
Пользователь
Сообщений: 111
Зарегистрирован: 14.09.2010 12:55
|
Dysha-Kuzbass написал:
Gridark, молодца, но заметил один косячок:
На главной сайта после инсталла в плагине не отображается ссылка на новость, а отображается ссылка на картинку от новости, т.е., к примеру, "Новость: Открытие сайта" - > "Картинка: site_opened.jpg"/
И ведет всё это дело к этому: www.site.ru/site_opened.jpg.
Упс, косячок.
Замени в файле slider.php вот такое (~36 строка)
GeSHi: PHP <a href='".$data['slide_image']."'>".$data['slide_title']."</a>
Добавлено за 0.021 секунд, используя GeSHi 1.0.8.10
на
GeSHi: PHP <a href='".$data['slide_link']."'>".$data['slide_title']."</a>
Добавлено за 0.021 секунд, используя GeSHi 1.0.8.10
---------------------------------------------------------------------------
Zaxap написал:
Отличный слайдер...только загвоздка одна...почему он автоматически не переключается??? Это же СЛАЙДЕР)))
Почему же не больше 4-х? Можно и не больше 8...Надо только кнопочки "вверх" и "вниз" сделать
Автоматически он переключается, просто тайм-аут равен 20 секундам.
Да, можно, но я сначала базовый функционал доделаю, а потом буду расширять.
Изменил(а) GRIDark, 15.09.2012 05:52
Мой мозг пакует вещи.
|
|
x1
|
|
|
|
Rush |
Опубликовано 15.09.2012 07:29
|
Администратор
Разработчики
Группа поддержки
Сообщений: 1418
Зарегистрирован: 31.08.2010 14:41
|
а виндовс как устанавливать? через космос или телефонную розетку? |
|
|