Таблицы на заказ (16)

Страница: « 1 2 3 4 5 … 12 »

Тема закрыта

Сообщений 41 страница 60 из 238

Поделиться1Сб, 7 Фев 2015 15:52:02

Автор: Christian Hale
Стремящийся
Зарегистрирован: Сб, 7 Фев 2015
Сообщений: 2
Уважение: 0
Позитив: 0
Последний визит:
Вс, 5 Апр 2015 16:12:27

Продолжение темы Таблицы на заказ (15).
Напомню требования:

При заказе таблиц от вас требуется:
1) Эскиз вашей будущей таблицы, сделанный в любом графическом редакторе (Пэинт, Фотошоп и т.д.) - обязательно!
2) Ссылка на ваш форум !Заказы без ссылок приниматься не будут!
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.
Заказы типа "Сделайте: Как там!" также приниматься не будут. Потрудитесь нарисовать макет таблицы самостоятельно.
И помните, чем подробнее опишите то, что нужно, тем точнее получите результат.

Поделиться41Сб, 24 Окт 2015 00:11:10

Автор: 4eshir
Заслуженный
Зарегистрирован: Вт, 22 Дек 2009
Сообщений: 16
Уважение: 0
Позитив: +1
Последний визит:
Сб, 15 Окт 2016 13:16:05

Доброй ночи! Помогите, пожалуйста, с таблицей. Пробовал сделать сам по найденному тут коду похожей таблицы с вкладками, но застопорился на кнопках переключения - почему-то что-то их обрезает. Причем надпись-картинка на кнопке отображается вся, а меняющийся фон активной и неактивной кнопки - остается узкой полоской вместо полноценной кнопки( Моих знаний не хватило, чтобы решить эту задачу(( Потому прошу помощи в построении целой таблицы.

1) Эскиз вашей будущей таблицы, сделанный в любом графическом редакторе (Пэинт, Фотошоп и т.д.) - обязательно!
Черное по краям - это границы тела форума."эскизы"

2) Таблица стоять будет здесь, но заполняться и тестироваться - здесь
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.:
Таблица состоит из 5 контейнеров в ширину тела форума. Открываться должна сразу на центральной кнопке/вкладке (показано на первом эскизе). Кнопки - динамические (при наведении и клике меняют фон).
Контейнеры 1, 2, 3 ("главная", "розыск", "навигация") состоят каждый из 3 статичных блоков, размеры каждого указаны ниже, разделение - пунктирной линией. Если на эскизах нет пунктира, то границы "прозрачные".
Контейнер 4 "горвест" состоит из 4х одинакового размера статичных блоков.
Контейнер 5 "реклама" состоит из 2х блоков: 1 - статичный, 2 - с автоматической прокруткой, которая появляется, если содержимое блока превысит установленную высоту контейнера/блока (вроде такая есть, нет?).

Выравнивание элементов внутри блоков:
- главная и горвест - все блоки по левому краю;
- розыск, навигация и реклама - все блоки по центру;

размеры блоков, таблицы, кнопок

Размер контейнеров в размер фонового изображения 842х218 пкс (ШхВ);
Размер кнопок и надписей 163х33 пкс (ШхВ);
Контейнер 1 "главная" размеры:
1. верхний левый блок 557х85 (ШхВ)
2. нижний левый блок 557х133 (ШхВ)
3. правый блок 285(Ширина)

Контейнер 2 "розыск":
1,3 Левый и правый блоки 310 (ширина)
2. Центральный блок 212 (ширина)

Контейнер 3 "навигация"
1,3 Левый и правый блоки 261 (ширина)
2. Центральный блок 320 (ширина)

Контейнер 4 "горвест"
1-4 Все 4 блока одинаковой ширины 210,5 (ну или 210 если дроби проблема)

Конктейнер 5 "реклама"
1. Левый блок 172 (ширина)
2. Правый блок 670 (ширина)

картинки и надписи

Фон контейнеров

- неактивная кнопка
- активная или нажатая кнопка

Отредактировано 4eshir (Пн, 26 Окт 2015 22:12:08)

Поделиться42Сб, 24 Окт 2015 14:05:59

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11216
Уважение: +7621
Позитив: +5460
Пол: Мужской
Последний визит:
Сегодня 00:33:49

4eshir
Выложите свои наработки, проще будет поправить, чем написать с нуля

ВКонтакте alex__63

Поделиться43Пн, 26 Окт 2015 00:30:46

Автор: 4eshir
Заслуженный
Зарегистрирован: Вт, 22 Дек 2009
Сообщений: 16
Уважение: 0
Позитив: +1
Последний визит:
Сб, 15 Окт 2016 13:16:05

Alex_63
Пока листал здешний форум по темам заказа таблиц не раз встречал сообщения, что "проще написать с нуля, чем копаться в чужом коде и исправлять его")

