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

Поделиться601Вт, 17 Янв 2012 19:08:31

Автор: Акина
Заслуженный
Зарегистрирован: Чт, 10 Сен 2009
Сообщений: 211
Уважение: +6
Позитив: +12
Пол: Женский
Последний визит:
Чт, 21 Июн 2012 19:44:42

Здравствуйте. Можете, пожалуйста, установить нам в табличку правильно фон картинкой?
Форум

Код:

<style>
#BagDad{
 background-image:url(http://s018.radikal.ru/i521/1201/d5/4ebf2ccdefa8.png);
 background-position:-200px 0;
}
</style>
	<center><table id=BagDad style="width: 675px; height: 450px;" border="0" cellspacing="0" cellpadding="0">
  <tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;"><br/>

Контент 1-й кнопки

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

Контент 2-й кнопки

</div>
     <div id="sm3" class="submenutext"><br />

Контент 3-й кнопки

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

Контент 4-й кнопки

</div>
    
</div>

<table style="width: 96%; height: 120px; margin-top: 3px; text-align: center;" border="0" cellpadding="0" cellspacing="2">
<tr height="10"><td>

<b>Партнеры</b>

</td></tr>
<tr height="110"><td>

Баннеры

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

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

0

Поделиться602Ср, 18 Янв 2012 06:04:18

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

Акина,

html-верх:

Код:

<style>	
#menu {
width: 154px;
height: 198px;
margin-top: -28px;
margin-right: 7px;}

#menu span {
height: 20px;
font-size: 13px;
text-align: center;
display: block;
margin-bottom: 40px;}

#menu .tabactive {
color: #2662DF;}

#submenu {
margin-top: 57px;
margin-left: 52px;
text-align: center;
font-size: 12px;
width: 360px;}

.submenutext {
display: none; 
height: 205px;}
</style>

Объявление:

Код:

<center><table style="width: 875px; height: 415px; background: url(http://s018.radikal.ru/i505/1201/86/ab9b393ee892.png) top center no-repeat;" border="0" cellspacing="0" cellpadding="0">
  <tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;"><br/>

Контент 1-й кнопки

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

Контент 2-й кнопки

</div>
     <div id="sm3" class="submenutext"><br />

Контент 3-й кнопки

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

Контент 4-й кнопки

</div>
    
</div>

<div style="width: 505px; height: 95px; text-align: center; margin-top: 37px; margin-left: 24px;">

Баннеры

</div>

   </td>
   <td align="right">
    <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>
           </b>
    </div>
   </td>
</tr>
</table></center>

0

Поделиться603Ср, 18 Янв 2012 06:59:13

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

lik777,

Код:

<center><table style="width: 100%; text-align: center; color: #000; font-size: 14px; background: url(http://uploads.ru/i/a/V/U/aVUJT.gif) center no-repeat; border: 1px solid #000;" cellpadding="0" cellspacing="0">

<tr height="20">

<td colspan="3"><marquee height="20" direction="right">

движущийся текст

</marquee></td>

</tr>
<tr>

<td colspan="3">
<style>
.splLink {width: 160px; height: 17px; border: 1px solid #000; border-left: none; text-align: center;}
.splCont {height: auto; width: 200px; background: #fafafa; color: #000!important; padding: 5px; z-index: 1000; margin-top: 5px; border: 1px solid #000; font-size: 12px; text-align: center;}
</style>


<center><table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
<tr align="center" valign="bottom">

<td><DIV><div class=splLink>1</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 1

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

<td><DIV><div class=splLink>2</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 2

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

<td><DIV><div class=splLink>3</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 3

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

<td><DIV><div class=splLink>4</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 4

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

<td><DIV><div class=splLink>5</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 5

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

<td><DIV><div class=splLink>6</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 6

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

<td><DIV><div class=splLink style="border-right: none;">7</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 7

</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>
<tr><td colspan="3"><img width="100%" style="margin-bottom: -4px; margin-top: -8px;" src="https://forumupload.ru/uploads/0007/e7/5a/3228-2-f.jpg"></td></tr>
<tr style="height:900px;">

<td width="18%">
<div style="height:300px;border-right:1px solid #000; border-bottom:1px solid #000;">

Текст или картинка

</div>
<div style="height:300px;border-right:1px solid #000; border-bottom:1px solid #000;">

Текст или картинка

</div>
<div style="height:300px;border-right:1px solid #000;">

Текст или картинка

</div>
</td>

<td width="64%">

Непонятная таблица

</td>
<td width="18%">

<div style="height:350px;border-left:1px solid #000; border-bottom:1px solid #000;">

Скрипт

</div>
<div style="height:350px;border-left:1px solid #000; border-bottom:1px solid #000;">

Скрипт

</div>
<div style="height:200px;border-left:1px solid #000;"><marquee direction="down" height="200" width="100%">

Баннеры

</marquee></div>

</td>

</tr>

</table></center>

+1

Поделиться604Ср, 18 Янв 2012 19:34:10

Автор: Акина
Заслуженный
Зарегистрирован: Чт, 10 Сен 2009
Сообщений: 211
Уважение: +6
Позитив: +12
Пол: Женский
Последний визит:
Чт, 21 Июн 2012 19:44:42

Rion Leonheart
Cпасибо. А скажите тогда, как двигать влево- вправо и вверх, чтобы вот так не было

0

Поделиться605Чт, 19 Янв 2012 06:04:00

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

Акина написал(а):

А скажите тогда, как двигать влево- вправо и вверх, чтобы вот так не было

С ИЕ, Оперы, Мозилы, Хрома:

В чем проблема?

Отредактировано Rion Leonheart (Чт, 19 Янв 2012 20:11:20)

0

Поделиться606Чт, 19 Янв 2012 07:47:02

Автор: .mryoou
Заслуженный
Зарегистрирован: Вс, 11 Сен 2011
Сообщений: 56
Уважение: 0
Позитив: +4
Последний визит:
Вс, 11 Мар 2012 18:53:20

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

В чем проблема?

У меня то же самое. Быть может, это зависит от расширения экрана?

0

Поделиться607Чт, 19 Янв 2012 17:30:30

Автор: Supermadlen
Заслуженный
Зарегистрирован: Ср, 4 Янв 2012
Сообщений: 26
Уважение: 0
Позитив: +2
Пол: Женский
Последний визит:
Вт, 28 Авг 2012 02:22:05

Здравствуйте можно ли в объявлении соорудить вот такое

Перейти на мой форум

Если можно то я подробнее все распишу

Отредактировано Supermadlen (Чт, 19 Янв 2012 17:31:13)

0

Поделиться608Чт, 19 Янв 2012 19:41:55

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

Supermadlen, здравствуйте.

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

можно ли в объявлении соорудить вот такое

Ну эт смотря как будете расписывать. :glasses:

0

Поделиться609Чт, 19 Янв 2012 20:00:34

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51118
Уважение: +15200
Позитив: +11590
Последний визит:
Сегодня 21:17:01

Акина написал(а):

Rion Leonheart
Cпасибо. А скажите тогда, как двигать влево- вправо и вверх, чтобы вот так не было

:glasses: Еще Актуально ?
Подвижка банера тут => Типовые Вопросы п.п.8

0

Поделиться610Чт, 19 Янв 2012 20:08:26

Автор: Акина
Заслуженный
Зарегистрирован: Чт, 10 Сен 2009
Сообщений: 211
Уважение: +6
Позитив: +12
Пол: Женский
Последний визит:
Чт, 21 Июн 2012 19:44:42

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

Подвижка банера тут => Т

Не баннера. Таблицы.

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

Вверх-вниз

Спасибо

0

Поделиться611Чт, 19 Янв 2012 20:14:10

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

Акина, таблица-то ровно стояла... а ваш баннер... сдвиг дважды прописан во втором окне стиля, а в первом его ширина свернута до немыслимых размеров.

Сча начали двигать текст на кнопках - поползло вниз.

Отредактировано Rion Leonheart (Чт, 19 Янв 2012 20:15:09)

0

Поделиться612Чт, 19 Янв 2012 20:20:49

Автор: Supermadlen
Заслуженный
Зарегистрирован: Ср, 4 Янв 2012
Сообщений: 26
Уважение: 0
Позитив: +2
Пол: Женский
Последний визит:
Вт, 28 Авг 2012 02:22:05

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

Ну эт смотря как будете расписывать.

Ну писака из меня не ахти )))
Самое основное показано на картинке

