Зефир

Объявление

Новое
● Голосование "Сахарная Вата. Декабрь-январь.".

Новое
● Подведены итоги. "Новый Год с Зефиром".

● А также открыт новый конкурс, с мандаринками и елочными ветками. "Дед Мороз всея Зефира" желает побродить по форумам и оценить самую красивую рекламу и самый волшебный зимний дизайн. Спешите участвовать!

● Мы дополнили наш конкурс сладостей, и теперь "Сладкая Вата" продлена до января. Самое время рассказать каталогу свою новогоднюю сказку! Принимаются также работы и осенней тематики.

● ГОЛОСОВАНИЕ. ВЫБИРАЕМ ЛУЧШИЙ ДИЗАЙН И РЕКЛАМУ.

● Зефир в поисках писателей! Ждем с нетерпением в наборе персонала.

● Уже совсем скоро! "Сладкая Вата. Ноябрь"

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

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Зефир » Все для работы с кодами » Нужна таблица.


Нужна таблица.

Сообщений 1 страница 30 из 34

1

Если вам необходима таблица на форум, можете обратиться в эту тему. Правил всего два, и они несложные:
1. Обаятельна ссылка на тестовик/чистовик, если у вас проблема с:
   - Позиционированием тех или иных элементов;
   - Настройкой таблицы;
   - Заполнением информации;
   - Подгонкой таблицы под дизайн.

2. Наличие эскиза с подробным указанием, что и где, если:
   - Вы хотите таблицу с ноля;
   - Вы хотите таблицу "как там" (ссылка "там" прилагается) с описанием изменений.

Помогает любой желающий.

0

2

Добрый день, нужна простая таблица без лишних заморочек и дизайнерских изысков с ноля.

такого плана

http://s6.uploads.ru/t/klxuG.jpg

Кто возьмется сделать бесплатно, свяжитесь со мной через icq или вконтакте, я скину картинки для аватарок админов, их описания и ссылки на темы в навигацию.

связь

https://vk.com/justdias
694227454 - аська

0

3

Zakazchik59, взял, написал


таблица готова

Отредактировано Майк (2016-08-26 19:38:57)

+1

4

Здравствуйте.
Нужна таблица, как на этом форуме: http://tmntshellshock.ru/
Связаться со мной можно через скайп - museart2
Ведь можно бесплатную таблицу, правда?

Отредактировано justify (2016-08-26 17:57:38)

0

5

justify, нужно. Таблицы пишутся бесплатно.
Наполнение таблицы? Названия вкладок оставить прежними (инфо, игра, ссылки и т.д.)?

0

6

Стрибог, названия вкладок: инфо | новости | амс | баннеры | партнёры

0

7

Вставлять в объявление единым куском.

Код:
<center><table style="width: 850px" id="tablean">
 <tbody>
  <tr>
   <td valign=top>
    <div id="menu"> <b>
<span alt="#sm1" style="cursor: pointer;">и н ф о</span>
<span alt="#sm2" style="cursor: pointer;">н о в о с т и</span>
<span alt="#sm3" style="cursor: pointer;">а м с</span>
<span alt="#sm4" style="cursor: pointer;">б а н н е р ы</span>
<span alt="#sm5" style="cursor: pointer;">п а р т н е р ы</span>
           </b>
    </div>
</tr>
<tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;"><br><br><br><br>

