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

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

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


Вы здесь » Единый форум поддержки » Архив » Таблицы на заказ (15)


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

Сообщений 781 страница 800 из 1000

1

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

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

Заказы типа "Сделайте: Как там!" также приниматься не будут. Потрудитесь нарисовать макет таблицы самостоятельно.

И помните, чем подробнее опишите то, что нужно, тем точнее получите результат.

+3

781

Remus John Lupin
я ПОСТАВИЛА ТАБЛИЦУ НА ЭТОТ Сайт и у меня она выходит за рамки сайта, как ее уменьшить?
http://cwillysionlife.mybb.ru/

0

782

Всем привет) нужна вот такая табличка

http://s7.uploads.ru/t/mNybM.jpg
http://testmagia.mybb.ru/

0

783

Азазелья

Код:
<center><table height="auto">
 <tr>
   <td colspan="3"><div align="center">Текст1</div></td>
   </tr>
 <tr>
   <td><div align="center">Видео1 </div></td>
   <td><div align="center">Текст2</div></td>
   <td><div align="center">Видео2</div></td>
 </tr>
 <tr>
   <td colspan="3"><div align="center">Текст3</div></td>
   </tr>
</table></center>

0

784

Fover
угу, то что надо) спасибо)

0

785

Fover
э.. пытаюсь увеличить текст, раскрасить а оно все вниз сьезжает... глянь на середину

0

786

Азазелья
А по картинке текст вроде бы начинается самого центра.

Код:
<center><table height="auto">
 <tbody><tr>
   <td colspan="3"><div align="center">Элинор. Этот край населён людьми и гномами.  Золотистые пустынные пески, тенистые многолетние чащи, узкие горные тропы и широкие дороги на равнинах. Ты увидишь всё: от нетронутых лугов и лесов, в которых обитают дикие звери, до обширных полей, возделанных трудолюбивыми фермерами. Ты пройдешь по покрытым пылью веков развалинам Соли-Дора,  в катакомбах под древним городом встретишь загадочных Кристанидов и неуловимых Фантомов, а в подземельях заброшенных шахт найдешь Гоб-Блинор, где правит многомудрый Разва-Гоб Справедливый. При входе в этот город люди и гномы оставляют свое оружие за воротами. Там царит перемирие.</div></td>
   </tr>
 <tr>
   <td><div align="center"><iframe width="560" height="315" src="//www.youtube.com/embed/qv8B-lHXzUg" frameborder="0" allowfullscreen=""></iframe> </div></td>
   <td><b><p>Но, увы, не всё так хорошо в прекрасном мире Элинор. Земли утопают в крови. Война между гномами и людьми длится уже сотни лет.<br>
  Она настолько ужасна, что даже боги Кхадгор и Эквиль отвернулись от людей и гномов, а мирные времена помнят только легенды.</p></b></td>
   <td><div align="center"><iframe width="560" height="315" src="//www.youtube.com/embed/o5MfLaSF4DU" frameborder="0" allowfullscreen=""></iframe></div></td>
 </tr>
 <tr>
   <td colspan="3"><div align="center">Кем будешь ты в мире Элинор?  Бесстрашным воином, или успешным торговцем? А может быть ты захочешь  путешествовать и собрать коллекцию бесценных артефактов? Путь  охотника на диких монстров, для тебя тоже открыт!  Найди СВОЮ дорогу  с опытным наставником который поможет тебе сделать первые шаги и не оступится, к вершине славы и доблести</div></td>
   </tr>
</tbody></table></center>

Отредактировано Fover (Пт, 22 Ноя 2013 18:37:12)

0

787

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

Азазелья
А по картинке текст вроде бы начинается самого центра.

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

0

788

Азазелья
Конечный вариант таблицы выше.

<font color="red"></font> - выделение цветом.
<b>Текст</b> - жирный текст.
<font size="14"></font> - размер текста.

Отредактировано Fover (Пт, 22 Ноя 2013 18:39:12)

0

789

спасибо, все забрала)

0

790

Доброго времени суток. Я опять с очередной проблемой. Мазохист я, да. В общем, пыталась подстроить таблицу на форуме - http://crossotest.rusff.ru - в итоге такие пироги вышли хД мне нужно, чтобы обе колонки были на одном уровне и чтобы три кнопки справа были по центру, а не через черт знает что как вышло у меня @__@
собственно, коды:

HTML-Вверх

<style>
/* Настройки объявления */
#menu {margin: 10; padding: -100px;}

#menu span {
  display: block;
  width: 88px;
  height: 39px;
  margin: 0 auto;
  }