Изначально код был со слайдером, в процессе было решено слайдер заменить на прокрутку (вроде все, что относилось к слайдеру, в т.ч. и скрипт, я почистил). Стоит все это дело пока на тестовике.
Эскиз сделан по скриншоту с масштабом 100%, все должно "влезть", но при верстке таблица смещается вправо (блок контейнеров и кнопки).

Проблемы и то, что у меня не получилось/не знаю, как сделать:
- таблица смещена вправо
- при клике на "главной" полоса с кнопками съезжает вниз
- пунктирные границы
- цельный вид фона кнопок
- смена активной/неактивной кнопки при наведении курсора и фиксация кнопки в стадии "активная" при клике (в используемом скрипте вроде бы только фиксация активной кнопки происходит..)
- Прокрутка в контейнер "реклама" (широкий блок)

То, что получилось..

В HTML-низ

Код:

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

В объявлении

Код:

<style type="text/css">
#pun-announcement h2 span {visibility: hidden;}

#menu {
margin: 0px;}

#menu span {
width: 163px;
height: 33px;
background: transparent url(http://forumstatic.ru/files/0013/76/05/51228.jpg) no-repeat center top;}

#menu .tabactive {
background: transparent url(http://forumstatic.ru/files/0013/76/05/10508.png) no-repeat center top;}

#submenu {
padding: 0px;
width: 100%;
background: transparent url(http://forumstatic.ru/files/0013/76/05/74871.jpg) no-repeat center top;}

.submenutext {
display: none;
text-align: center;
height: 218px;}
</style>

<center><table style="height: 218px; ; width: 842px;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
   <tr>
   <td id="MenuTxT" align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm3" class="submenutext" style="display:block;">

<table style="height: 218px; width: 842px;" border="0" cellspacing="0" cellpadding="5" align="left">
<tbody>
<tr>
<td style="width: 557px; height: 85px;">&nbsp;</td>
<td style="width: 285px;" rowspan="2">Тут будет много текста, текста, текста, текста,&nbsp;будет много текста, текста, текста, текста,&nbsp;будет много текста, текста, текста, текста,&nbsp;будет много текста, текста, текста. </td>
</tr>
<tr>
<td style="width: 557px; height: 133px;" valign="top">
</br>
Будет много текста, будет много текста, текста, текста, текста,&nbsp;будет много текста, текста, текста, текста,&nbsp;будет много текста, текста, текста, текста,&nbsp;будет много текста, текста, текста, текста,&nbsp;будет много текста, текста, текста, текста,&nbsp;будет много текста, текста, текста, текста,&nbsp;будет много текста, текста, текста.
</td>
</tr>
</tbody>
</table>

</div>

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

<table style="height: 218px; ; width: 842px;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="width: 261px;" cellpadding="5">
<p><a href="#">Ссылка 1</a></p>
<p><a href="#">Ссылка 2</a></p>
<p><a href="#">Ссылка 3</a></p>
</td>
<td style="width: 320px; text-align: center;"><img style="vertical-align: middle;" title="кликабельно" src="http://forumstatic.ru/files/0013/76/05/77079.jpg" alt="Карта" longdesc="#" width="320" height="209" /></td>
<td style="width: 261px;" cellpadding="5"><a href="#">Ссылка 1</a>
<p><a href="#">Ссылка 2</a></p>
<p><a href="#">Ссылка 3</a></p>
</td>
</tr>
</tbody>
</table>

</div>

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

<table style="height: 218px; ; width: 842px;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="width: 310px;">
<img style="vertical-align: middle;" title="кликабельно" src="#" alt="розыск1" longdesc="#">
</td>
<td style="width: 212px; text-align: center;" cellpadding="5">
<p><a href="#">Ссылка 1</a></p>
<p><a href="#">Ссылка 2</a></p>
<p><a href="#">Ссылка 3</a></p></td>
<td style="width: 310px;" cellpadding="5">
<img style="vertical-align: middle;" title="кликабельно" src="#" alt="розыск1" longdesc="#">
</td>
</tr>
</tbody>
</table>

</div>

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

<table style="height: 218px; ; width: 842px;" border="0" cellspacing="0" cellpadding="5" align="left">
<tbody>
<tr>
<td style="width: 211px;" valign="top">Много текста много текста текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много&nbsp;</td>
<td style="width: 210px;" valign="top">Много текста много текста текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много&nbsp;</td>
<td style="width: 210px;" valign="top">Много текста много текста текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много&nbsp;</td>
<td style="width: 211px;" valign="top">Много текста много текста текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много текста&nbsp;много&nbsp;</td>
</tr>
</tbody>
</table>

</div>

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

<table style="height: 218px; ; width: 842px;" border="0" cellspacing="0" cellpadding="5">
<tbody>
<tr>
<td style="width: 172px; height: 218px;" align="left" valign="middle">
<p><a href="#">Ссылка 1</a></p>
<p><a href="#">Ссылка 2</a></p>
<p><a href="#">Ссылка 3</a></p>
</td>
<td style="width: 670px; height: 218px;" align="center" valign="middle">мнооого баннеров</td>
</tr>
</tbody>
</table>

</div>
   </td>
</tr>
<tr height="40">
   <td align="center">
    <div id="menu">
<span alt="#sm1" style="cursor: pointer;"><img src="http://forumstatic.ru/files/0013/76/05/32673.png" alt="Розыск" width="163" height="33" /></span>
<span alt="#sm2" style="cursor: pointer;"><img src="http://forumstatic.ru/files/0013/76/05/26515.png" alt="Навигация" width="163" height="33" /></span>
<span alt="#sm3" style="cursor: pointer;"><img src="http://forumstatic.ru/files/0013/76/05/78277.png" alt="Главная" width="163" height="33" /></span>
<span alt="#sm4" style="cursor: pointer;"><img src="http://forumstatic.ru/files/0013/76/05/82914.png" alt="ГорВест" width="163" height="33" /></span>
<span alt="#sm5" style="cursor: pointer;"><img src="http://forumstatic.ru/files/0013/76/05/82740.png" alt="Реклама" width="163" height="33" /></span>
    </div>
   </td>
  </tr>
 </tbody>
</table></center>

Отредактировано 4eshir (Пн, 26 Окт 2015 00:33:09)

Поделиться44Пн, 26 Окт 2015 21:54:22

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

4eshir
Мне трудно понять что Вы желаете, поэтому заскриншотьте форум и поправьте-нарисуйте в ФШ так как Вам нужно и выложите нужные Вам итоговые эскизы каждой вкладки таблицы подобно как сделал юзер при запросе таблицы до поста 37
Попробую нарисовать код согласно Вашим итоговым эскизам по каждой вкладке
================================
Всё - я их увидел, просто не нужно было скрывать под спойлер

Поделиться45Пн, 26 Окт 2015 22:25:55

Автор: 4eshir
Заслуженный
Зарегистрирован: Вт, 22 Дек 2009
Сообщений: 16
Уважение: 0
Позитив: +1
Последний визит:
Сб, 15 Окт 2016 13:16:05

Deff
Спасибо! Буду очень ждать.

ЗЫ Под спойлерами эскизы, картинки, и код. В коде готовая разметка контейнеров и актуальные ссылки на картинки.

Отредактировано 4eshir (Пн, 26 Окт 2015 22:26:06)

Поделиться46Вт, 27 Окт 2015 15:40:09

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

4eshir
В Объявление:

Код:

<style>
#myTable,
#myTable tr,
#myTable td {
  margin:0;
  padding:0;
  border:0 none;
  border-collapse:collapse;
}
div.Kn {
  display:inline-block;
  cursor:pointer;
  height:33px;
  width:163px;
  margin:0 1px;
  background:url(http://forumstatic.ru/files/0013/76/05/51228.jpg) center no-repeat;
}
div.Kn.active {
  background-image:url(http://forumstatic.ru/files/0013/76/05/10508.png);
}
div.Kn:hover {
  opacity:0.4;
}
#myTable .cont {
  position:relative;
  background:url(http://forumstatic.ru/files/0013/76/05/74871.jpg) no-repeat;
  height:218px;
}
div.tab {
  vertical-align:top;
  height:218px;
  display:none;
  position:relative;
  overflow:hidden;
}
div.cnt {
  vertical-align:middle;
  border-collapse:collapse;
  display:inline-block;
  margin:0;padding:8px;
  box-sizing:border-box;
  overflow-y:auto;
  overflow-x:hidden;
}
.a {
  border-left:dashed rgba(150,123,71,.7) 1px;
}
.b {
  border-bottom:dashed rgba(150,123,71,.7) 1px;
}
.c {
  border-right:dashed rgba(150,123,71,.7) 1px;
}
</style>
<table id="myTable" style="margin-top:12px;width:842px;margin-left:-2px;">
<tr class="cont">
  <td>

<!-- Контент Первой Вкладки--><div class="tab">
<!-- левый блок --><div class="cnt b" style="width:66%;height:39%;">

</div>
<!-- правый блок --><div class="cnt a" style="width:34%;height:100%;float:right;">
sadfdsfsdf sadfdsfsdf sadfdsfsdf
</div>
<!-- нижний левый блок --><div class="cnt" style="width:66%;height:60%;">

</div>
<!-- //Еnd//контент Первой Вкладки--></div>



<!-- Контент Второй Вкладки--><div class="tab">
<!-- левый блок --><div class="cnt c" style="width:37%;height:100%;">

</div>
<!-- средний блок --><div class="cnt c" style="width:25%;height:100%;">

</div>
<!-- правый блок --><div class="cnt" style="width:37%;height:100%;">
sadfdsfsdf sadfdsfsdf sadfdsfsdf
</div>
<!-- //Еnd//Контент Второй Вкладки--></div>



<!-- Контент Третьей Вкладки--><div class="tab">
<!-- левый блок --><div align="center" class="cnt" style="width:31%;height:100%;">

</div>
<!-- средний блок --><div class="cnt" style="width:38%;height:100%;">
      <img src="http://forumstatic.ru/files/0013/76/05/77079.jpg" style="height:210px;margin:-4px 0">
</div>
<!-- правый блок --><div align="center" class="cnt" style="width:30%;height:100%;">
sadfdsfsdf sadfdsfsdf sadfdsfsdf
</div>
<!-- //Еnd//Контент Третьей Вкладки--></div>



<!-- Контент Четвёртой Вкладки--><div class="tab">
<!-- первый блок --><div class="cnt c" style="width:25%;height:100%;">
sdfsdfsdf ewerwer
</div>
<!-- второй блок --><div class="cnt c" style="width:25%;height:100%;">
</div>
<!-- третий блок --><div class="cnt c" style="width:24%;height:100%;">

</div>
<!-- четвёртый блок --><div class="cnt" style="width:24%;height:100%;">
sadfdsfsdf sadfdsfsdf sadfdsfsdf
</div>
<!-- //Еnd//Контент Четвёртой Вкладки--></div>


<!-- Контент Пятой Вкладки--><div class="tab">
<!-- первый блок --><div  align="center" class="cnt c" style="width:19%;height:100%;">
sdfsdfsdf ewerwer
</div>
<!-- второй блок --><div class="cnt" style="width:80%;height:100%;">
sdfsdfsdf ewerwer
</div>
<!-- //Еnd//Контент Пятой Вкладки--></div>

  </td>
</tr>
<tr>
  <td>
<div class=Kn a-1><img src="http://forumstatic.ru/files/0013/76/05/32673.png"></div>
<div class=Kn a-2><img src="http://forumstatic.ru/files/0013/76/05/26515.png"></div>
<div class=Kn a-3><img src="http://forumstatic.ru/files/0013/76/05/78277.png"></div>
<div class=Kn a-4><img src="http://forumstatic.ru/files/0013/76/05/82914.png"></div>
<div class=Kn a-5><img src="http://forumstatic.ru/files/0013/76/05/82740.png"></div>
  </td>
</tr>
</table>
<script type="text/javascript">
 $('.Kn').eq(0).addClass('active');
 $('.tab').eq(0).show();    

 $('.Kn').click(function(){
     $('.Kn').removeClass('active');
     $(this).addClass('active');
     var num = $('.Kn').index(this);
     $('.tab').hide().eq(num).show();
 });
 </script>

Поделиться47Ср, 28 Окт 2015 01:05:10

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

4eshir
Гм, поправьте скрипт в объяве (упустил что скрины кнопок не по порядку)

<script type="text/javascript">
$('.Kn').eq(2).addClass('active');
$('.tab').eq(2).show();

$('.Kn').click(function(){
$('.Kn').removeClass('active');
$(this).addClass('active');
var num = $('.Kn').index(this);
$('.tab').hide().eq(num).show();
});
</script>

Поделиться48Ср, 28 Окт 2015 02:12:56

Автор: 4eshir
Заслуженный
Зарегистрирован: Вт, 22 Дек 2009
Сообщений: 16
Уважение: 0
Позитив: +1
Последний визит:
Сб, 15 Окт 2016 13:16:05

Deff
Спасибо большое! Поставил, протестил - все супер!
Зы Поправка очень в тему, как раз собирался спросить об этом)

Поделиться49Вт, 10 Ноя 2015 09:41:14

Автор: Nubia
Заслуженный
Зарегистрирован: Вс, 16 Июн 2013
Сообщений: 148
Уважение: +12
Позитив: +19
Пол: Женский
Последний визит:
Вс, 10 Ноя 2019 14:02:14

Доброго дня!
Требуется простая табличка, надеюсь на вашу помощь))
1) Эскиз
2) Ссылка на ваш форум -http://perfectkillers.rusff.ru/
3) Без видимых границ, примерная ширина и высота- 800х300px. Без прокруток.
Ссылки в середине с однородным фоном за ними(один цвет), кликабельные картинки отмечены Х- АМС и Активисты-примерно 50х50px, Лучший игрок и лучший пост примерно 150х60px.

