Общие вопросы по оформлению (59)

Поделиться1Чт, 21 Апр 2016 16:38:32

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

Предыдущая тема: Общие вопросы по оформлению (58)


Инструменты для поиска и редактирования стиля (скриптов).	Как с помощью браузера можно определить элемент дизайна.
Каталог скриптов/CSS	Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.
Типовые Вопросы (ЧаВо)	Ответы на часто задаваемые вопросы.
Как задавать вопросы! Разница между стилем и скриптом. ( Советы)	Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

+1

Поделиться621Сб, 18 Июн 2016 13:19:51

Автор: Александр Коровин
Заслуженный
Зарегистрирован: Ср, 4 Май 2016
Сообщений: 259
Уважение: +7
Позитив: +57
Последний визит:
Вт, 8 Май 2018 21:56:13

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

Александр Коровин
Ну написано жи, - В Первом Окне стилей ( Структура style.css , поиск по странице Ctrl + F

Исправил!

Отредактировано Александр Коровин (Сб, 18 Июн 2016 13:24:45)

0

Поделиться622Сб, 18 Июн 2016 13:25:54

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11221
Уважение: +7625
Позитив: +5462
Пол: Мужской
Последний визит:
Сегодня 11:14:46

Александр Коровин
:glasses: Фсё устраивает ?

0

ВКонтакте alex__63

Поделиться623Сб, 18 Июн 2016 13:27:40

Автор: Александр Коровин
Заслуженный
Зарегистрирован: Ср, 4 Май 2016
Сообщений: 259
Уважение: +7
Позитив: +57
Последний визит:
Вт, 8 Май 2018 21:56:13

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

Александр Коровин
Фсё устраивает ?

Почти. Картинка страницы переадресации уехала в право! Что сделать, чтобы она была по центру?

0

Поделиться624Сб, 18 Июн 2016 13:29:12

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11221
Уважение: +7625
Позитив: +5462
Пол: Мужской
Последний визит:
Сегодня 11:14:46

Александр Коровин
Поставьте Пиар вход, иначе мне не видно страницы Переадресации

0

ВКонтакте alex__63

Поделиться625Сб, 18 Июн 2016 13:33:20

Автор: Александр Коровин
Заслуженный
Зарегистрирован: Ср, 4 Май 2016
Сообщений: 259
Уважение: +7
Позитив: +57
Последний визит:
Вт, 8 Май 2018 21:56:13

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

Александр Коровин
Поставьте Пиар вход, иначе мне не видно страницы Переадресации

Готово!

0

Поделиться626Сб, 18 Июн 2016 13:38:45

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11221
Уважение: +7625
Позитив: +5462
Пол: Мужской
Последний визит:
Сегодня 11:14:46

Александр Коровин
Для работы Пиар входа нун зарегать новый аккаунт, и Ник- Пароль от него вставить в скрипт

+1

ВКонтакте alex__63

Поделиться627Сб, 18 Июн 2016 13:54:57

Автор: Александр Коровин
Заслуженный
Зарегистрирован: Ср, 4 Май 2016
Сообщений: 259
Уважение: +7
Позитив: +57
Последний визит:
Вт, 8 Май 2018 21:56:13

Имя: PR-agent
Пароль: YF6f9yNw

0

Поделиться628Сб, 18 Июн 2016 14:07:31

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11221
Уважение: +7625
Позитив: +5462
Пол: Мужской
Последний визит:
Сегодня 11:14:46

Александр Коровин
К вечеру гляну...

0

ВКонтакте alex__63

Поделиться629Сб, 18 Июн 2016 14:19:49

Автор: Александр Коровин
Заслуженный
Зарегистрирован: Ср, 4 Май 2016
Сообщений: 259
Уважение: +7
Позитив: +57
Последний визит:
Вт, 8 Май 2018 21:56:13

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

Александр Коровин
К вечеру гляну...

Хорошо...

0

Поделиться630Сб, 18 Июн 2016 18:04:02

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11221
Уважение: +7625
Позитив: +5462
Пол: Мужской
Последний визит:
Сегодня 11:14:46

Александр Коровин
Попробуйте в Конец Второго окна стилей

#pun-redirect .main-title{
width:100%!important;
height:50px!important;
}

