Возможности отдельной страницы

<!--Спойлер - контейнер-->
<style> 
div .splLink {width: 95px; height: 30px; border: none; background:  url(https://forumstatic.ru/files/0011/58/e9/19341.png); text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 300px; background:  url(https://forumstatic.ru/files/000e/4d/84/16137.jpg); padding: 5px; z-index: 1000; margin-top: 5px;
font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
.spll div .splCont  { text-align: left; margin-left:-90px;
background-clip:border-box;
background-color: transparent;
border-width: 20px 9px;
-moz-border-image: url(https://forumstatic.ru/files/000e/4d/84/16067.png) 20 9 repeat;  /* Firefox 4 */
    -webkit-border-image: url(https://forumstatic.ru/files/000e/4d/84/16067.png) 20 9 repeat;  /* Safari 5 и Chrome */
    -o-border-image: url(https://forumstatic.ru/files/000e/4d/84/16067.png) 20 9 repeat; /* Opera 10.5 */}
.splCont.show {
 position:absolute!important;
 z-index:10000;
 top:500px;
}
</style>
<!--Спойлер - контейнер-->
<!-- jquery уже подключен -->
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      var a=$(this).parent().children('div.splCont');
       a.addClass('this')
      var c=$('.splCont.show:not(.this)');c.hide('normal',function(){c.removeClass('show')}); //}
      a.removeClass('this')
      var b=1
      if(!a.hasClass('show')){a.addClass('show');b=0}
      $(this).parent().children('div.splCont').toggle('normal',function(){if(b)a.removeClass('show')});
      return false;
    });
  });
</script>
<!--КОНЕЦ Спойлер - контейнер-->


<style>
    .spoilertop {cursor:pointer;}
</style>

<style>
#menu-cen {
  padding-top: 5em;
  background-image: url("https://forumstatic.ru/files/0011/58/e9/68489.jpg"); 
  background-repeat: no-repeat;
  height: 565px;
  margin-top: -80px;
  margin-right: 0px;
  margin-left: 0px;
}

#menu-top {
margin-left: 300px;
margin-top: -6px;
}

#menu-top span {display: block;}

#menu-lef {
padding: 0px;
margin-top: -270px;
height: 165px;}

#menu-lef span {
display: block;
margin-top: -2px;
margin-left: -3px;
padding: 10px 17px 17px 17px;}

#menu-top span:hover, #menu-lef span:hover {text-decoration: none;}

#menu-top .tabactive, #menu-lef .tabactive {}

#submenu {
padding: 0px;
height: 565px;
width: 728px;}

.submenutext {
display: none;
margin-top: 40px;
margin-left: 0px;
padding: 0px;
height:  430px;
border-right: 0px solid #313131;
overflow-y: auto;}

#menu-cen #menu-lef span.tabactive{
 background-color:#7a7a7a;
 opacity:0.5;
 border:2px solid #171717;
}
</style>

Отредактировано Deff (Вс, 24 Мар 2013 01:48:47)

0

Поделиться25Вс, 24 Мар 2013 14:14:40

Автор: Swetynasty
Заслуженный
Зарегистрирован: Пн, 28 Июн 2010
Сообщений: 284
Уважение: +3
Позитив: +77
Пол: Женский
Последний визит:
Сб, 22 Авг 2020 19:23:36

Deff
Вопрос.
Количество знаков для отдельно страницы ограниченно? оО

0

Поделиться26Вс, 24 Мар 2013 14:19:33

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51451
Уважение: +15414
Позитив: +12017
Последний визит:
Сегодня 19:46:15

Swetynasty
64 тыщи
Для сокращения :
Можно Вынести стиль и скрипты для данной страницы в подгружаемый файл,
Можно вставить картинки в подобном файле фоном к div, в котором кнопка,
тем самым сократим минимум на треть
2. Можно отдельные вкладки таблы - поставить на разных страницах а собрать в одну фреймами в табле

Отредактировано Deff (Вс, 24 Мар 2013 14:20:40)

0

Поделиться27Вс, 24 Мар 2013 14:33:16

Автор: Swetynasty
Заслуженный
Зарегистрирован: Пн, 28 Июн 2010
Сообщений: 284
Уважение: +3
Позитив: +77
Пол: Женский
Последний визит:
Сб, 22 Авг 2020 19:23:36

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