<div style="overflow: auto;overflow-x: hidden;height: 233px;padding-left:10px;padding-bottom: 10px;padding-top: 10px;">
C# (произносится си шарп) — объектно-ориентированный язык программирования. Разработан в 1998—2001 годах группой инженеров под руководством Андерса Хейлсберга в компании Microsoft как язык разработки приложений для платформы Microsoft .NET Framework и впоследствии был стандартизирован как ECMA-334 и ISO/IEC 23270.
<br><br>
C# относится к семье языков с C-подобным синтаксисом, из них его синтаксис наиболее близок к C++ и Java. Язык имеет статическую типизацию, поддерживает полиморфизм, перегрузку операторов (в том числе операторов явного и неявного приведения типа), делегаты, атрибуты, события, свойства, обобщённые типы и методы, итераторы, анонимные функции с поддержкой замыканий, LINQ, исключения, комментарии в формате XML.
<br><br>
Переняв многое от своих предшественников — языков C++, Pascal, Модула, Smalltalk и, в особенности, Java — С#, опираясь на практику их использования, исключает некоторые модели, зарекомендовавшие себя как проблематичные при разработке программных систем, например, C# в отличие от C++ не поддерживает множественное наследование классов (между тем допускается множественное наследование интерфейсов).
<br><br>
C# разрабатывался как язык программирования прикладного уровня для CLR и, как таковой, зависит, прежде всего, от возможностей самой CLR. Это касается, прежде всего, системы типов C#, которая отражает BCL. Присутствие или отсутствие тех или иных выразительных особенностей языка диктуется тем, может ли конкретная языковая особенность быть транслирована в соответствующие конструкции CLR. Так, с развитием CLR от версии 1.1 к 2.0 значительно обогатился и сам C#; подобного взаимодействия следует ожидать и в дальнейшем (однако, эта закономерность была нарушена с выходом C# 3.0, представляющего собой расширения языка, не опирающиеся на расширения платформы .NET). CLR предоставляет C#, как и всем другим .NET-ориентированным языкам, многие возможности, которых лишены «классические» языки программирования. Например, Сборка мусора не реализована в самом C#, а производится CLR для программ, написанных на C# точно так же, как это делается для программ на VB.NET, J# и др.
<br><br>
Название «Си шарп» (от англ. sharp — диез) происходит от музыкальной нотации, где знак диез означает повышение соответствующего ноте звука на полутон[4], что аналогично названию языка C++, где «++» обозначает инкремент переменной. Название также является игрой с цепочкой C → C++ → C++++(C#), так как символ «#» можно составить из 4 знаков «+».[5]
    </div>
</div>

<!--новости -->
     <div id="sm2" class="submenutext"><br><br><br><br>
<div style="overflow: auto;overflow-x: hidden;height: 233px;padding-left:10px;padding-bottom: 10px;padding-top: 10px;">

Контент два
    </div>
</div>

<!-- амс-->
     <div id="sm3" class="submenutext"><br><br><br><br>
<div style="height: 233px;padding-left:10px;padding-bottom: 10px;padding-top: 10px;">

Контент 3
    </div>
</div>

<!-- баннеры-->
     <div id="sm4" class="submenutext"><br><br><br><br>
<div style="overflow: auto;overflow-x: hidden;height: 233px;padding-left:10px;padding-bottom: 10px;padding-top: 10px;">

Контент 4
    </div>

</div>

<!--партнеры-->
     <div id="sm5" class="submenutext"><br><br><br><br>
<div style="overflow: auto;overflow-x: hidden;height: 233px;padding-left:10px;padding-bottom: 10px;padding-top: 10px;">

Текст пять
    </div>

</div>

</div>


 </div>    

</div>
   </td>
</tr>
 </tbody>
</table></center>

<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>
#tablean {
}

#menu {text-align: center; 
margin-top:0px;
}

#menu span {
text-decoration: none;
margin-top:0px !important;
padding: 0px 10px;
opacity:0.8;
}

#menu .tabactive {
border: none !important;
opacity: 1.0;
}

#submenu {
    height: 300px;
    font-size: 11px;
    width: auto;
    margin-top: -55px;
}
</style>

0

8

Стрибог, спасибо и тут http://sa.uploads.ru/qiVDY.png  http://sa.uploads.ru/WYeMS.png

0

9

Взяла последний код. Через неделю. Научусь ставить баннеры. Поставлю ваш баннер. http://sa.uploads.ru/WYeMS.png

0

10

mashenka laymovenka, эээ? я могу помочь

0

11

mashenka laymovenka, не за что, все для вас  http://sa.uploads.ru/YHgFI.png

0

12

кто-то еще может заняться табличкой, или смысла писать нет?..

0

13

зверь, обычно я занимаюсь.

+1

