8Gamers.NET

Копия для печати: Слайдер с этого сайта

Прислано Ukraine Vova 11-09-2012 16:49
#1
Код
#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.net/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; }




Код
<script type='text/javascript' src='http://8gamers.net/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.net/js/spoilerbb_tools.js'></script>




Код
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();




Код
INSERT INTO `gamer_settings` (`settings_name`, `settings_value`) VALUES
('sslider4', 'http://8gamers.net/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.net/video/images/2012-08/7.jpg'),
('slider3', 'http://static.8gamers.net/images/pics/img/2012-05/22/ec9r9skd7jhqn870mr3gz5iy7.jpg'),
('slider4', 'http://static.8gamers.net/img/2012-06/album_494/45.jpg'),
('sslider1', 'http://youtu.be/A_F_oMNqhu0'),
('sslider2', 'http://8gamers.net/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');




Создаем файл в папке админа settings_slider.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 = "Ошибка базы данных: настройки не обновлены!";
}
if (isset($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";
?>


quot;.$settings[
Редактировал Ukraine Vova 11-09-2012 16:52