Поделиться50Пн, 30 Ноя 2015 22:21:31

Автор: ЛаскаКВ
Заслуженный
Зарегистрирован: Сб, 1 Июн 2013
Сообщений: 282
Уважение: +34
Позитив: +36
Последний визит:
Чт, 5 Янв 2017 15:45:43

1) Эскиз

2) Ссылка на ваш форум
http://dnlg.rolevaya.ru
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.
Прокрутка в "новости" :3 остальные ячейки желательно чтобы растягивались в длину.
Цвета: любые оттенки серого, темно-бирюзового и т.д...

Поделиться51Вт, 1 Дек 2015 02:16:30

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

ЛаскаКВ

Код:

<style type="text/css">
#my-table td {
  padding:0;
  overflow:hidden;
  border:1px solid #000000;
  border-radius:15px;
  background-color:#C3C3C3;
  position:relative;
  height:200px;
}
#my-table .block{
  overflow-x:hidden;
  overflow-y:auto;
}
#my-table h1 {
  padding:8px 0;
  border-radius:15px 15px 0 0;
  text-align:center;
  font: normal normal 700 15px/normal Verdana;
  text-transform:uppercase;
  background-color:#54A9AB;
}
#my-table .block + h1 {
  border-radius: 0 0 0 0!important;
}
.avva img {
  border-radius:50%;
  border:3px solid #54A9AB;
  max-width:85px;
  height:auto;
  margin:3px;
}
</style>
<table id="my-table" width="100%" style="table-layout:fixed">
    <tr align=center valign=top>
        <td>