Можно Вынести стиль и скрипты для данной страницы в подгружаемый файл,

Это в текстовый файл и загрузить его на форум?
Как оформить ссыль?

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

Можно вставить картинки в подобном файле фоном к div, в котором кнопка,тем самым сократим минимум на треть

Код уже готов, и я просто умучаюсь это делать, да и сократить на малое количество, а мне еще много делать подарков.

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

2. Можно отдельные вкладки таблы - поставить на разных страницах а собрать в одну фреймами в табле

ссылками? или я не очень поняла.

0

Поделиться28Вс, 24 Мар 2013 14:37:22

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51451
Уважение: +15414
Позитив: +12017
Последний визит:
Сегодня 19:46:15

Swetynasty
Все коды с тегами <style> для данной страницы собираете в единый текстовый файл, удаляете все теги <style> </style>
и сохраняете с расширением css и перезаливаете в Админку -Файлы
Далее ссыль вставляете в тег

<link rel="stylesheet" type="text/css" href="Ссылка" />

Тег ставите на место первого изъятого

Отредактировано Deff (Вс, 24 Мар 2013 14:40:48)

0

Поделиться29Вс, 24 Мар 2013 14:39:36

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51451
Уважение: +15414
Позитив: +12017
Последний визит:
Сегодня 19:46:15

Аналогично и со скриптами, - тож изымаем теги из контента и сохраняем с расширением js

Ccыль вставляем в тег

<script type="text/javascript" src="Ссылка"></script>

И тег ставим на место первого изъятого

Отредактировано Deff (Вс, 24 Мар 2013 14:40:15)

0

Поделиться30Вс, 24 Мар 2013 16:18:44

Автор: Swetynasty
Заслуженный
Зарегистрирован: Пн, 28 Июн 2010
Сообщений: 284
Уважение: +3
Позитив: +77
Пол: Женский
Последний визит:
Сб, 22 Авг 2020 19:23:36

Все, я сделала все в файлах.

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

2. Можно отдельные вкладки таблы - поставить на разных страницах а собрать в одну фреймами в табле

Объясните вот это пожалуйста.

0

Поделиться31Вс, 24 Мар 2013 17:35:38

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51451
Уважение: +15414
Позитив: +12017
Последний визит:
Сегодня 19:46:15

Swetynasty
Ну контент каждой вкладки(кроме самой первой) - вклеить на отдельную страницу и обрамить в div c уникальным id
А далее скриптом подгрузим эти вкладки в таблу

Отредактировано Deff (Вс, 24 Мар 2013 17:36:49)

0

Поделиться32Вс, 24 Мар 2013 18:16:52

Автор: Swetynasty
Заслуженный
Зарегистрирован: Пн, 28 Июн 2010
Сообщений: 284
Уважение: +3
Позитив: +77
Пол: Женский
Последний визит:
Сб, 22 Авг 2020 19:23:36

Deff
каким скриптом подгружаются вкладки?

0

Поделиться33Вс, 24 Мар 2013 18:59:04

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51451
Уважение: +15414
Позитив: +12017
Последний визит:
Сегодня 19:46:15

Swetynasty
Ну его еще нет, нужны ссылки на страницы и id вкладки, ксать - вместо "обрамить в div c уникальным id"
обрамлять в id вкладки... тогда id будет сразу нужным

0

Поделиться34Вс, 24 Мар 2013 19:16:40

Автор: Кертес
Заслуженный
Зарегистрирован: Пт, 13 Янв 2012
Сообщений: 164
Уважение: +53
Позитив: +164
Пол: Мужской
Последний визит:
Ср, 25 Авг 2021 20:48:51

Отредактировано Кертес (Вс, 24 Мар 2013 19:30:35)

0

Поделиться35Вс, 24 Мар 2013 19:43:40

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51451
Уважение: +15414
Позитив: +12017
Последний визит:
Сегодня 19:46:15

Кертес написал(а):

Смотрите: ссылка на основную страницу подарков - http://rfgdgx.0pk.ru/pages/podarki2В данный момент пробуем ваше предложение воплотить со вкладкой "вкусности" (первая строка левого столбца).

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

Ну контент каждой вкладки(кроме самой первой) - вклеить на отдельную страницу и обрамить в div c уникальным id

Делайте со второй, первая вкладка не должна подгружаться

0