+1

ВКонтакте alex__63

Поделиться631Сб, 18 Июн 2016 21:12:19

Автор: Александр Коровин
Заслуженный
Зарегистрирован: Ср, 4 Май 2016
Сообщений: 259
Уважение: +7
Позитив: +57
Последний визит:
Вт, 8 Май 2018 21:56:13

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

Александр Коровин
Попробуйте в Конец Второго окна стилей
#pun-redirect .main-title{
width:100%!important;
height:50px!important;
}

Спасибо большое! Помогло!

0

Поделиться632Сб, 18 Июн 2016 22:50:24

Автор: Mota_Wolfen
Заслуженный
Зарегистрирован: Вт, 1 Июл 2008
Сообщений: 288
Уважение: +30
Позитив: +55
Пол: Мужской
Последний визит:
Вс, 3 Сен 2023 19:38:49

Alex_63, доброго) Ничего там пока не получилось со скриптом быстрого редактирования?( Очень уж не хочется с ним расставаться

0

Поделиться633Вс, 19 Июн 2016 00:05:36

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

Mota_Wolfen, Снимите временно скрипт и протестируйте - редактируется ли без него в такой же ситуации ? (поскок вроде как настроек доступа не было
И 2-е, тут как-то спрашивали скрипт, запрета редактирования постов главАдмина - у Вас он случаем не установлен ?

0

Поделиться634Вс, 19 Июн 2016 11:59:21

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11221
Уважение: +7625
Позитив: +5462
Пол: Мужской
Последний визит:
Сегодня 11:14:46

Mota_Wolfen
Я просил дать Ник -Пароль от аккаунта, под которым проблемы, и ссылку на пост с проблемой,
Посколь у мну ничего подобного не наблюдаецо

0

ВКонтакте alex__63

Поделиться635Вс, 19 Июн 2016 12:55:25

Автор: Александр Коровин
Заслуженный
Зарегистрирован: Ср, 4 Май 2016
Сообщений: 259
Уважение: +7
Позитив: +57
Последний визит:
Вт, 8 Май 2018 21:56:13

Можно ли создать скрипт, который не будет отображать надпись"Отредактировано" ?

0

Поделиться636Вс, 19 Июн 2016 12:58:36

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11221
Уважение: +7625
Позитив: +5462
Пол: Мужской
Последний визит:
Сегодня 11:14:46

Александр Коровин
:mad: Типовые Вопросы п.п.54

0

ВКонтакте alex__63

Поделиться637Вс, 19 Июн 2016 13:07:58

Автор: Jas
Заслуженный
Зарегистрирован: Ср, 14 Окт 2009
Сообщений: 187
Уважение: +7
Позитив: +41
Последний визит:
Чт, 13 Сен 2018 20:23:26

Здравствуйте! Я пытаюсь первое сообщение темы оформить в виде таблички со вкладками. Для этого установил скрипт "ХТМЛ в постах" в ХТМЛ-низ:

Код:

<script type="text/javascript">
function Transform_Code_Box_in_HTML(aX){
var TemLnk=aX.replace(/^(.*viewtopic\.php\?id=\d*).*$/ig,"$1");
var PstId=aX.replace(/^.*viewtopic\.php\?id=.*(#p\d+)$/ig,"$1");
var L=document.URL.replace(TemLnk,'');
if(L!=document.URL&&(L.slice(0,1)).search(/\d/ig)==-1 ){ 
L=$("div.topic "+PstId);
if(L.length==1){
var Lhtm=L.find(".post-content .code-box:first .scrollbox pre").text();
L.find(".post-content .code-box:first").replaceWith(Lhtm)
}}}
function Demo_HTML(Ts){var Ll=Ts.parents(".htmldemo").find(".code-box .scrollbox pre").text();
Ts.parents(".htmldemo").after('<div class="demHtml">'+Ll+'</div>');Ts.replaceWith(DemoButt0);
}
$(document).ready(function() {
$("#pun-viewtopic .post .code-box").each(function(){
if($(this).text().indexOf('<!--HTML-->')!=-1){
$(this).wrap('<div class="htmldemo"></div>')
$(this).replaceWith($('.htmldemo').text().split('<!--HTML-->')[1]);
}
});
});
</script>

1. Первый вариант таблички.

В текст самого поста я поставил такой код:

Код:

<!--HTML--> <div class='postcolor'> <style type="text/css"> #tracker{position:relative; height:100%; width:610px; } #tracker [type=radio]{display:none} #tracker label{text-transform:uppercase; display:inline-block; background-color: #cead81; color:#4f2722; font-family:"arial narrow"; font-weight:bold; font-size:12px; padding-top: 5px; letter-spacing:2px; width:147px; height: 18px; text-align: center;} #tracker [type=radio]:checked ~ label {background-color:#bd986e;} #tracker [type=radio]:checked ~ label ~ .tealcont {opacity:1;} .tealtab{display:inline; margin-right:3px;} .tealcont{position:absolute; background-color:none; padding-top: 20px; width:610px; font-size:12px; font-family:calibri; letter-spacing:1px; opacity:0;} </style>

<div id="tracker"> <div class="tealtab"><input type="radio" name="tealtracks" id="uno" checked> <label for="uno">МЕТАФИЗИКИ</label><div class="tealcont">

<!--Контент 1 вкладки-->

<center>МЕТАФИЗИКИ
текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки </center>


</div></div>

<div class="tealtab"><input type="radio" name="tealtracks" id="dos"><label for="dos">ЭКСТРАСЕНСОРИКИ</label><div class="tealcont">icq - 364433444<br>текст 2 вкладки </div></div>

<div class="tealtab"><input type="radio" name="tealtracks" id="tres"> <label for="tres">ВИККАНЕ</label><div class="tealcont">текст 3 вкладки </div></div>

<div class="tealtab"><input type="radio" name="tealtracks" id="cuatro"> <label for="cuatro">ЖРЕЦЫ ВУДУ</label><div class="tealcont">текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки текст 4 вкладки </div></div> </div> </div></div>

Но возникает проблема, которая заключается в том, что вкладки не раскрываются адекватным образом. То есть само тело поста не подстраивается под каждую вкладку и как бы "не уезжает вниз", в итоге текст вкладки залезает на подпись(

2. Второй вариант таблички.

Поставил такой код в пост:

Код:

<!--HTML--> <!-- Таблица -->
<style>

#tstTable table[id]{
  height: 100%;
  position:absolute;
  display:none;
}
#tstTable table[id] p span {
  display: inline-block;
}
.tabindex {
  height: 100%;
  width: 100%;
  position: relative;
}
#tstTable td{border:none 0 transparent !important}
.navbuttons{
  width:100%;
  text-align:center;
  margin-top: -30px;
}
</style>
 
<div id="tstTable">
 
<table class="navbuttons">
  <tr>
    <td id="btn1"><img src="Кнопка1" /></td>
    <td id="btn2"><img src="Кнопка2" /></td>
    <td id="btn3"><img src="Кнопка3" /></td>
    <td id="btn4"><img src="Кнопка4" /></td>
  </tr>
</table>
 
<div class="tabindex">
 
<table id="tbl1"><!-- 1 -->
  <tr>
    <td>
        ПЕРВАЯ ВКЛАДКА ТАБЛИЦЫ
    </td>
  </tr>
</table>
 
<table id="tbl2"><!-- 2 -->
  <tr>
    <td>
        ВТОРАЯ ВКЛАДКА ТАБЛИЦЫ ....
    </td>
  </tr>
</table>
 
<table id="tbl3"><!-- 3 -->
  <tr>
    <td>
      <p style="text-align:center">
        ТЕКСТ 3-я вкладка
      </p>
      <br/>
      <br/>
      <p style="text-align:center">
         <span style="display:inline-block;"><img src="Картинка" style="float:left" />Описание картинки</span>
      </p>
      <br/>
      <br/>
      <p style="text-align:center">
ТЕКСТ ...
ТЕКСТ ...
ТЕКСТ ...
ТЕКСТ ...
ТЕКСТ ...
ТЕКСТ ...
ТЕКСТ ...
ТЕКСТ ...
      </p>
      <br/>
      <br/>
      
    </td>
  </tr>
</table>
 
<table id="tbl4"><!-- 4 -->
  <tr>
    <td>
       <center>
         <a href="ссылка">описание ссылки</a> <br/>
         <a href="ссылка">описание ссылки</a> <br/>
         <a href="ссылка">описание ссылки</a> <br/>
         <a href="ссылка">описание ссылки</a> <br/>
       </center>
    </td>
    <td>
       <center>
         <a href="ссылка">описание ссылки</a> <br/>
         <a href="ссылка">описание ссылки</a> <br/>
         <a href="ссылка">описание ссылки</a> <br/>
         <a href="ссылка">описание ссылки</a> <br/>
       </center>
    </td>
  </tr>
</table>
 
</div>
 
</div>
 
<script type="text/javascript">
$(function () {
    $("#tstTable #tbl1").fadeIn(200);
    $(".navbuttons td#btn1").addClass("active");
    $(".navbuttons td").click(function(){
        var num=$(this).attr("id");
        if(num)num=num.split("btn")[1];
        $(".navbuttons td").removeClass("active");
        $(this).addClass("active");
        $("#tstTable table[id]").fadeOut(200);
        $("#tstTable table[id='tbl"+num+"']").fadeIn(200);
    });
});
</script>

Но и тут то же самое(

Очень бы хотелось, чтобы текст вкладок не залезал на подпись, а вкладки раздвигались подобно спойлеру, причем под каждой вкладкой будет разное количество символов, и потому фиксированная высота для всех вкладок, равная одному числу, тоже не подходит. Подскажите пожалуйста, как это можно сделать?

Отредактировано Jas (Вс, 19 Июн 2016 13:10:02)

0

Поделиться638Вс, 19 Июн 2016 13:12:34

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11221
Уважение: +7625
Позитив: +5462
Пол: Мужской
Последний визит:
Сегодня 11:14:46

Jas
1. Есть более шустрый и надежный скрипт для HTML в Постах => Скрипты от пользователей 3
2. Попробуйте такой Код:

Код:

[html]

<!-- Таблица -->
<style>
 
#tstTable table[id]{
  height: 100%;
  /*position:absolute;*/
  display:none;
}
#tstTable table[id] p span {
  display: inline-block;
}
.tabindex {
  height: 100%;
  width: 100%;
  position: relative;
}
#tstTable td{border:none 0 transparent !important}
.navbuttons{
  width:100%;
  text-align:center;
  margin-top: -30px;
}
</style>
 
<div id="tstTable">
 
<table class="navbuttons">
  <tr>
    <td id="btn1"><img src="Кнопка1" /></td>
    <td id="btn2"><img src="Кнопка2" /></td>
    <td id="btn3"><img src="Кнопка3" /></td>
    <td id="btn4"><img src="Кнопка4" /></td>
  </tr>
</table>
 
<div class="tabindex">
 
<table id="tbl1"><!-- 1 -->
  <tr>
    <td>
        ПЕРВАЯ ВКЛАДКА ТАБЛИЦЫ
    </td>
  </tr>
</table>
 
<table id="tbl2"><!-- 2 -->
  <tr>
    <td>
        ВТОРАЯ ВКЛАДКА ТАБЛИЦЫ ....
    </td>
  </tr>
</table>
 
<table id="tbl3"><!-- 3 -->
  <tr>
    <td>
      <p style="text-align:center">
        ТЕКСТ 3-я вкладка
      </p>
      <br/>
      <br/>
      <p style="text-align:center">
         <span style="display:inline-block;"><img src="Картинка" style="float:left" />Описание картинки</span>
      </p>
      <br/>
      <br/>
      <p style="text-align:center">
ТЕКСТ ...
ТЕКСТ ...
ТЕКСТ ...
ТЕКСТ ...
ТЕКСТ ...
ТЕКСТ ...
ТЕКСТ ...
ТЕКСТ ...
      </p>
      <br/>
      <br/>
      
    </td>
  </tr>
</table>
 
<table id="tbl4"><!-- 4 -->
  <tr>
    <td>
       <center>
         <a href="ссылка">описание ссылки</a> <br/>
         <a href="ссылка">описание ссылки</a> <br/>
         <a href="ссылка">описание ссылки</a> <br/>
         <a href="ссылка">описание ссылки</a> <br/>
       </center>
    </td>
    <td>
       <center>
         <a href="ссылка">описание ссылки</a> <br/>
         <a href="ссылка">описание ссылки</a> <br/>
         <a href="ссылка">описание ссылки</a> <br/>
         <a href="ссылка">описание ссылки</a> <br/>
       </center>
    </td>
  </tr>
</table>
 
</div>
 
</div>
 
<script type="text/javascript">
$(function () {
    $("#tstTable #tbl1").show();
    $(".navbuttons td#btn1").addClass("active");
    $(".navbuttons td").click(function(){
        var num=$(this).attr("id");
        if(num)num=num.split("btn")[1];
        $(".navbuttons td").removeClass("active");
        $(this).addClass("active");
        $("#tstTable table[id]").hide();
        $("#tstTable table[id='tbl"+num+"']").show();
    });
});
</script>

[/html]

(* Он поправлен под новый скрипт HTML в Постах

+1

ВКонтакте alex__63

Поделиться639Вс, 19 Июн 2016 13:33:08

Автор: Jas
Заслуженный
Зарегистрирован: Ср, 14 Окт 2009
Сообщений: 187
Уважение: +7
Позитив: +41
Последний визит:
Чт, 13 Сен 2018 20:23:26

Alex_63
Спасибо большое! Все работает!) А, подскажите пожалуйста, еще несколько моментов:

1. Как узнать номера групп, например, группу администраторов и модераторов? (Вот для этого: HTMLinPost.groups = [1,2,6]; // Группы, допущенные к вставке HTML в посты)

2. Как сделать так, чтобы текст под вкладками был той же ширины, что и основной текст поста? А то сейчас он получается уже основного и не совсем по центру...

3. Хотелось бы, чтобы при наведении на кнопку вкладки менялся курсор, а потом при нажатии на эту кнопку - она становилась другой, то есть активной?)

0

Поделиться640Вс, 19 Июн 2016 13:42:28

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11221
Уважение: +7625
Позитив: +5462
Пол: Мужской
Последний визит:
Сегодня 11:14:46

Jas
1. Администрирование - Группы - Редактировать, считываем цифру после edit_group= в адресной строке - это и есть ID группы
Ну и стандартные:
Администраторы - 1
Модераторы - 2
Гость - 3
Пользователи - 4

2,3: Замените код внутри тегов [html]

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

А то сейчас он получается уже основного и не совсем по центру...

Код:

<!-- Таблица -->
<style>

#tstTable table[id]{
  height: 100%;
  /*position:absolute;*/
  display:none;
}
#tstTable table[id] p span {
  display: inline-block;
}
.tabindex {
  height: 100%;
  width: 100%;
  position: relative;
}
#tstTable td{border:none 0 transparent !important}
.navbuttons{
  width:100%;
  text-align:center;
  margin-top: -30px;
}
.navbuttons td{
  cursor:pointer;
  opacity:.7;
}
.navbuttons .active{
  opacity:1;
}
.tabindex td{
  padding:0;
}
</style>

<div id="tstTable">

<table class="navbuttons">
  <tbody><tr>
    <td id="btn1" class=""><img src="Кнопка1"></td>
    <td id="btn2" class="active"><img src="Кнопка2"></td>
    <td id="btn3" class=""><img src="Кнопка3"></td>
    <td id="btn4"><img src="Кнопка4"></td>
  </tr>
</tbody></table>

<div class="tabindex">

<table id="tbl1" style="display: none;"><!-- 1 -->
  <tbody><tr>
    <td>
текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки текст 1 вкладки 
    </td>
  </tr>
</tbody></table>

<table id="tbl2" style="display: table;"><!-- 2 -->
  <tbody><tr>
    <td>
        ВТОРАЯ ВКЛАДКА ТАБЛИЦЫ ....
    </td>
  </tr>
</tbody></table>

<table id="tbl3" style="display: none;"><!-- 3 -->
  <tbody><tr>
    <td>
      <p style="text-align:center">
        ТЕКСТ 3-я вкладка
      </p>
      <br>
      <br>
      <p style="text-align:center">
         <span style="display:inline-block;"><img src="Картинка" style="float:left">Описание картинки</span>
      </p>
      <br>
      <br>
      <p style="text-align:center">
ТЕКСТ ...
ТЕКСТ ...
ТЕКСТ ...
ТЕКСТ ...
ТЕКСТ ...
ТЕКСТ ...
ТЕКСТ ...
ТЕКСТ ...
      </p>
      <br>
      <br>
      
    </td>
  </tr>