#menu span.bttn_1, #menu span.bttn_2, #menu span.bttn_3, #menu span.bttn_4, #menu span.bttn_1:hover, #menu span.bttn_2:hover, #menu span.bttn_3:hover, #menu span.bttn_4:hover, #menu span.bttn_1.tabactive, #menu span.bttn_2.tabactive, #menu span.bttn_3.tabactive, #menu span.bttn_4.tabactive {
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  }

#menu span.bttn_1 {background-image: url("http://s6.uploads.ru/Ccg97.png");}
#menu span.bttn_2 {background-image: url("http://s7.uploads.ru/RQN6o.png");}
#menu span.bttn_3 {background-image: url("http://s6.uploads.ru/uvWH2.png");}

#menu span.bttn_1:hover, #menu span.bttn_1.tabactive {background-image: url("http://s6.uploads.ru/Ccg97.png");}
#menu span.bttn_2:hover, #menu span.bttn_2.tabactive {background-image: url("http://s7.uploads.ru/RQN6o.png");}
#menu span.bttn_3:hover, #menu span.bttn_3.tabactive {background-image: url("http://s6.uploads.ru/uvWH2.png");}

#submenu {
  width: 290px;
  height: 236px;
  margin: -1px auto 0 auto;
  padding: 0px 0 0 7px;
  }

.submenutext {
  display: none;
  text-align: center;
  width: 300px;
  height: 222px;
  overflow-y: auto;
  }
</style>

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>

Объявление

<!-- Основная таблица -->
<table style="width: 58%; margin-left: 160px; border: none;" cellspacing="0" cellpadding="0">
<tr>
<td style="width: 25%; height: 153px;">
<center><img src="http://s7.uploads.ru/jEQXs.png"/></center>
<div style="width: 217px; height: 153px; margin: 0 auto; padding-top: -100px;">
<div style="width: 84%; height: 153px; text-align: center; overflow-y: auto; margin-left: 9px;">
<!-- Контент левого окна -->

<center>Текст в левой колонке Текст в левой колонке Текст в левой колонке Текст в левой колонке Текст в левой колонке Текст в левой колонке Текст в левой колонке Текст в левой колонке Текст в левой колонке Текст в левой колонке Текст в левой колонке Текст в левой колонке </center>

<!-- Конец контента -->
</div>
</div>
</td>
<td style="width: 55%;">
<!-- Доп. таблица с вкладками -->
<table style="width: 80%; border: none;" cellpadding="0" cellspacing="0">
<tbody>
  <tr>
   <td>
    <div id="menu">
<!-- Кнопки -->
<center><table style="border: none;" cellpadding="0" cellspacing="0">
<tr>
<td><span class="bttn_1" alt="#sm1" style="cursor: pointer;"></span></td>
<td><span class="bttn_2" alt="#sm2" style="cursor: pointer;"></span></td>
<td><span class="bttn_3" alt="#sm3" style="cursor: pointer;"></span></td>
<td><span class="bttn_4" alt="#sm4" style="cursor: pointer;"></span></td>
</tr>
</table></center>
<!-- Конец кнопок -->
    </div>
   </td>
</tr>
<tr>
   <td id="MenuTxT">
    <div id="submenu">
     <div id="sm1" class="submenutext" style="display:block;">
<!-- Контент первой вкладки -->

Новости форума

<!-- Конец контента -->
</div>
     <div id="sm2" class="submenutext">
<!-- Контент второй вкладки -->

В игре

<!-- Конец контента -->
</div>
     <div id="sm3" class="submenutext">
<!-- Контент третьей вкладки -->

Активисты форума

<!-- Конец контента -->
</div>
</div>
</td>
</tr>
</tbody>
</table>
<!-- Конец доп. таблицы -->
</td>
</tr>
</table>
<!-- Конец основной таблицы -->

Отредактировано Штольц (Сб, 23 Ноя 2013 03:28:57)

0

791

Хотелаь бы узнать а как скоро я получу свою таблицу пост 767

0

792

Штольц, здравствуйте  http://mybb.ru/f/collection/0229.gif

Подсказка

обновляем кусок в html-верх:

Код:
<style>
/* Настройки объявления */
#menu {margin: 0; padding: 0px;}

#menu span {
  display: block;
  width: 65px;
  height: 25px;
  margin: 0 auto;
  }

#menu span.bttn_1, #menu span.bttn_2, #menu span.bttn_3, #menu span.bttn_4, #menu span.bttn_1:hover, #menu span.bttn_2:hover, #menu span.bttn_3:hover, #menu span.bttn_4:hover, #menu span.bttn_1.tabactive, #menu span.bttn_2.tabactive, #menu span.bttn_3.tabactive, #menu span.bttn_4.tabactive {
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  }

#menu span.bttn_1 {background-image: url("http://s6.uploads.ru/Ccg97.png");}
#menu span.bttn_2 {background-image: url("http://s7.uploads.ru/RQN6o.png");}
#menu span.bttn_3 {background-image: url("http://s6.uploads.ru/uvWH2.png");}

#menu span.bttn_1:hover, #menu span.bttn_1.tabactive {background-image: url("http://s6.uploads.ru/Ccg97.png");}
#menu span.bttn_2:hover, #menu span.bttn_2.tabactive {background-image: url("http://s7.uploads.ru/RQN6o.png");}
#menu span.bttn_3:hover, #menu span.bttn_3.tabactive {background-image: url("http://s6.uploads.ru/uvWH2.png");}


#submenu {
  width: 295px;
  height: 135px;
  margin: 0px auto 0 auto;
  padding: 5px;
  }

.submenutext {
  display: none;
  text-align: center;
  width: 295px;
  height: 135px;
  overflow-y: auto;
  }
</style>

И объявление:

Код:
<!-- Основная таблица -->
<table style="width: 535px; height: 174px; margin-left: 175px; margin-top: 5px; border: none;" cellspacing="0" cellpadding="0">
<tr>
<td style="width: 50%;" valign="top">
<center><img src="http://s7.uploads.ru/jEQXs.png"/></center>
<div style="width: 94%; height: 125px; text-align: center; overflow-y: auto; margin: 0 auto;">
<!-- Контент левого окна -->


Текст в левой колонке Текст в левой колонке Текст в левой колонке Текст в левой колонке Текст в левой колонке Текст в левой колонке Текст в левой колонке 
Текст в левой колонке Текст в левой колонке Текст в левой колонке Текст в левой колонке Текст в левой колонке Текст в левой колонке Текст в левой колонке
Текст в левой колонке Текст в левой колонке Текст в левой колонке Текст в левой колонке Текст в левой колонке Текст в левой колонке Текст в левой колонке 
Текст в левой колонке Текст в левой колонке Текст в левой колонке Текст в левой колонке Текст в левой колонке Текст в левой колонке Текст в левой колонке


<!-- Конец контента -->

</div>
</td>
<td style="width: 50%;" valign="top">
<!-- Доп. таблица с вкладками -->
<table style="width: 100%; border: none;" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td>
    <div id="menu">
<!-- Кнопки -->
<center><table style="border: none;" cellpadding="0" cellspacing="0">
<tr>
<td><span class="bttn_1" alt="#sm1" style="cursor: pointer;"></span></td>
<td><span class="bttn_2" alt="#sm2" style="cursor: pointer;"></span></td>
<td><span class="bttn_3" alt="#sm3" style="cursor: pointer;"></span></td>
</tr>
</table></center>
<!-- Конец кнопок -->
    </div>
   </td>
</tr>
<tr>
   <td id="MenuTxT">
    <div id="submenu"> 
     <div id="sm1" class="submenutext" style="display:block;">
<!-- Контент первой вкладки -->


Новости форума


<!-- Конец контента -->
</div>
     <div id="sm2" class="submenutext">
<!-- Контент второй вкладки -->


В игре


<!-- Конец контента -->
</div>
     <div id="sm3" class="submenutext">
<!-- Контент третьей вкладки -->


Активисты форума


<!-- Конец контента -->
</div>
</div>
</td>
</tr>
</tbody>
</table>
<!-- Конец доп. таблицы -->
</td>
</tr>
</table>
<!-- Конец основной таблицы -->

kolista, здравствуйте. Извиняюсь за задержку, личные проблемы...
Завтра будет время  http://mybb.ru/f/collection/0211.gif

+1

793

Rion Leonheart
и снова Вы меня спасаете хД спасибо большое)

0

794

Rion Leonheart написал(а):

Штольц, здравствуйте  

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

Спасибо

Отредактировано kolista (Ср, 27 Ноя 2013 11:09:10)

0

795

kolista, не совсем понятна задача в последнем - пятом - блоке, где при нажатии на аватар появляется возможность написать ЛС выбранному администратору/модератору.
Т.е. просто перенаправляет на страницу с возможностью написать ЛС, или иным путем?

0

796

Rion Leonheart
Ну вот при нажатие внезу  на кнопку Лс открывается форма запалнения  вот  при на жатие на аватарку в таблитцы хочу чтобы открвалась вот такое  на скрине
http://s7.uploads.ru/t/GYByg.png

И хотелось бы спросить а мою тоблицу можно зделать не как в ставку в обевление а как дапалнителное Инфармационое тобло
Скрин http://s6.uploads.ru/t/s4jRp.png

