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

Поделиться581Сб, 14 Янв 2012 16:52:33

Автор: ganibal
Заслуженный
Зарегистрирован: Ср, 10 Фев 2010
Сообщений: 734
Уважение: +14
Позитив: +46
Пол: Мужской
Последний визит:
Сб, 30 Май 2015 00:33:58

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

Сейчас же вроде нормально смотрится и без этого.

Рион, у меня маленький монитор. Я не знаю как он смотрится на широком. Возможно Объява делит фото на 2/3 штуки. не знаю.

0

Поделиться582Сб, 14 Янв 2012 16:52:48

Автор: Harai
Заслуженный
Зарегистрирован: Вс, 23 Янв 2011
Сообщений: 19
Уважение: 0
Позитив: +2
Последний визит:
Пн, 20 Авг 2012 12:37:00

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

1. картинка каких размеров?

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

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

2. если нижние - кнопки с всплыв. меню, то верхние - просто заголовки - тогда в их наличии какой смысл?

А в верхних информация не всплывает, а просто видна. Без нажатия.

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

3. стрелочка от левой границы до картинки на эскизе - чо означает вообще?

Ээ, ничего. В самом деле, ничего.

0

Поделиться583Сб, 14 Янв 2012 17:07:43

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

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

у меня маленький монитор

Думаешь, у мну больше?

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

Возможно Объява делит фото на 2/3 штуки. не знаю.

И я не знаю. У тебя изо без повторов, ширина фора тож вроде фиксированная. Мну не догоняет, че ты от меня хочешь

0

Поделиться584Сб, 14 Янв 2012 19:07:31

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Кэролайн Джоанн Сандерс,

Код:

<table style="width: 100%; height: 500px; text-align: center;" cellspacing="0" cellpadding="0" border="0">
<tr><td style="width: 30%; border: 1px solid;">
<div style="width: 100%; height: 250px;">


Дата, время, погода


</div><div style="width: 100%; height: 250px; border-top: 1px solid;">


Ссылки


</div></td><td style="width:360px; border: 1px solid; border-left: none!important;" valign="top">


<img width="360" height="340" src="https://forumavatars.ru/img/avatars/0000/14/1c/27405-1316247700.gif"><br/>


<div style="width: 100%; height: 160px; overflow: auto; border-top: 1px solid;">


новости


</div></td><td style="width: 30%; border: 1px solid; border-left: none!important;" valign="top">


Руководство


</td></tr></table>

Harai, чет седня ужо не успеваю - не раньше чем завтра...

Отредактировано Rion Leonheart (Сб, 14 Янв 2012 19:11:13)

0

Поделиться585Сб, 14 Янв 2012 19:17:12

Автор: ganibal
Заслуженный
Зарегистрирован: Ср, 10 Фев 2010
Сообщений: 734
Уважение: +14
Позитив: +46
Пол: Мужской
Последний визит:
Сб, 30 Май 2015 00:33:58

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

И я не знаю. У тебя изо без повторов, ширина фора тож вроде фиксированная. Мну не догоняет, че ты от меня хочешь

Уже ничего.
На большом мониторе Центральную страницу Фон держит.
Вот правда на большом мониторе когда жмешь на кнопку "Таблица", Сама таблица выдавливает правую информационную колонку.

0

Поделиться586Сб, 14 Янв 2012 19:42:04

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

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

Вот правда на большом мониторе когда жмешь на кнопку "Таблица", Сама таблица выдавливает правую информационную колонку.

:dontknow: Нет возможности проверить и пофиксить...

0

Поделиться587Вс, 15 Янв 2012 11:40:48

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Harai, ваша:

Код:

<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
</style>

<table style="width: 100%; height: 400px; text-align: center;" cellpadding="0" cellspacing="0" border="0">

<tr height="35%" valign="top"><td>

Администрация

</td><td>

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

</td><td>

Реклама

</td></tr>

<tr height="50%"><td colspan="3"><img width="100%" height="100%" src="ссылка на картинку"></td></tr>

<tr height="15%"><td colspan="3">

<style>
.splLink {width: 180px; height: 40px; border: 0px solid #FFD700; text-align: center; font-family: Gothic century; font-size: 15px; padding: 5px;}
.splCont {height: auto; width: 260px; background: #D2B48C; padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #D2B48C; font-size: 12px; font-family: Lucida Sans Unicode; text-align: center; 
     border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;}
</style>


<center><table style="width: 90%;" border="0">
<tr align="center">

<td><DIV><div class=splLink>Ссылки</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент ссылок

</DIV></DIV></td>

<td><DIV><div class=splLink>События игры</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент игры

</DIV></DIV></td>

<td><DIV><div class=splLink>Погода</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент погоды

</DIV></DIV></td>

</tr>
</table></center>


<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

</td></tr>

</table>

+1

Поделиться588Вс, 15 Янв 2012 13:41:50

Автор: Ognelap
Заслуженный
Зарегистрирован: Пт, 8 Июл 2011
Сообщений: 7
Уважение: 0
Позитив: 0
Последний визит:
Вс, 11 Мар 2012 16:51:14

Здравствуйте, можете ли вы создать таблицу по такому исходнику ?

Вот что должно быть, ну или что бы я мог написать там что не будь.

Форум :
http://ickazkai.mybb.ru/

Отредактировано Ognelap (Вс, 15 Янв 2012 13:52:45)

0

Поделиться589Вс, 15 Янв 2012 14:23:05

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Ognelap, здравствуйте.
1. Фон слишком яркий: тут либо сам фон нужно упрозрачнивать, либо ваш текст должен быть написан на каком-нибудь полупрозрачном фоне. Красные буквы сливаются - трудночитаемое объявление.
2. Белое полотно вокруг фона будет некрасиво смотреться. Его нужно убирать.
3. Вы можете точно выделить зоны и что конкретно хотите там написать, а не просто два предложения и просьбу - "чтобы я мог чо-то написать там".
Потому что так наугад мну не понимает, что вы точно от меня хотите?
~~html ИИ тож не обладает...~~

Отредактировано Rion Leonheart (Вс, 15 Янв 2012 14:23:46)

0

Поделиться590Вс, 15 Янв 2012 15:56:11

Автор: Ognelap
Заслуженный
Зарегистрирован: Пт, 8 Июл 2011
Сообщений: 7
Уважение: 0
Позитив: 0
Последний визит:
Вс, 11 Мар 2012 16:51:14

Rion Leonheart
Сейчас исправлю)