Поделиться36Вс, 24 Мар 2013 19:54:58

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51451
Уважение: +15414
Позитив: +12017
Последний визит:
Сегодня 19:46:15

Вот это нагромождение
<div id="menu-lef" style="margin-left:-10px!important;">
<span alt="#sm4" style="cursor: pointer; color: #bebebe; background: url(https://forumstatic.ru/files/0011/58/e9/29639.png) repeat bottom transparent; text-decoration: none; border: 0px solid #C0C0C0; border-top: 0px solid #C0C0C0; padding-bottom: none; text-transform: uppercase; text-shadow: 0px 1px 0px #000000;">»<b> Вкусности</b></span><div style="margin-top: -10px; margin-left: -3px;"><img src='https://forumstatic.ru/files/0011/58/e9/73747.png'></div></span>
<span alt="#sm5" style="cursor: pointer; color: #bebebe; background: url(https://forumstatic.ru/files/0011/58/e9/29639.png) repeat bottom transparent; text-decoration: none; border: 0px solid #C0C0C0; border-top: 0px solid #C0C0C0; padding-bottom: none; text-transform: uppercase; text-shadow: 0px 1px 0px #000000;">»<b> Ученый набор</b></span><div style="margin-top: -10px; margin-left: -3px;"><img src='https://forumstatic.ru/files/0011/58/e9/73747.png'></div></span>
<span alt="#sm6" style="cursor: pointer; color: #bebebe; background: url(https://forumstatic.ru/files/0011/58/e9/29639.png) repeat bottom transparent; text-decoration: none; border: 0px solid #C0C0C0; border-top: 0px solid #C0C0C0; padding-bottom: none; text-transform: uppercase; text-shadow: 0px 1px 0px #000000;">»<b> Игрушки</b></span><div style="margin-top: -10px; margin-left: -3px;"><img src='https://forumstatic.ru/files/0011/58/e9/73747.png'></div></span>
<span alt="#sm7" style="cursor: pointer; color: #bebebe; background: url(https://forumstatic.ru/files/0011/58/e9/29639.png) repeat bottom transparent; text-decoration: none; border: 0px solid #C0C0C0; border-top: 0px solid #C0C0C0; padding-bottom: none; text-transform: uppercase; text-shadow: 0px 1px 0px #000000;">»<b> Во имя любви</b></span><div style="margin-top: -10px; margin-left: -3px;"><img src='https://forumstatic.ru/files/0011/58/e9/73747.png'></div></span>
<span alt="#sm8" style="cursor: pointer; color: #bebebe; background: url(https://forumstatic.ru/files/0011/58/e9/29639.png) repeat bottom transparent; text-decoration: none; border: 0px solid #C0C0C0; border-top: 0px solid #C0C0C0; padding-bottom: none; text-transform: uppercase; text-shadow: 0px 1px 0px #000000;">»<b> Вкусности</b></span><div style="margin-top: -10px; margin-left: -3px;"><img src='https://forumstatic.ru/files/0011/58/e9/73747.png'></div></span>
<span alt="#sm9" style="cursor: pointer; color: #bebebe; background: url(https://forumstatic.ru/files/0011/58/e9/29639.png) repeat bottom transparent; text-decoration: none; border: 0px solid #C0C0C0; border-top: 0px solid #C0C0C0; padding-bottom: none; text-transform: uppercase; text-shadow: 0px 1px 0px #000000;">»<b> Вкусности</b></span><div style="margin-top: -10px; margin-left: -3px;"><img src='https://forumstatic.ru/files/0011/58/e9/73747.png'></div></span>
<span alt="#sm10" style="cursor: pointer; color: #bebebe; background: url(https://forumstatic.ru/files/0011/58/e9/29639.png) repeat bottom transparent; text-decoration: none; border: 0px solid #C0C0C0; border-top: 0px solid #C0C0C0; padding-bottom: none; text-transform: uppercase; text-shadow: 0px 1px 0px #000000;">»<b> Вкусности</b></span><div style="margin-top: -10px; margin-left: -3px;"><img src='https://forumstatic.ru/files/0011/58/e9/73747.png'></div></span>
</div>

Ни к чему, досаточно было задать стиль кнопки