<!-- Левый блок -->
<h1>ССЫЛКИ</h1>
<div class="block">
<pre>
....



</pre>
</div>
<h1>AMC</h1>
<div class="block">
<pre>
....
</pre>
</div>
        </td>
        <td width=55%>
<!-- Центральный блок -->
<h1>НОВОСТИ</h1>
<div class="block" style="height:100%">
<pre>
....


</pre>
</div>
        </td>
        <td>
<!-- Правый блок -->
<h1>ЧТО_ТО</h1>
<div class="block">
<pre>
....



</pre>
</div>
<h1>ЕЩЁ</h1>
<div class="block">
<pre>
....
</pre>
</div>
        </td>
    </tr>
</table>
<table  width="100%" style="table-layout:fixed">
    <tr>
    <td  align=center class="avva">
<!-- AВАТАРКИ -->
<a href="/profile.php?id=31231"><img src="http://forumavatars.ru/img/avatars/0000/14/1c/31231-1394038276.jpg"></a>
<a href="/profile.php?id=31231"><img src="http://forumavatars.ru/img/avatars/0000/14/1c/31231-1394038276.jpg"></a>
<a href="/profile.php?id=31231"><img src="http://forumavatars.ru/img/avatars/0000/14/1c/31231-1394038276.jpg"></a>
    </td>
    </tr>