</tbody></table>

<table id="tbl4" style="display: none;"><!-- 4 -->
  <tbody><tr>
    <td>
       <center>
         <a href="ссылка">описание ссылки</a> <br>
         <a href="ссылка">описание ссылки</a> <br>
         <a href="ссылка">описание ссылки</a> <br>
         <a href="ссылка">описание ссылки</a> <br>
       </center>
    </td>
    <td>
       <center>
         <a href="ссылка">описание ссылки</a> <br>
         <a href="ссылка">описание ссылки</a> <br>
         <a href="ссылка">описание ссылки</a> <br>
         <a href="ссылка">описание ссылки</a> <br>
       </center>
    </td>
  </tr>
</tbody></table>

</div>

</div>

0

ВКонтакте alex__63

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

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

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

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

Общие вопросы по оформлению (59)

Сообщений 621 страница 640 из 1000

Поделиться1Чт, 21 Апр 2016 16:38:32

Поделиться621Сб, 18 Июн 2016 13:19:51

Поделиться622Сб, 18 Июн 2016 13:25:54

Поделиться623Сб, 18 Июн 2016 13:27:40

Поделиться624Сб, 18 Июн 2016 13:29:12

Поделиться625Сб, 18 Июн 2016 13:33:20

Поделиться626Сб, 18 Июн 2016 13:38:45

Поделиться627Сб, 18 Июн 2016 13:54:57

Поделиться628Сб, 18 Июн 2016 14:07:31

Поделиться629Сб, 18 Июн 2016 14:19:49

Поделиться630Сб, 18 Июн 2016 18:04:02

Поделиться631Сб, 18 Июн 2016 21:12:19

Поделиться632Сб, 18 Июн 2016 22:50:24

Поделиться633Вс, 19 Июн 2016 00:05:36

Поделиться634Вс, 19 Июн 2016 11:59:21

Поделиться635Вс, 19 Июн 2016 12:55:25

Поделиться636Вс, 19 Июн 2016 12:58:36

Поделиться637Вс, 19 Июн 2016 13:07:58

Поделиться638Вс, 19 Июн 2016 13:12:34

Поделиться639Вс, 19 Июн 2016 13:33:08

Поделиться640Вс, 19 Июн 2016 13:42:28