#menu-left span[alt] {
cursor: pointer; color: #bebebe; background: url(https://forumstatic.ru/files/0011/58/e9/29639.png) repeat bottom transparent; text-decoration: none; border: 0px solid #C0C0C0; border-top: 0px solid #C0C0C0; padding-bottom: none; text-transform: uppercase; text-shadow: 0px 1px 0px #000000;
}
#menu-left span[alt]+div {
margin-top: -10px; margin-left: -3px;
height: 13px;
background: url(https://forumstatic.ru/files/0011/58/e9/73747.png) no-repeat;
width: 238px;
}

и тогда остается для каждой кнопки:

<div id="menu-lef" style="margin-left:-10px!important;">
<span alt="#sm4">»<b> Вкусности</b></span><div></div></span>

Отредактировано Deff (Вс, 24 Мар 2013 20:22:05)

+1

Поделиться37Вс, 24 Мар 2013 19:57:19

Автор: Кертес
Заслуженный
Зарегистрирован: Пт, 13 Янв 2012
Сообщений: 164
Уважение: +53
Позитив: +164
Пол: Мужской
Последний визит:
Ср, 25 Авг 2021 20:48:51

Выделенная страница - http://rfgdgx.0pk.ru/pages/uchebniy
<div id="ucheb">

В основе:
<div id="sm5" class="submenutext">
<script type="text/javascript">
$("#ucheb").load('/pages/uchebniy');
</script>
</div>

Результат тот же - пустая вкладка.

0

Поделиться38Вс, 24 Мар 2013 20:10:07

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51451
Уважение: +15414
Позитив: +12017
Последний визит:
Сегодня 19:46:15

Кертес
Cкрипт должен стоять на странице куда подгружается

И таким макаром

<script type="text/javascript">
$("#sm5").load('/pages/uchebniy #ucheb');
</script>

Красным в какой элемент грузим, синий - какой элемент со страницы забираем
а в подарках остается

<div id="sm5" class="submenutext">

</div>

Ну и скрипт (в конце таблицы)

Отредактировано Deff (Вс, 24 Мар 2013 20:17:13)

0

Поделиться39Вс, 24 Мар 2013 20:25:32

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51451
Уважение: +15414
Позитив: +12017
Последний визит:
Сегодня 19:46:15

Кертес
Замените

<div id="sm5" class="submenutext">
<script type="text/javascript">
$("#ucheb").load('/pages/uchebniy');
</script>
</div>

На

<div id="sm5" class="submenutext">
<script type="text/javascript">
$("#sm5").load('/pages/uchebniy #ucheb');
</script>
</div>

+1

Поделиться40Вс, 24 Мар 2013 20:34:29

Автор: Кертес
Заслуженный
Зарегистрирован: Пт, 13 Янв 2012
Сообщений: 164
Уважение: +53
Позитив: +164
Пол: Мужской
Последний визит:
Ср, 25 Авг 2021 20:48:51

*удалено*

Минутку...

Отредактировано Кертес (Вс, 24 Мар 2013 20:35:01)

0

Единый форум поддержки

Меню навигации

Пользовательские ссылки

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

Возможности отдельной страницы

Сообщений 21 страница 40 из 46

Поделиться21Сб, 23 Мар 2013 23:26:19

Поделиться22Сб, 23 Мар 2013 23:28:34

Поделиться23Вс, 24 Мар 2013 00:12:05

Поделиться24Вс, 24 Мар 2013 01:05:49

Поделиться25Вс, 24 Мар 2013 14:14:40

Поделиться26Вс, 24 Мар 2013 14:19:33

Поделиться27Вс, 24 Мар 2013 14:33:16

Поделиться28Вс, 24 Мар 2013 14:37:22

Поделиться29Вс, 24 Мар 2013 14:39:36

Поделиться30Вс, 24 Мар 2013 16:18:44

Поделиться31Вс, 24 Мар 2013 17:35:38

Поделиться32Вс, 24 Мар 2013 18:16:52

Поделиться33Вс, 24 Мар 2013 18:59:04

Поделиться34Вс, 24 Мар 2013 19:16:40

Поделиться35Вс, 24 Мар 2013 19:43:40

Поделиться36Вс, 24 Мар 2013 19:54:58

Поделиться37Вс, 24 Мар 2013 19:57:19

Поделиться38Вс, 24 Мар 2013 20:10:07

Поделиться39Вс, 24 Мар 2013 20:25:32

Поделиться40Вс, 24 Мар 2013 20:34:29