</table>

Поделиться52Вт, 1 Дек 2015 21:57:07

Автор: ЛаскаКВ
Заслуженный
Зарегистрирован: Сб, 1 Июн 2013
Сообщений: 282
Уважение: +34
Позитив: +36
Последний визит:
Чт, 5 Янв 2017 15:45:43

Deff
Спасибо Вам :3
А можно сделать везде прокрутку? Чтобы ширина самой таблы оставалась одной и той же. А то я что-то погорячилась .о.

Поделиться53Вт, 1 Дек 2015 22:29:16

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

ЛаскаКВ
Выставляйте в нужных блоках высоту в пикселах

<div class="block" style="height:XXXpx">

Поделиться54Ср, 2 Дек 2015 14:40:09

Автор: ЛаскаКВ
Заслуженный
Зарегистрирован: Сб, 1 Июн 2013
Сообщений: 282
Уважение: +34
Позитив: +36
Последний визит:
Чт, 5 Янв 2017 15:45:43

Deff
спасибо)

Поделиться55Ср, 2 Дек 2015 15:13:22

Автор: ЛаскаКВ
Заслуженный
Зарегистрирован: Сб, 1 Июн 2013
Сообщений: 282
Уважение: +34
Позитив: +36
Последний визит:
Чт, 5 Янв 2017 15:45:43

Deff

у меня постоянно обрезана половина текста.( я пробовала увеличивать ширину, но ничего не меняется.

Поделиться56Ср, 16 Дек 2015 09:57:09

Автор: tiger_roman
Заслуженный
Зарегистрирован: Ср, 26 Июн 2013
Сообщений: 368
Уважение: +11
Позитив: +55
Последний визит:
Сб, 13 Июл 2024 14:53:25

Здравствуйте.
Помогите, пожалуйста, собрать простенькую таблицу с кнопками по такому макету:

Макет

Где цифры слева - это кнопки, при нажатии на которые открывается правый контент. Кнопок 31, да, но я не прошу прописывать код для каждой кнопки: просто покажите мне, как сделать первые два столбца, а дальше я сам. На каждой строке 7 кнопок.
Размер таблицы 950х650.
Ширина левого столбца 341.

Исходники

ФОН

КНОПКИ

Поделиться57Ср, 16 Дек 2015 13:47:14

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

ЛаскаКВ написал(а):

у меня постоянно обрезана половина текста.( я пробовала увеличивать ширину, но ничего не меняется.

Дайте ссылку на попытку установки таблицы

Поделиться58Сб, 30 Янв 2016 22:04:20

Автор: Sveta333
Заслуженный
Зарегистрирован: Сб, 23 Янв 2016
Сообщений: 11
Уважение: 0
Позитив: 0
Последний визит:
Вс, 9 Июл 2017 13:49:23

1) Эскиз вашей будущей таблицы, сделанный в любом графическом редакторе (Пэинт, Фотошоп и т.д.) - обязательно!

эскиз

2) Ссылка на ваш форум !Заказы без ссылок приниматься не будут!
http://cwpsp.mybb.ru/

3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.
Заказы типа "Сделайте: Как там!" также приниматься не будут. Потрудитесь нарисовать макет таблицы самостоятельно.
И помните, чем подробнее опишите то, что нужно, тем точнее получите результат.

В разделе "В игре" я провела линии, чтобы различать, что к чему. Вообще их не должно быть.
Прокрутки в разделе "Новости" и "Баннеры и партнеры".
Еще хочу, чтобы где подписано "актив" рамочки были золотые.

Отредактировано Sveta333 (Пн, 1 Фев 2016 13:06:01)

Поделиться59Вс, 31 Янв 2016 20:30:35

Автор: 103
Заслуженный
Зарегистрирован: Вт, 30 Сен 2014
Сообщений: 287
Уважение: +70
Позитив: +64
Предупреждения: 1) Флуд
Последний визит:
Чт, 12 Сен 2024 22:56:20

Sveta333 нужно подкорректировать этот форум, (ошибки при отображении на мониторах с разной диагональю)
добавить выдвижную панель по левому краю, ну и кнопки плавной прокрутки по правому краю

Поделиться60Пн, 1 Фев 2016 11:55:35

Автор: Sveta333
Заслуженный
Зарегистрирован: Сб, 23 Янв 2016
Сообщений: 11
Уважение: 0
Позитив: 0
Последний визит:
Вс, 9 Июл 2017 13:49:23

103

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

Sveta333 нужно подкорректировать этот форум, (ошибки при отображении на мониторах с разной диагональю)
добавить выдвижную панель по левому краю, ну и кнопки плавной прокрутки по правому краю

Сделала. Только понятия не имею как поправить диагональ (я чайник).

Тема закрыта

Страница: « 1 2 3 4 5 … 12 »

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

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

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

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

Таблицы на заказ (16)

Сообщений 41 страница 60 из 238

Поделиться1Сб, 7 Фев 2015 15:52:02

Поделиться41Сб, 24 Окт 2015 00:11:10

Поделиться42Сб, 24 Окт 2015 14:05:59

Поделиться43Пн, 26 Окт 2015 00:30:46

Поделиться44Пн, 26 Окт 2015 21:54:22

Поделиться45Пн, 26 Окт 2015 22:25:55

Поделиться46Вт, 27 Окт 2015 15:40:09

Поделиться47Ср, 28 Окт 2015 01:05:10

Поделиться48Ср, 28 Окт 2015 02:12:56

Поделиться49Вт, 10 Ноя 2015 09:41:14

Поделиться50Пн, 30 Ноя 2015 22:21:31

Поделиться51Вт, 1 Дек 2015 02:16:30

Поделиться52Вт, 1 Дек 2015 21:57:07

Поделиться53Вт, 1 Дек 2015 22:29:16

Поделиться54Ср, 2 Дек 2015 14:40:09

Поделиться55Ср, 2 Дек 2015 15:13:22

Поделиться56Ср, 16 Дек 2015 09:57:09

Поделиться57Ср, 16 Дек 2015 13:47:14

Поделиться58Сб, 30 Янв 2016 22:04:20

Поделиться59Вс, 31 Янв 2016 20:30:35

Поделиться60Пн, 1 Фев 2016 11:55:35