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

<!--Спойлер - контейнер-->
<style> 
div .splLink {width: 95px; height: 30px; border: none; background:  url(http://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(http://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(http://forumstatic.ru/files/000e/4d/84/16067.png) 20 9 repeat;  /* Firefox 4 */
    -webkit-border-image: url(http://forumstatic.ru/files/000e/4d/84/16067.png) 20 9 repeat;  /* Safari 5 и Chrome */
    -o-border-image: url(http://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("http://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
Сообщений: 51745
Уважение: +15556
Позитив: +12377
Последний визит:
Сегодня 08:43:37

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
Сообщений: 51745
Уважение: +15556
Позитив: +12377
Последний визит:
Сегодня 08:43:37

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
Сообщений: 51745
Уважение: +15556
Позитив: +12377
Последний визит:
Сегодня 08:43:37

Аналогично и со скриптами, - тож изымаем теги из контента и сохраняем с расширением 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
Сообщений: 51745
Уважение: +15556
Позитив: +12377
Последний визит:
Сегодня 08:43:37

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
Сообщений: 51745
Уважение: +15556
Позитив: +12377
Последний визит:
Сегодня 08:43:37

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
Сообщений: 51745
Уважение: +15556
Позитив: +12377
Последний визит:
Сегодня 08:43:37

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

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

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

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

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

0

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

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51745
Уважение: +15556
Позитив: +12377
Последний визит:
Сегодня 08:43:37

Вот это нагромождение
<div id="menu-lef" style="margin-left:-10px!important;">
<span alt="#sm4" style="cursor: pointer; color: #bebebe; background: url(http://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='http://forumstatic.ru/files/0011/58/e9/73747.png'></div></span>
<span alt="#sm5" style="cursor: pointer; color: #bebebe; background: url(http://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='http://forumstatic.ru/files/0011/58/e9/73747.png'></div></span>
<span alt="#sm6" style="cursor: pointer; color: #bebebe; background: url(http://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='http://forumstatic.ru/files/0011/58/e9/73747.png'></div></span>
<span alt="#sm7" style="cursor: pointer; color: #bebebe; background: url(http://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='http://forumstatic.ru/files/0011/58/e9/73747.png'></div></span>
<span alt="#sm8" style="cursor: pointer; color: #bebebe; background: url(http://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='http://forumstatic.ru/files/0011/58/e9/73747.png'></div></span>
<span alt="#sm9" style="cursor: pointer; color: #bebebe; background: url(http://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='http://forumstatic.ru/files/0011/58/e9/73747.png'></div></span>
<span alt="#sm10" style="cursor: pointer; color: #bebebe; background: url(http://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='http://forumstatic.ru/files/0011/58/e9/73747.png'></div></span>
</div>

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

#menu-left span[alt] {
cursor: pointer; color: #bebebe; background: url(http://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(http://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
Сообщений: 51745
Уважение: +15556
Позитив: +12377
Последний визит:
Сегодня 08:43:37

Кертес
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
Сообщений: 51745
Уважение: +15556
Позитив: +12377
Последний визит:
Сегодня 08:43:37

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

<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

Как сделать отдельную страницу для наград и медалей?	Корзина	Чт, 16 Окт 2008
Справка по созданию отдельной страницы на форуме	Справочная	Вт, 19 Май 2009
Ссылка на отдельную страницу для каждого сообщения.	Сделаем сервис лучше	Ср, 5 Янв 2011
Карты от гугла на отдельной странице	Вопросы по оформлению форума	Чт, 11 Фев 2016
Чат отдельной страницей.	Архив	Сб, 19 Ноя 2016

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

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

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

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

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

Сообщений 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

Похожие темы