Отредактировано kolista (Ср, 27 Ноя 2013 16:56:11)

0

797

Не актуально

Отредактировано Rizz (Пт, 13 Дек 2013 00:22:12)

0

798

Я снимаю заказ

Отредактировано Душа Волка (Сб, 7 Дек 2013 13:14:34)

0

799

Помогите, пожалуйста, с таблицей :)
1)

Шаблон

http://s7.uploads.ru/i3ETS.png

2) http://adelheid.rusff.ru/

0

800

Здравствуйте, у меня не совсем таблица с нуля, но нужно кое-что иправить и дополнить. Сама я не справлюсь с этим, однозначно. Сейчас только из-за таблицы и не могу поставить новое оформление.  Надеюсь, вы мне поможете...очень надеюсь.
Вот собственно, как в идеале должна выглядеть таблица:
http://s6.uploads.ru/t/yd8Ow.jpg
Ссылка на форум: http://valmontshendu.spybb.ru/   
Ссылка на тестовик: http://darkrose.spybb.ru/

Оба блока должны быть независимы друг от друга. Если нажимаем кнопки "Опрос" "Погода" "Баннеры" и т.д., переключается только маленький правый блок, а левый, с картинками, работает автономно, т.е. просто плавно перелистывает картинки. При желании, можно навести мышку на этот блок, по середине появляются  2 стрелки, которыми можно листать картинки.

вот код, в который можно вставить поправки (на всякий случай):

Код:
<style type="text/css">
#pun-announcement .container {padding-top: 1em}
</style>

<style>

#menu {
margin: 0px;}

#menu span {
padding: 3px 20px 3px 20px;
margin: 0px 15px;
width: 100px;}

#shine:hover{background: #999; color: #fff;}

#menu .tabactive {
color: #000;}

#submenu {
padding: 3px;
height: 200px;}

.submenutext {
display: none;
text-align: center;
height: 220px;
width: 90%;}

#menu span, .submenutext {
background-color:
border: 0px solid #000;
border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;}

.fsn h3 {
font-weight: bold;
font-size: 12px;
color: #000;
font-family: 'georgia';}
</style>

<center><table class="fsn" style="width: 100%; " border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td style="height: 30px;" align="center">
    <div id="menu">
<span alt="#sm1" style="cursor: pointer;" id="shine">Новости</span>
<span alt="#sm2" style="cursor: pointer;" id="shine">Погода</span>
<span alt="#sm3" style="cursor: pointer;" id="shine">Опрос</span>
<span alt="#sm4" style="cursor: pointer;" id="shine">Баннеры</span>
    </div>
   </td>
  </tr>
  <tr height="200">
   <td id="MenuTxT" align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<center><table style="margin-top: 1px; width: 98%; height: 198px;">
<tr>
<td style="width: 60%;" align="center">

<img src="ссылка на картинку">

</td>
<td style="width: 40%; border: 0px solid #000;" align="center">

<h3>Новости</h3>

<div style="width: 99%; height: 170px; border-top: 0px solid #000; overflow-y: auto;">

текст текст текст текст

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

     <div id="sm2" class="submenutext">
<center><table style="margin-top: 1px; width: 98%; height: 198px;">
<tr>
<td style="width: 60%;" align="center">

<img src="ссылка на картинку">

</td>
<td style="width: 40%; border: 0px solid #000;" align="center">

<h3>На форуме<h3>

<div style="width: 99%; height: 170px; border-top: 0px solid #000; overflow-y: auto;">

текст текст текст текст

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

     <div id="sm3" class="submenutext">
<center><table style="margin-top: 1px; width: 98%; height: 198px;">
<tr>
<td style="width: 60%;" align="center">

<img src="ссылка на картинку">

</td>
<td style="width: 40%; border: 0px solid #000;" align="center">

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

     <div id="sm4" class="submenutext">
<center><table style="margin-top: 1px; width: 98%; height: 198px;">
<tr>
<td style="width: 60%;" align="center">

<img src="ссылка на картинку">

</td>
<td style="width: 40%; border: 0px solid #000;" align="center">

<h3>Реклама</h3>

<div style="width: 99%; height: 76px; border-top: 0px solid #000; border-bottom: 0px solid #000; overflow-y: auto;">

текст текст текст текст

</div>

<h3>Баннеры</h3>

<div style="width: 99%; height: 76px; border-top: 0px solid #000; overflow-y: auto;">

баннеры баннеры баннеры баннеры

</div>
</td>
</tr>
</table></center>
</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>

Отредактировано Thedarkhand (Чт, 5 Дек 2013 19:23:47)

0


Вы здесь » Единый форум поддержки » Архив » Таблицы на заказ (15)