14

зверь, и даже не один ветер может помочь

Отредактировано Майк (2016-11-21 01:51:17)

+1

15

таблица со старого моего форума, но нужны кое-какие изменения ибо когда пытаюсь что-то сварганить самостоятельно, выходит просто адская ахинея

текста слишком м н о г о

ШИРИНА ТАБЛИЦЫ: 820px, ВЫСОТА: 280px
1) макет:

тадам

http://s7.uploads.ru/YUEXa.png
http://s0.uploads.ru/NydCU.png
http://s4.uploads.ru/U9biT.png

кнопки АМС больше не будет, остальные же строго по центру
желательно, чтобы в первой вкладке была хотя бы какая-никакая симметрия (как и в последней), а во второй - ровность
2) исходники:
кнопка: (лишь одна ВО ВСЕХ ТРЕХ, свои позже поставлю сам)
http://s3.uploads.ru/Br38P.png
при нажатии: (снова везде одна, но чтобы была возможность изменить самому на другую)
http://s3.uploads.ru/fODBF.png
фон для всех текстовых блоков:

-

http://sh.uploads.ru/EtTyF.jpg

нужно, чтобы изменялся соответственно по размеру каждого блока автоматически. как-то так
ну и чтоб, разумеется, его, в случае чего, можно было заменить на другой хд
блоки с ссылками и впи-баннерами:
покамест подставьте в оба вот эту картиночку:
http://se.uploads.ru/VTC9b.png
позже подгоню сам
3) небольшие пояснения:
1. картинки "в игре" - любые. главное - одинаковые. свои поставлю позже сам.
либо скажите, какой размер будет для них предпочтителен, потому как я пока что и сам без понятия - впишется ли это в размеры таблицы или нет, - и я сделаю сам
2. ссылки. фон ссылок - #CD853F , цвет текста ссылок - черный

и, под самый конец
хотелось бы, чтобы прямо под таблицей, посередине, были размещены четыре картинки-ссылки
размер: 200 на 70
и опять же, заменю позже сам <:
http://sh.uploads.ru/k7v5u.png
это будет что-то вроде анонсов на пять вечеров, конкурсы и тд. и т.п.

ссылка на форум если нужно

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

0

16

зверь, сейчас потворим.

0

17

зверь
Оттестить тут, не обращая внимания на дизайн.

0

18

Ветруша, ваа, так
почти
я мб как-то неправильно в макете указал, сейчас объясню
центральное поле, где все и вся - не один сплошной блок с фоном.
а два\три\в общем-сколько-указано блока с фоном, отделенных друг от друга. под ними ничего нет, фон форума лишь

пах

http://s2.uploads.ru/rjgJ0.png

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

а так, по-моему, выходит почти как задуманно. извиняюсь, если все же непонятно сделал

0

19

зверь, понял. Отредактирую, правда, завтра, ибо после работы что-то совсем тупой.

0

20

Доброго времени суток. Надеюсь, вы еще работаете в этом направлении  http://sa.uploads.ru/RB7Y2.png
Набросали вот эскиз таблицы.

тык

http://sa.uploads.ru/ISsWw.jpg

Собственно, размер таблички приблизительно 780*230 (назвал условно, потому что не особо силен в вычислении размеров, потом, если что, буду подгонять). Таблица прозрачная без видимых границ. Почти все прямоугольники - это изображения, делать их буду самостоятельно. Нужен сам код таблички с пояснениями, чего и куда. Там, где "текст-текст-текст" - это пустое поле для текста. Навигация - код выпадающего навигатора (прилагаю ниже). Там, где предполагаются физиономии (прямоугольники без надписей) - кликабельные изображения с тем, чтобы показывали еще название ссылки. Надеюсь, объяснил понятно...

навигатор
Код:
<script language='Javascript'> 
function change_sel(url)
{
window.location.href = url;
}
</script> 
<form name='sel'> 
<select name='selector' class='forminput' onchange='change_sel(document.sel.selector.options[document.sel.selector.selectedIndex].value)'> 
  <option value='#'>Навигация</option> 
  <option value='Ссылка1'>Ссылка1</option> 
  <option value='Ссылка2'>Ссылка2</option>
</select> 
</form>

Отредактировано Saint Lilywhite (2016-12-04 20:31:00)

0

21

Saint Lilywhite, еще актуально?

0

22

Майк, так точно)

0

23

Saint Lilywhite, все расписал, ур. экспериментируйте
удачи и хорошего нового года

Код:
<table width='100%'>
  <tr width='100%'> 
    <td width = 50% valign='top'>
      <div class='hTable'>Администрация (название заголовка тут пишете)</div>

      <!-- далее картинка! -->
      <center>
        <a href="ссылка" class="tooltip"><img src="http://ki.ill.in.ua/m/670x450/24131787.jpg" class='imgTable'><span class="top"><b>ник</b><br>описание</span></a>
        <a href="ссылка" class="tooltip"><img src="http://ki.ill.in.ua/m/670x450/24131787.jpg" class='imgTable'><span class="top"><b>ник</b><br>описание</span></a> 
        <a href="ссылка" class="tooltip"><img src="http://ki.ill.in.ua/m/670x450/24131787.jpg" class='imgTable'><span class="top"><b>ник</b><br>описание</span></a>
      </center>

    <!-- блок текста -->
    <div class = 'contentTable'> your text </div>
    
    <!-- навигация -->
    <div class='hTable'>навигация</div>
    <form name='sel'> 
      <select name='selector' class='forminput' onchange='change_sel(document.sel.selector.options[document.sel.selector.selectedIndex].value)'> 
        <option value='#'>Навигация</option> 
        <option value='Ссылка1'>название</option> 
        <option value='Ссылка2'>название</option>
      </select> 
    </form>
    </td>

<!-- вторая половина пошла -->
    <td width = 50% valign='top'>
      <div class='hTable'>Активисты</div>
      <center>
        <a href="ссылка" class="tooltip"><img src="http://ki.ill.in.ua/m/670x450/24131787.jpg" class='imgTable'><span class="top"><b>ник</b><br>описание</span></a>
        <a href="ссылка" class="tooltip"><img src="http://ki.ill.in.ua/m/670x450/24131787.jpg" class='imgTable'><span class="top"><b>ник</b><br>описание</span></a> 
        <a href="ссылка" class="tooltip"><img src="http://ki.ill.in.ua/m/670x450/24131787.jpg" class='imgTable'><span class="top"><b>ник</b><br>описание</span></a>
      </center>

      <div class='hTable'>лучшие</div>
      <center>
        <a href="ссылка" class="tooltip"><img src="http://ki.ill.in.ua/m/670x450/24131787.jpg" class='imgTable'><span class="top"><b>ник</b><br>описание</span></a>
        <a href="ссылка" class="tooltip"><img src="http://ki.ill.in.ua/m/670x450/24131787.jpg" class='imgTable'><span class="top"><b>ник</b><br>описание</span></a> 
        <a href="ссылка" class="tooltip"><img src="http://ki.ill.in.ua/m/670x450/24131787.jpg" class='imgTable'><span class="top"><b>ник</b><br>описание</span></a>
      </center>

      <div class='hTable'>розыск</div>
      <center>
        <a href="ссылка" class="tooltip"><img src="http://ki.ill.in.ua/m/670x450/24131787.jpg" class='imgTable'><span class="top"><b>ник</b><br>описание</span></a>
        <a href="ссылка" class="tooltip"><img src="http://ki.ill.in.ua/m/670x450/24131787.jpg" class='imgTable'><span class="top"><b>ник</b><br>описание</span></a> 
        <a href="ссылка" class="tooltip"><img src="http://ki.ill.in.ua/m/670x450/24131787.jpg" class='imgTable'><span class="top"><b>ник</b><br>описание</span></a>
      </center>
    </td>
  </tr>
</table>




<style>
/* оформление заголовков */
.hTable {
  text-align: center; /* позиционирование надписи */
  font-family: 'Arial'; /* если специфичный шрифт - ставите тут. если нет, то удаляете пункт. аналогично далее */ 
  font-size: 14px; /* размер шрифта */
  text-transform: uppercase; /* если нужен капс, то uppercase, если нужны все мелкие, то lowercase, иначе удалить */
  font-weight: bold; /* толщина шрифта */
  text-decoration: underline; /* подчеркнутость */
  font-style: italic; /* наклонность шрифта */
}


/* оформление картинки-аватара */
.imgTable {
  width: 50px; /* автоматически присваиваемая ширина */
  height: 50px; /* и высота. чтобы не было искривления, выберите одно */
  border: solid; /* тип рамки, в данном случае solid - сплошная, одной линией */
  border-width: 1px 2px 3px 4px; /* ширина рамки для каждой стороны. можно один раз ввести число, тогда для всех сторон */
  border-color: #000; 
}


/* оформление блока основного текста */
.contentTable {
  padding: 5px; 
  text-align: justify;
  max-height: 200px; /* максимальная высота блока текста. если текста не хватит до этого лвла, то под ним не будет пустот */
  overflow: auto; /* прокрутка */
  /* также можете сюда пихнуть оформление текста какое */
}


/* большущее оформление всплывающей панели-подсказки */
.tooltip {
  border: none; 
  text-decoration: none;
  position: relative;}
.tooltip span {
  margin-left: -999em;
  position: absolute;}

.tooltip:hover span {
  position: absolute;
  left: 7px; /* смещение панели при наведении по оси х */
  top: 10px;  /* смешение панели при наведении по оси у */
  z-index: 99;
  margin-left: 0;}

.top {
  z-index: 200;
  position: absolute;
  background-color: rgba(0,0,0,0.7); /* цвет всплывающей подсказки, в данном случае - полупрозрачный черный */
  color: #fff; /* цвет текста в подсказке. также к тексту вы можете применять все вышеперечисленные параметры */ 
  border: none; /* без рамки в данном случае. помимо рамки можете добавить box-shadow или outline */
  padding: 5px; /* отступы от края панели до символа, или внутренние отступы */
  width: 180px; /* ширина панельки */
  text-align: center; /* позиционирование панельки */}
</style>

<!-- скрипт для навигации -->
<script language='Javascript'> 
function change_sel(url)
{
    window.location.href = url;
}
</script>

Отредактировано Майк (2016-12-29 20:19:02)

+1

24

Майк, Вы восхитительны  http://sa.uploads.ru/WYeMS.png

0

25

Здравствуйте. Снова обращаюсь в данный раздел. Кто-то может помочь с написанием таблицы при следующих исходных условиях: есть графическая подложка под таблицу, прописанная в дизайне форума (в шапке), а самого скрипта таблицы нет? Наш дизайнер пропал, немного не закончив работу  http://sa.uploads.ru/WeEKu.png  Нужно, собственно, просто набросать основу скрипта, чтобы таблица правильно отображалась на подложке, а уж заполнение сами сделаем.

Отредактировано Saint Lilywhite (2017-01-09 18:10:23)

0

26

Saint Lilywhite, тестовик и схемку в лс

+1

27

Майк, спасибо за отклик. Отписал в лс. Если возникнут вопросы, пишите, буду на связи  http://sa.uploads.ru/ou370.png

0

28

Saint Lilywhite, выслал

+1

29

хотелось бы заказать таблицу если ещё можно
выглядит вот так

Свернутый текст

http://s7.uploads.ru/t/1YQ9R.png

описание
1 - ссылки
2 - приветствие
3 - в игре или игра
4 - партнеры
хотелось бы отметить, чтобы ссылки были "выплывающими"

0

30

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

хотелось бы отметить, чтобы ссылки были "выплывающими"

поясните (или пример)

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

2 - приветствие
3 - в игре или игра
4 - партнеры

это вкладки таблицы? или же кнопки для всплывающей панели с текстом?

0


Вы здесь » Зефир » Все для работы с кодами » Нужна таблица.


Рейтинг форумов | Создать форум бесплатно © 2007–2017 «QuadroSystems» LLC