0

Поделиться591Вс, 15 Янв 2012 16:25:08

Автор: Ognelap
Заслуженный
Зарегистрирован: Пт, 8 Июл 2011
Сообщений: 7
Уважение: 0
Позитив: 0
Последний визит:
Вс, 11 Мар 2012 16:51:14

Вот.
Это как должно всё быть без картинок. Можете сделать подчёркнутый текст ? И не чёрного, а золотисто-яркого цыета. Если будет не видно, то отсалвяйте чёрный.
Если нажать на слово "Навигация" , "Администрация" и т.п, то они будут "выдвигать" информацию. Пример форума : http://minicat.mybb.ru/

Я думаю, что это будет выглядеть так :

0

Поделиться592Вс, 15 Янв 2012 16:59:01

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Ognelap, ладно, скоро займусь...

0

Поделиться593Вс, 15 Янв 2012 17:05:00

Автор: Harai
Заслуженный
Зарегистрирован: Вс, 23 Янв 2011
Сообщений: 19
Уважение: 0
Позитив: +2
Последний визит:
Пн, 20 Авг 2012 12:37:00

Rion Leonheart
Олала, спасибо большое)

0

Поделиться594Вс, 15 Янв 2012 18:07:45

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Ognelap, так пойдет :glasses: :

Код:

<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
</style>

<center>
<table style="width: 486px; height: 413px; text-align: center; background: url(http://savepic.net/2358221.png) center no-repeat; color: #FFFF00;" border="0" cellpadding="0" cellspacing="0">
<tr><td width="130" align="center" valign="bottom">

<style>
.splLink {width: 100px; height: 30px; text-align: center; text-decoration: underline;}
.splCont {height: 250px; width: 291px; padding: 5px; z-index: 1000; margin: -266px 176px; border: 1px solid #D2B48C; text-align: center; background-color: transparent; background-image: url("http://savepic.ru/2408258.png"); color: #000;} 
</style>

<center><table style="width: 100%;">
<tr><td align="center"><DIV><div class=splLink>Администрация</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="width: 100%; height: 250px; overflow: auto;">

Контент администрации

</div></DIV></DIV></td></tr>

<tr><td align="center"><DIV><div class=splLink>Навигация</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="width: 100%; height: 250px; overflow: auto;">

Контент навигации

</div></DIV></DIV></td><tr>

<tr><td align="center"><DIV><div class=splLink>Для гостей</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="width: 100%; height: 250px; overflow: auto;">

Контент для гостей

</div></DIV></DIV></td></tr>

<tr><td align="center"><DIV><div class=splLink>Реклама</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="width: 100%; height: 250px; overflow: auto;">

Контент рекламы

</div></DIV></DIV></td></tr>

<tr><td align="center"><DIV><div class=splLink>Кнопка</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="width: 100%; height: 250px; overflow: auto;">

Контент кнопки

</div></DIV></DIV></td></tr>

</table></center>


<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

</td>
<td width="356" valign="bottom" align="right"><div style="width: 300px; height: 108px; overflow: auto; border: 0px solid #ff0000; text-align: center; margin-bottom: 7px; margin-right: 6px;">
<table style="width: 100%; font-weight: bold;" border="0" cellpadding="0" cellspacing="0"><tr valign="top"><td width="50%">

Объявления

</td><td widht="50%">

Погода

</td></tr></table>

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

0

Поделиться595Вс, 15 Янв 2012 18:36:29

Автор: Ognelap
Заслуженный
Зарегистрирован: Пт, 8 Июл 2011
Сообщений: 7
Уважение: 0
Позитив: 0
Последний визит:
Вс, 11 Мар 2012 16:51:14

Rion Leonheart
Спасибо болшьое !)))

0

Поделиться596Вт, 17 Янв 2012 12:15:43

Автор: lik777
Заслуженный
Зарегистрирован: Ср, 5 Ноя 2008
Сообщений: 65
Уважение: -2
Позитив: +6
Пол: Мужской
Последний визит:
Вт, 28 Янв 2014 21:48:14

Мне нужна таблица на форум: http://good73.7il.ru/pages/heat_online_rus
Вид таблицы примерно такой:
Картинка на заднем фоне:
Картинка в шапке таблицы,широкая картинка: