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

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

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

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

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

Страница:   1 … 20 21 22 23 24 … 50  

Сообщений 421 страница 440 из 996

421

  • Автор: X-j
  • Заслуженный
  • X-j
  • Зарегистрирован: Ср, 15 Апр 2009
  • Сообщений: 68
  • Уважение: +2
  • Позитив: +6
  • Последний визит:
    Ср, 26 Дек 2018 12:29:51
Кофеман написал(а):

Кнопки будут картинками или текстовые надписи. Если картинки, то желательно их предоставить.

картинки ещё не готовы...
но выставлю их в ближайшее время =О то есть, приблизительно, сегодня или завтра. В этой теме.
спасибо, что обратили внимание на мой заказ Х)

0

422

  • Автор: Кофеман
  • Заслуженный
  • Кофеман
  • Зарегистрирован: Ср, 2 Фев 2011
  • Сообщений: 1575
  • Уважение: +257
  • Позитив: +167
  • Пол: Мужской
  • Последний визит:
    Пт, 1 Мар 2013 14:56:10
X-j написал(а):

картинки ещё не готовы...но выставлю их в ближайшее время =О то есть, приблизительно, сегодня или завтра. В этой теме.спасибо, что обратили внимание на мой заказ Х)

X-j, еще раз повторите тут в теме свой заказ со всеми материалами.

0

423

  • Автор: X-j
  • Заслуженный
  • X-j
  • Зарегистрирован: Ср, 15 Апр 2009
  • Сообщений: 68
  • Уважение: +2
  • Позитив: +6
  • Последний визит:
    Ср, 26 Дек 2018 12:29:51

Таблица:
http://savepic.net/763842.png
ссылка на форум:
http://warrs.mybb.ru
Сразу хочу сказать, что на месте всех ячеек будут кнопки выпадающего текста (меню). Так же сразу скажу, что выпадающий текст идёт с прокруткой, потому прошу сделать его таковым х) если, конечно же, вам удобно)
Заранее благодарю.
Картинки на ячейки с выпадающим меню:
Не знаю, нужен ли вам ещё и код html, если да, то скажите, а так, вот картинки:
http://savepic.net/736077.png - ячейка 5
http://savepic.net/781132.png - ячейка 6
http://savepic.net/783180.png - ячейка 7
http://savepic.net/777036.png - ячейка 8
http://savepic.net/757580.png - ячейка 9
http://savepic.net/740172.png - ячейка 10
http://savepic.net/734028.png - ячейка 11
http://savepic.net/727884.png - ячейка 14
http://savepic.net/765775.png - ячейка 13
http://savepic.net/767823.png - ячейка 12
http://savepic.net/760655.png - ячейка 4
http://savepic.net/748367.png - ячейка 2
http://savepic.net/753487.png - ячейка 3
http://savepic.net/739151.png - ячейка 1

Кофеман, вроде бы, повторил всё)

Отредактировано X-j (Чт, 24 Мар 2011 16:34:50)

0

424

  • Автор: .крендель
  • Заслуженный
  • .крендель
  • Зарегистрирован: Вт, 24 Авг 2010
  • Сообщений: 55
  • Уважение: +1
  • Позитив: +16
  • Последний визит:
    Сб, 16 Мар 2024 10:58:05
Кофеман написал(а):

.крендель, здравствуйте!А картинка на которой таблица должна быть где? ее же фоном надо вставить в таблицу.

вам эту картинку скинуть? я как бы и сама её вставить могу)

0

425

  • Автор: Кофеман
  • Заслуженный
  • Кофеман
  • Зарегистрирован: Ср, 2 Фев 2011
  • Сообщений: 1575
  • Уважение: +257
  • Позитив: +167
  • Пол: Мужской
  • Последний визит:
    Пт, 1 Мар 2013 14:56:10
.крендель написал(а):

вам эту картинку скинуть? я как бы и сама её вставить могу)

Давайте, только поясните куда ее вставлять. Фоном или в то место где Вы написали "картинка".

0

426

  • Автор: ТашункО
  • Заслуженный
  • ТашункО
  • Зарегистрирован: Пт, 11 Мар 2011
  • Сообщений: 7
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Чт, 24 Мар 2011 17:30:31

Кофеман
Я поставила код в обьявления,но появились только пустые места без картинок и вообще чего либо...

0

427

  • Автор: Кофеман
  • Заслуженный
  • Кофеман
  • Зарегистрирован: Ср, 2 Фев 2011
  • Сообщений: 1575
  • Уважение: +257
  • Позитив: +167
  • Пол: Мужской
  • Последний визит:
    Пт, 1 Мар 2013 14:56:10

X-j, а картинки мне самому расставить?))
Поправьте свой пост:
http://savepic.net/736077.png - ячейка 1
http://savepic.net/781132.png - ячейка 2 и т.д.

0

428

  • Автор: Кофеман
  • Заслуженный
  • Кофеман
  • Зарегистрирован: Ср, 2 Фев 2011
  • Сообщений: 1575
  • Уважение: +257
  • Позитив: +167
  • Пол: Мужской
  • Последний визит:
    Пт, 1 Мар 2013 14:56:10
ТашункО написал(а):

Я поставила код в обьявления,но появились только пустые места без картинок и вообще чего либо...

ТашункО, таблицу заполняйте самостоятельно. Исполнители же не могут знать что у Вас за идеи и что куда вставлять в данном меню. Нарисуйте еще раз эскиз, укажите что и куда должно быть вставлено и разметите еще раз заказ.

0

429

  • Автор: Кофеман
  • Заслуженный
  • Кофеман
  • Зарегистрирован: Ср, 2 Фев 2011
  • Сообщений: 1575
  • Уважение: +257
  • Позитив: +167
  • Пол: Мужской
  • Последний визит:
    Пт, 1 Мар 2013 14:56:10
Америка написал(а):

Попрашу вас зделать мне таблицу)

Америка, ваша таблица:

Код:
<table width="100%" border="1" cellspacing="0" cellpadding="0" align="center" class="tablica" style="text-align: center;"><tr valign="top"><td rowspan="2" width="25%">
Время:
<div align="center" style="text-align: justify; padding: 1%!important;">
тут пишем время время время время время
</div></td><td height="30" valign="middle">
Добро пожаловать!
</td><td rowspan="3" width="25%">
	Админ:<br>
	.........<br>
	Модераторы:<br>
	.........<br>
	Дизайнеры:<br>
	.........
</td></tr><tr valign="top"><td rowspan="4">
	<!-- здесь картинка -->
	<img src="Адрес картинки" alt="" border="0" style="width: 100%;">
</td></tr><tr valign="top"><td rowspan="3" width="25%">
События в игре:
<div align="center" style="text-align: justify; padding: 1%!important;">
тут пишем события события события события
</div></td></tr><tr valign="top"><td rowspan="2" width="25%">
Погода:
<div align="center" style="text-align: justify; padding: 1%!important;">
тут пишем погода погода погода погода
</div></td></tr><tr></tr></table>

X-j, посмотрите пост 387 этой темы. Если вас устроит, что содержимое меню будет выезжать в среднем окне, где у Вас центральная картинка, то я подправлю расположение кнопок менюшки и выдам таблицу.
Зы. И поправьте пост с картинками, вписав номера ячеек.

Отредактировано Кофеман (Ср, 23 Мар 2011 23:13:25)

0

430

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51112
  • Уважение: +15195
  • Позитив: +11564
  • Последний визит:
    Сегодня 15:17:52

ТашункО
Тексты или таблицы - вставите сами - где указано;
макет >  http://hostjs-mybb2011.narod.ru/TASHUNKO.htm

Код:
<style>	
#menu span {
padding: 7px 15px 7px; 
margin-right: 5px;
margin: 4px -4px;

width: 100px;
text-decoration: none;
color:#641C22;
font-size:13px;
text-shadow:#9C706D 1px 1px 2px;
border
}
#menu .tabactive {
color: #2662DF;
background:#F9F1DD;
}

#submenu {
padding: 5px;
height: 200px;
text-align: left;
font-size: 12px;
width: 720px;
}

.submenutext {
text-align: center;
background:#F9F1DD;
position:absolute;
width:100%;
max-width: 720px;
display: none; 
height: 260px!important;
}
.submenutext img {
right: 0;
}
.bgdiv {
background:url(http://savepic.net/744293.png) right top repeat-y;
position:relative;
text-align: left;
width:100%;
height:100%;
}
</style>

<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").css({"z-index":"-1;"})
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).css({"z-index":"1"})
    $("td.#MenuTxT div.submenutext").hide(1200);
    $("div."+activeDiv).show(2200);
    return false; });
});
</script>

<center><table style="width: 615px;">
 <tbody>
  <tr>
   <td align="center">
    <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>
   </td>
  </tr>
  <tr align="left">
   <td id="MenuTxT"  valign="top"  style="height: 260px;">
    <div id="submenu" width="100%"> 
     <div id="sm1" class="submenutext" style="display:block;">
<img  src="http://s57.radikal.ru/i156/1103/e8/0de5fbf8ba6f.jpg" height=100% style="position:absolute;"/>
	<div class="bgdiv">
Тут пишем свой текст Погода и время
	</div>
</div>
     <div id="sm2" class="submenutext">

<img  src="http://s45.radikal.ru/i110/1103/8e/ff1f90438efe.jpg" height=100% style="position:absolute;"/>
	<div class="bgdiv">
Тут пишем свой текст Сюжет,акции и квесты
	</div>
</div>
     <div id="sm3" class="submenutext">
<img  src="http://s52.radikal.ru/i137/1103/68/f5abfea71ce7.jpg" height=100% style="position:absolute;"/>
	<div class="bgdiv">
Тут пишем свой текст Соревнования
	</div>
</div>
     <div id="sm4" class="submenutext">
<img  src="http://s005.radikal.ru/i209/1103/b9/6f48143e0754.jpg" height=100% style="position:absolute;"/>
	<div class="bgdiv">
Тут пишем свой текст Администрация
	</div>
</div>
     <div id="sm5" class="submenutext">
<img  src="http://s013.radikal.ru/i325/1103/08/c1bd36b219b1.jpg" height=100% style="position:absolute;"/>
	<div class="bgdiv">
Тут пишем свой текст Навигация
	</div>
</div>

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

Отредактировано Deff (Ср, 23 Мар 2011 23:53:51)

+1

431

  • Автор: ТашункО
  • Заслуженный
  • ТашункО
  • Зарегистрирован: Пт, 11 Мар 2011
  • Сообщений: 7
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Чт, 24 Мар 2011 17:30:31

Deff,спасибо!+

0

432

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51112
  • Уважение: +15195
  • Позитив: +11564
  • Последний визит:
    Сегодня 15:17:52

Забавен эффект с фоновой картинкой в .submenutext http://hostjs-mybb2011.narod.ru/TASHUNKO2.htm
(*Еще забавней - если прописать фоновые каждом блоке свои типо

<div id="sm1" class="submenutext" style="background:url(Ccылка) no-repeat;">

(но эт уж сами экспериментируйте
Текущий же пример - Общая картинка на всех

Код:
	<style>	
#menu span {
padding: 7px 15px 7px; 
margin-right: 5px;
margin: 4px -4px;

width: 100px;
text-decoration: none;
color:#641C22;
font-size:13px;
text-shadow:#9C706D 1px 1px 2px;
border
}
#menu .tabactive {
color: #2662DF;
background:#F9F1DD;
}

#submenu {
padding: 5px;
height: 200px;
text-align: left;
font-size: 12px;
width: 720px;
}

.submenutext {
text-align: center;
background:url(http://s57.radikal.ru/i156/1103/e8/0de5fbf8ba6f.jpg) -30px 50% no-repeat;
position:absolute;
width:100%;
max-width: 720px;
display: none; 
height: 260px!important;
}
.submenutext img {
right: 0;
}
.bgdiv {
background:url(http://savepic.net/744293.png) right top repeat-y;
position:relative;
text-align: left;
width:100%;
height:100%;
}
</style>

<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").css({"z-index":"-1;"})
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).css({"z-index":"1"})
    $("td.#MenuTxT div.submenutext").hide(1200);
    $("div."+activeDiv).show(2200);
    return false; });
});
</script>

<center><table style="width: 615px;">
 <tbody>
  <tr>
   <td align="center">
    <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>
   </td>
  </tr>
  <tr align="left">
   <td id="MenuTxT"  valign="top"  style="height: 260px;">
    <div id="submenu" width="100%"> 
     <div id="sm1" class="submenutext" style="display:block;">
<img  src="http://s57.radikal.ru/i156/1103/e8/0de5fbf8ba6f.jpg" height=100% style="position:absolute;"/>
	<div class="bgdiv">
Тут пишем свой текст Погода и время
	</div>
</div>
     <div id="sm2" class="submenutext">

<img  src="http://s45.radikal.ru/i110/1103/8e/ff1f90438efe.jpg" height=100% style="position:absolute;"/>
	<div class="bgdiv">
Тут пишем свой текст Сюжет,акции и квесты
	</div>
</div>
     <div id="sm3" class="submenutext">
<img  src="http://s52.radikal.ru/i137/1103/68/f5abfea71ce7.jpg" height=100% style="position:absolute;"/>
	<div class="bgdiv">
Тут пишем свой текст Соревнования
	</div>
</div>
     <div id="sm4" class="submenutext">
<img  src="http://s005.radikal.ru/i209/1103/b9/6f48143e0754.jpg" height=100% style="position:absolute;"/>
	<div class="bgdiv">
Тут пишем свой текст Администрация
	</div>
</div>
     <div id="sm5" class="submenutext">
<img  src="http://s013.radikal.ru/i325/1103/08/c1bd36b219b1.jpg" height=100% style="position:absolute;"/>
	<div class="bgdiv">
Тут пишем свой текст Навигация
	</div>
</div>

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

http://mybb.ru/f/collection/0208.gif

Отредактировано Deff (Чт, 24 Мар 2011 10:14:25)

+1

433

  • Автор: X-j
  • Заслуженный
  • X-j
  • Зарегистрирован: Ср, 15 Апр 2009
  • Сообщений: 68
  • Уважение: +2
  • Позитив: +6
  • Последний визит:
    Ср, 26 Дек 2018 12:29:51

Кофеман
прошу простить =О
исправил.

0

434

  • Автор: X-j
  • Заслуженный
  • X-j
  • Зарегистрирован: Ср, 15 Апр 2009
  • Сообщений: 68
  • Уважение: +2
  • Позитив: +6
  • Последний визит:
    Ср, 26 Дек 2018 12:29:51
Кофеман написал(а):

X-j, посмотрите пост 387 этой темы. Если вас устроит, что содержимое меню будет выезжать в среднем окне, где у Вас центральная картинка, то я подправлю расположение кнопок менюшки и выдам таблицу.

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

0

435

  • Автор: Ullia
  • Заслуженный
  • Ullia
  • Зарегистрирован: Вт, 22 Мар 2011
  • Сообщений: 15
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Пн, 22 Окт 2012 19:11:41

Кофеман
Я хочу что бы внизу форума не было линни прокрутки поэтому мне и нужно уменьшить таблицу. Вот картинка поменьше и другая (вставте ту которая лучше по качеству и лучше вписывается в таблицу(мне всё равно)):
http://radikal.ru/F/s002.radikal.ru/i19 … d.jpg.html
http://radikal.ru/F/s010.radikal.ru/i31 … 3.jpg.html
http://radikal.ru/F/i078.radikal.ru/110 … d.jpg.html

0

436

  • Автор: Irdes
  • Стремящийся
  • Зарегистрирован: Чт, 24 Мар 2011
  • Сообщений: 4
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Вс, 12 Фев 2012 17:34:21

1.картинка таблицы
http://s016.radikal.ru/i335/1103/7d/5664dc96e274.jpg
2. Ссылка на форум
http://graymen.mybb.ru/
3. Размер
чтобы в объявление влезла

0

437

  • Автор: Alison
  • Стремящийся
  • Зарегистрирован: Чт, 24 Мар 2011
  • Сообщений: 5
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Пт, 1 Апр 2011 21:25:59

1)картинка таблицы)
http://savepic.net/723530.jpg
2) ссылка на форум)
http://whispergame.mybb.ru/
3. Размер
чтобы в объявление влезла

0

438

  • Автор: Кофеман
  • Заслуженный
  • Кофеман
  • Зарегистрирован: Ср, 2 Фев 2011
  • Сообщений: 1575
  • Уважение: +257
  • Позитив: +167
  • Пол: Мужской
  • Последний визит:
    Пт, 1 Мар 2013 14:56:10

X-j, ну как хотите.
Ваша таблица:

Это в HTML-верх:

Код:
<style> /* Стиль всплывающего меню */
.splLink {width: 100px; height: 50px; border: 0px solid #FFD700; text-align: center; font-family: Gothic century; font-size: 15px;}
.splCont {height: auto; width: 260px; background: #D2B48C; padding: 5px; z-index: 1000; margin-top: 5px; margin-left: -40px; border: 2px solid #D2B48C; font-size: 12px; font-family: Lucida Sans Unicode; text-align: center;}

 /* Тень, Прозрачка и Скругление углов во Всплывающем меню */
.splCont {background-color: transparent !important; background-image: url("http://savepic.ru/2408258.png"); 
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;

     box-shadow:0px 5px 14px #8B6C52;
    -webkit-box-shadow:0px 5px 14px #8B6C52;
    -khtml-box-shadow:0px 5px 14px #8B6C52;
    -moz-box-shadow:0px 5px 14px #8B6C52;
    /*text-shadow: #FFFFFF 1px 1px 4px !important;
    color: #color: #000000 !important;*/
    }
.splCont:first-letter {
    font-family: "Times New Roman", Times, serif; /* Гарнитура шрифта первой буквы */
    font-size: 200% !important; /* Размер шрифта первого символа */
    color: red; /* Красный цвет текста */
   } /* Конец Стиля всплывающего меню */
</style>

Этот скрипт вставляете в HTML-низ:

Код:
<!--Спойлер - контейнер-->
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

А это сама таблица, вставляете в Объявление. Но я бы рекомендовал Вам уменьшить картинки кнопок по ширине, поскольку вы взяли у себя общую ширину форума в 802 пикселя, но не учли отступы в стиле для Объявления.

<table width="100%" cellspacing="0" cellpadding="0" border="1" align="center"><tr><td colspan="2"><DIV><div class=splLink><img src="http://savepic.net/739151.png" alt="" border="0"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="overflow: scroll; overflow-x: hidden; height: 200px; width: 100%; text-aling: justify;">
тут содержимое грозовое племя
</div></DIV></DIV></td><td colspan="2"><DIV><div class=splLink><img src="http://savepic.net/748367.png" alt="" border="0"></div><DIV style="DISPLAY: none; position: absolute;" class=splCont>
<div style="overflow: scroll; overflow-x: hidden; height: 200px; width: 100%; text-aling: justify;">
тут содержимое племя ветра
</div></DIV></DIV></td><td colspan="2"><DIV><div class=splLink><img src="http://savepic.net/753487.png" alt="" border="0"></div><DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="overflow: scroll; overflow-x: hidden; height: 200px; width: 100%; text-aling: justify;">
тут содержимое речное племя
</div></DIV></DIV></td><td colspan="2"><DIV><div class=splLink><img src="http://savepic.net/760655.png" alt="" border="0"></div><DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="overflow: scroll; overflow-x: hidden; height: 200px; width: 100%; text-aling: justify;">
тут содержимое племя теней
</div></DIV></DIV></td></tr><tr><td><DIV><div class=splLink><img src="http://savepic.net/736077.png" alt="" border="0"></div><DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="overflow: scroll; overflow-x: hidden; height: 200px; width: 100%; text-aling: justify;">
тут содержимое администрация
</div></DIV></DIV></td><td rowspan="3" colspan="6">
<!-- тут центральная картинка -->
<img src="Адрес центральной картинки" alt="" border="0" style="width:100%;">
</td><td><DIV><div class=splLink><img src="http://savepic.net/767823.png" alt="" border="0"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="overflow: scroll; overflow-x: hidden; height: 200px; width: 100%; text-aling: justify;">
тут содержимое новости
</div></DIV></DIV></td></tr><tr><td><DIV><div class=splLink><img src="http://savepic.net/781132.png" alt="" border="0"></div><DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="overflow: scroll; overflow-x: hidden; height: 200px; width: 100%; text-aling: justify;">
тут содержимое модерация
</div></DIV></DIV></td><td><DIV><div class=splLink><img src="http://savepic.net/765775.png" alt="" border="0"></div><DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="overflow: scroll; overflow-x: hidden; height: 200px; width: 100%; text-aling: justify;">
тут содержимое реклама
</div></DIV></DIV></td></tr><tr><td><DIV><div class=splLink><img src="http://savepic.net/783180.png" alt="" border="0"></div><DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="overflow: scroll; overflow-x: hidden; height: 200px; width: 100%; text-aling: justify;">
тут содержимое волонтеры
</div></DIV></DIV></td><td><DIV><div class=splLink><img src="http://savepic.net/727884.png" alt="" border="0"></div><DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="overflow: scroll; overflow-x: hidden; height: 200px; width: 100%; text-aling: justify;">
тут содержимое ссылки
</div></DIV></DIV></td></tr><tr><td colspan="2"><DIV><div class=splLink><img src="http://savepic.net/777036.png" alt="" border="0"></div><DIV style="DISPLAY: none; position: absolute;" class=splCont>
<div style="overflow: scroll; overflow-x: hidden; height: 200px; width: 100%; text-aling: justify;">
тут содержимое погода
</div></DIV></DIV></td><td colspan="2"><DIV><div class=splLink><img src="http://savepic.net/757580.png" alt="" border="0"></div><DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="overflow: scroll; overflow-x: hidden; height: 200px; width: 100%; text-aling: justify;">
тут содержимое время и взросление
</div></DIV></DIV></td><td colspan="2"><DIV><div class=splLink><img src="http://savepic.net/740172.png" alt="" border="0"></div><DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="overflow: scroll; overflow-x: hidden; height: 200px; width: 100%; text-aling: justify;">
тут содержимое топ RPG
</div></DIV></DIV></td><td colspan="2"><DIV><div class=splLink><img src="http://savepic.net/734028.png" alt="" border="0"></div><DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="overflow: scroll; overflow-x: hidden; height: 200px; width: 100%; text-aling: justify;">
тут содержимое гостям
</div></DIV></DIV></td></tr></table>

синим выделены адреса картинок кнопок меню
Красным - адрес центральной картинки

+1

439

  • Автор: X-j
  • Заслуженный
  • X-j
  • Зарегистрирован: Ср, 15 Апр 2009
  • Сообщений: 68
  • Уважение: +2
  • Позитив: +6
  • Последний визит:
    Ср, 26 Дек 2018 12:29:51

Кофеман
великолепно *о*
спасибо вам огромное!.. .D

0

440

  • Автор: Кофеман
  • Заслуженный
  • Кофеман
  • Зарегистрирован: Ср, 2 Фев 2011
  • Сообщений: 1575
  • Уважение: +257
  • Позитив: +167
  • Пол: Мужской
  • Последний визит:
    Пт, 1 Мар 2013 14:56:10
Ullia написал(а):

Я хочу что бы внизу форума не было линни прокрутки поэтому мне и нужно уменьшить таблицу. Вот картинка поменьше и другая (вставте ту которая лучше по качеству и лучше вписывается в таблицу(мне всё равно)):

Ullia, подправил немного, пробуйте. Старое уберите полностью!

в HTML-верх

Код:
<style> 
.tabann { background: transparent url(http://forumupload.ru/uploads/000f/05/97/59-2.png) repeat;
filter:alpha(opacity=76);
opacity: 0.76;
-moz-opacity: 0.76;
-khtml-opacity: 0.76;
}

/* Стиль всплывающего меню */
.splLink { width: 190px; height: auto; border: 2px solid #F4A460;	background: transperent; text-align: center; font-family: "Monotype Corsiva"; font-size: 25px; padding: 10px; font-style : italic; margin: 1em auto auto auto;}
.splLink.active {border: 2px solid red;}
.splLink {background : transparent url(http://forumupload.ru/uploads/000f/05/97/59-1.png) repeat; 
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;

}

.splCont {height: auto; width: 260px; background: #D2B48C; padding: 5px; z-index: 1000; margin: 5px auto auto auto; border: 2px solid #FFA54F; font-size: 12px; font-family: Lucida Sans Unicode; text-align: center;}

 /* Тень, Прозрачка и Скругление углов во Всплывающем меню */
.splCont {background : transparent url(http://forumupload.ru/uploads/000f/05/97/59-1.png) repeat; 
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    box-shadow:0px 5px 14px #8B6C52;
    -webkit-box-shadow:0px 5px 14px #8B6C52;
    -khtml-box-shadow:0px 5px 14px #8B6C52;
    -moz-box-shadow:0px 5px 14px #8B6C52;
    /*text-shadow: #FFFFFF 1px 1px 4px !important;
    color: #color: #000000 !important;*/
    }
.splCont:first-letter {
    font-family: "Times New Roman", Times, serif; /* Гарнитура шрифта первой буквы */
    font-size: 200% !important; /* Размер шрифта первого символа */
    color: red; /* Красный цвет текста */
   } /* Конец Стиля всплывающего меню */
</style>

скрипт HTML-низ

Код:
<!--Спойлер - контейнер-->
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      if($(this).parent().children('div.splCont').css('display')=="none"){
      $(this).addClass("active")}
      else $(this).removeClass("active")
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

в объявление таблица.

Код:
<center><table width="90%" cellspacing="0" cellpadding="0" border="1" class="tabann">
<tr>
	<td style="border-bottom: none;"><DIV><div class=splLink>Администрация</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Тут пишем про админов

</DIV></DIV></td>
	<td rowspan="5" align="center" valign="middle"><img src="http://s002.radikal.ru/i198/1103/a0/6ec8303740fd.jpg" alt="" border="0" style="width: 100%;"></td>
	<td style="border-bottom: none;"><DIV><div class=splLink>Погода</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Тут пишем про погоду

</DIV></DIV></td>
</tr>
<tr>
	<td style="border-bottom: none; border-top: none;">&nbsp;</td>
	<td style="border-bottom: none; border-top: none;">&nbsp;</td>
</tr>
<tr>
	<td style="border-bottom: none; border-top: none;""><DIV><div class=splLink>Полезные ссылки</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Тут пишем полезные ссылки

</DIV></DIV></td>
	<td style="border-bottom: none; border-top: none;"><DIV><div class=splLink>Реклама</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Тут пишем рекламу

</DIV></DIV></td>
</tr>
<tr>
	<td style="border-bottom: none; border-top: none;">&nbsp;</td>
	<td style="border-bottom: none; border-top: none;">&nbsp;</td>
</tr>
<tr>
	<td style="padding: 5px;" align="center">
	<font style="font: italic 24px Monotype Corsiva; margin-bottom:5px; display: block;"><strong>Новости и объявления:</strong></font>
	<div style="overflow: scroll; overflow-x: hidden; height: 240px; width: 100%; text-aling: justify; background-color: #FFA54F;">
	<font style="font: italic 18px Monotype Corsiva;">Все новости и объявления пишем тут.</font>
	</div>
	</td>
	<td style="padding: 5px;" align="center">
	<font style="font: italic 24px Monotype Corsiva; margin-bottom:5px; display: block;"><strong>События в игре:</strong></font>
	<div style="overflow: scroll; overflow-x: hidden; height: 240px; width: 100%; text-aling: justify; background-color: #FFA54F;">
	<font style="font: italic 18px Monotype Corsiva;">Все события в игре пишем тут.</font>
	</div>	
	</td>
</tr>
</table></center>

0

Страница:   1 … 20 21 22 23 24 … 50  

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