Новости
На картинке показано три но наверно нужно будет 6
Новости Украины или Мариуполя или мира которые находятся в углу я буду вписывать вручную
При нажатии на заголовок человек попадает в эту тему на форуме там где текст текст текст наверно тоже нужно будет вручную писать но это не проблема.

Объявления
там будут просто ссылки на соответствующие названиям подфорумы

Реклама
Ну думаю тоже все понятно возможность размещать баннеры

Анонс выставок
будет заполнятся вручную

Справочник аналогично объявлениям.

Последние темы на форуме штучек 10 последних тем можно даже без раздела форума как получится.

Думаю более мение понятно объяснила.
Если что спрашивайте 8-)

Единственное еще не до конца уверена может быть поменять местами справочную с рекламой как думаете?

Ну и еще один вопросик а можно как то сделать что бы на главной форума кроме этой таблицы больше ничего не было?

0

Поделиться613Чт, 19 Янв 2012 20:28:28

Автор: Акина
Заслуженный
Зарегистрирован: Чт, 10 Сен 2009
Сообщений: 211
Уважение: +6
Позитив: +12
Пол: Женский
Последний визит:
Чт, 21 Июн 2012 19:44:42

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

в первом его ширина свернута до немыслимых размеров.

Кстати, а можете указать, где он свернут?

А вообще, у всех по-разному выглядит
- мозилла
- опера
- гугл

0

Поделиться614Чт, 19 Янв 2012 20:28:44

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

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

Самое основное показано на картинке

Седня уже не успею %-)

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

справочную с рекламой как думаете?

Кстати да, не мешало б.

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

Ну и еще один вопросик а можно как то сделать что бы на главной форума кроме этой таблицы больше ничего не было?

Скрипты от пользователей, п.п. 816 С помощью кодов стиля фактически скрываецо все, шо на главной стоит.

0

Поделиться615Чт, 19 Янв 2012 20:33:12

Автор: Supermadlen
Заслуженный
Зарегистрирован: Ср, 4 Янв 2012
Сообщений: 26
Уважение: 0
Позитив: +2
Пол: Женский
Последний визит:
Вт, 28 Авг 2012 02:22:05

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

Седня уже не успею

Вы что я и не просила сегодня. Я готова ждать сколько скажете :flirt:

0

Поделиться616Чт, 19 Янв 2012 20:34:22

Автор: Blanka
Стремящийся
Зарегистрирован: Сб, 5 Ноя 2011
Сообщений: 2
Уважение: 0
Позитив: 0
Последний визит:
Ср, 4 Апр 2012 21:17:13

1)
2) http://toth.rolka.su/
3) "Новости", "Ссылки" и т.д сделать кнопками контейнеров, чтобы при нажатии на соответствующую кнопку высвечивалась нужная информация в окне "Содержание контейнеров". Еще, если можно, то сделайте прокрутку для содержимого каждого контейнера.

0

Поделиться617Чт, 19 Янв 2012 20:36:35

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

Акина,

первое окно стиля:

/* D1 Logo and description
-------------------------------------------------------------*/
...
#pun-title td.title-logo-tdr {
border: none;
width: 168px;
vertical-align: top;
position: absolute;
top: 0; }

Скок помню, было: