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

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

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


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


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

Сообщений 81 страница 100 из 1000

81

Здравствуйте. Я совсем не разбираюсь в дизайнах, но как бы там ни было прошу вас помочь мне. Мне нужен дизайн на тему волки-оборотни, главное не серого цвета, а остальное по вашему желанию.
http://uploads.ru/t/R/0/c/R0cMC.png-Я очень плохо владею фотошопом, Аника(Извините).Но мне нужно было точно-то что у вас.

http://wildwe.mybb.ru/ -Вот форум.
Фон таблицы-http://uploads.ru/t/T/R/Y/TRYBJ.jpg
Кактинка-http://uploads.ru/t/d/o/J/doJte.jpg
Надеюсь вы скоро рассмотрите запрос.

0

82

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

0

83

Triniti Croft, на тех. поддержке не занимаются написанием дизайнов. Попробуйте обратиться на дизайн-форумы. Например - forumd.ru

0

84

Здравствуйте, можно мне такую табличку:
это контейнер с вкладками.
макет
Ширина всей таблицы 800пикс, высота 300пикс.
Фон прозрачный. Ширина кнопок 167, высота 29. Расстояние между кнопками(т.е. пропуски сверху и снизу) 3 пикса.
Расстояние от кнопок до контейнера 115 пикс.
Расстояние от левого бока таблицы до контейнера 145 пикс.
картинка слева от таблицы
картинка для контейнера
картинка справа от таблицы
картинка для кнопок
ну или чтобы не собирать картинки по отдельности, можно одну цельную фоном поставить, вот:
вся картинка для таблицы (без кнопок)

ссылка на форум http://ingeniis.f-rpg.ru/

Отредактировано Астра (Пт, 18 Ноя 2011 14:15:46)

0

85

Triniti Croft написал(а):

Я очень плохо владею фотошопом, Аника(Извините).Но мне нужно было точно-то что у вас.

Ничего))
Так как насчёт моей таблицы?

0

86

1) Эскиз вашей будущей таблицы, сделанный в любом графическом редакторе( Пэинт, Фотошоп и т.д.) - обязательно!
http://s2.itrash.ru/idb/3480/otablica.png
2) Ссылка на ваш форум
http://vertovulputate.rusff.ru/
но стоять там будет еще не скоро
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц  и т.п.
ширина таблицы 800 пкс, высота 400пкс
хотелось бы, чтобы таблица имела закругленные края, как на искизе и была залита цветом: #EAD8AB
полоски, что выделены более желтым должны быть прозрачными.
две прокрутки на первой кнопке шириной в 200 пкс.
бегущая строка в низу с возможностью остановки.
остальные три кнопки без каких-либо дополнительных кодов внутри. просто текст.
также хотелось бы, чтобы сами кнопки были не текстом, а изображениями (просто поставьте туда код без ссылки-мы разберемся))

0

87

Enma
Ваша таблица

<center>
<table border="0" cellspacing="0" cellpadding="0" style="height: 302px; width: 678px; background: url(http://uploads.ru/i/k/5/m/k5mUP.png) no-repeat center center;">
<tr>
<td align="center" width="140" height="32"><img src="адрес картинки админы" alt="admins" width="135" height="28"></td>
<td rowspan="4" width="6" height="302">&nbsp;</td>
<td colspan="4" align="right" height="32"><img src="адрес картинки новости форума" alt="news forum" width="165" height="28"></td>
</tr>
<tr>
<td rowspan="3" align="center" width="140" height="270" style="border-right: 1px solid Black !important;">
<!--- текст админов --->

содержимое ADMINs

</td>
<td colspan="4" align="center" height="93">
<!--- новости форума --->
<div align="center" style="height: 90px; width: 520px; border-bottom: 1px solid Black; padding: 1px; overflow: auto; overflow-x: hidden;">

текст новостей, прокрутка автоматическая

</div>
</td>
</tr>
<tr>
<td align="center" width="140" height="32"><img src="адрес картинки в игре" alt="in game" width="135" height="28" border="0"></td>
<td rowspan="2" align="center" width="74" height="177">
<!--- Баннеры --->
<div align="center" style="height: 150px; width: 70px; border-left: 1px solid Black; padding: 1px; overflow: auto; overflow-x: hidden; margin-top: 15px!important;">

баннеры, прокрутка автоматическая

</div>
</td>
<td align="center" width="135" height="32"><img src="адрес картинки ссылок" alt="links" width="135" height="28" border="0"></td>
<td rowspan="2" align="center" width="181"><img src="http://imgs.su/tmp/1321479873-539.jpg" alt="админы" style="width: 177px; margin-top: 1px;" border="0"></td>
</tr>
<tr>
<td align="center" width="140" height="145">
<!--- в игре --->
<div align="center" style="height: 140px; width: 99%; padding: 1px; overflow: auto; overflow-x: hidden;">

текст в игре, прокрутка автоматическая

</div>
</td>
<td align="center" width="135" height="145">
<!--- для ссылок --->
тут ссылки
</td>
</tr>
</table></center>

Картинки News, In game, Admins и Links Вам нужно переделать. Максимальная ширина 135 и высота 28. В следующий раз или фон берите большего размера или сложите ширину всех картинок по горизонтали и посчитайте их размер исходя из ширины фоновой картинки.

Отредактировано Кофеман (Сб, 19 Ноя 2011 00:37:11)

0

88

Анника
Ваша таблица

Код:
<center><table width="597" height="306" border="0" cellspacing="0" cellpadding="1" style="background: url(http://img1.liveinternet.ru/images/attach/b/3/20/953/20953696_zvezda.jpg) repeat top center;">
<tr>
	<td colspan="3" align="center" height="30">
	<!--- бегущая строка --->
<marquee behavior="scroll" direction="left" width="96%" height="30" loop="0" scrollamount="3" scrolldelay="2" style="line-height: 30px;" onMouseOver="this.stop()" onMouseOut="this.start()">
	
Ползущая строка

</marquee>
	</td>
</tr>
<tr>
	<td rowspan="2" width="197" align="center" height="276"><img src="http://www.chibified.com/images/1121.jpg" alt="" width="197" height="270" border="0"></td>
	<td colspan="2" height="144">
	
новости
	
	</td>
</tr>
<tr>
	<td width="200" align="center" height="126" valign="top">
	<span style="color: Red; font-weight: bold; text-align: center; margin-top: 1px;">Администраторы</span><br>

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

	</td>
	<td width="200" align="center" height="126" valign="top">
	<span style="color: Red; font-weight: bold; text-align: center; margin-top: 1px;">Модераторы</span><br>

про модеров пишем тут

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

0

89

m.fletcher
1. не понял, какие действия должны происходить при нажатии на кнопки, что и где должно меняться?
2. Такой фон под таблицу подойдет?
http://savepic.net/2204093m.png

0

90

Кофеман
Наверно Он хочет чтобы сменялись экраны с данной типовой разметкой-табличкой на всех экранах

Не -Вру: - скорее всего выпадающее на каждую кнопу...  :D  флудю

Отредактировано Deff (Сб, 19 Ноя 2011 01:54:18)

0

91

Lu-Elle
В окно ХТМЛ-верх

Код:
<!-- Стиль меню в объявлении-->
<style>	
#menu span {
width: auto;
}

#submenu {
margin-top: 6px;
padding: 3px;
height: 305px;
text-align: center;
width: 762px;
}

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

В окно Объявления

Код:
<center><table style="width: 794px;">
 <tbody>
  <tr>
   <td height="48">
    <div id="menu">
<span alt=#sm1 style="cursor: pointer;"><img src="http://s017.radikal.ru/i433/1111/14/acc634c0ea56.png" alt="Основа" border="0"></span>
<span alt=#sm2 style="cursor: pointer;"><img src="http://s017.radikal.ru/i432/1111/5c/04e132b918f1.png" alt="Ссылки" border="0"></span>
<span alt=#sm3 style="cursor: pointer;"><img src="http://s017.radikal.ru/i417/1111/24/d9e6e5d3b0a4.png" alt="Администрация" border="0"></span>
<span alt=#sm4 style="cursor: pointer;"><img src="http://s017.radikal.ru/i438/1111/92/8efb002498f4.png" alt="Баннеры" border="0"></span>
<span alt=#sm5 style="cursor: pointer;"><img src="http://s017.radikal.ru/i424/1111/a8/b0193378ef7f.png" alt="Плеер" border="0"></span>
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT" align="center" valign="top" height="331" style="background: url(http://savepic.net/2177469.png) no-repeat center center;">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<!--- Вложенная таблица основы --->
<table width="100%" height="303" cellspacing="0" cellpadding="0" border="0">
<tr>
	<td width="60%" align="center">
<span style="font-weight: bold; text-align: center;">Новости</span><br>
<div align="center" style="width: 99%; padding: 1px; height: 135px; overflow: hidden; overflow-x: hidden;">
текст новостей
</div>
	</td>
	<td width="40%" align="center">
<span style="font-weight: bold; text-align: center;">Время и погода</span><br>
<div align="center" style="width: 99%; padding: 1px; height: 135px; overflow: hidden; overflow-x: hidden;">
текст времени и погоды
</div>
</td>
</tr>
<tr>
	<td width="60%" align="center">
	<span style="font-weight: bold; text-align: center;">Акции</span><br>
<div align="center" style="width: 99%; padding: 1px; height: 135px; overflow: hidden; overflow-x: hidden;">
Текст акций
</div>	
	</td>
	<td width="40%" align="center">
	<span style="font-weight: bold; text-align: center;">Топ</span><br>
<div align="center" style="width: 99%; padding: 1px; height: 135px; overflow: hidden; overflow-x: hidden;">
Текст топов
</div>
	</td>
</tr>
</table>
<!--- Конец вложенной таблицы --->
</div>
     <div id="sm2" class="submenutext">
<!--- ссылки --->
<table width="100%" height="303" cellspacing="1" cellpadding="1" border="0">
<tr>
	<td width="33%" align="center">
столбец 1
	</td>
	<td width="34%" align="center">
столбец 2
	</td>
	<td width="33%" align="center">
столбец 3
	</td>
</tr>
</table>
<!--- конец ссылок --->
</div>
     <div id="sm3" class="submenutext">
<!--- администрация --->
<table width="100%" height="303" cellspacing="1" cellpadding="1" border="0">
<tr>
	<td align="center" height="25" style="font-weight: bold;">Администраторы</td>
</tr>
<tr>
	<td align="center" height="125">текст админов</td>
</tr>
<tr>
	<td align="center" height="25" style="font-weight: bold;">Модераторы</td>
</tr>
<tr>
	<td align="center" height="125">текст модераторов</td>
</tr>
</table>
<!--- конец администрации --->
</div>
     <div id="sm4" class="submenutext">
	 
баннеры

</div>
     <div id="sm5" class="submenutext">
	 
плеер

</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>

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

0

92

Triniti Croft написал(а):

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

Triniti Croft, здравствуйте!
Таблицу можно и подогнать под Вас. Но есть ли смысл делать это сейчас, покуда у Вас не готов дизайн?
Сейчас у Вас те картинки, которые Вы выложили, будут одиноко висеть посреди форума, у которого ширина растягивается и зависит от разрешения монитора того, кто смотрит. Если Вы настаиваете, то я сделаю табличку.

0

93

Кофеман
Спасибо большое.)

Кофеман написал(а):

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

Просите, впредь буду внимательнее.)

0

94

Астра
В окно ХТМЛ верх

Код:
<style>
#menu {margin-right: 5px; float: right;}	
#menu span {
display: block;
margin-right: 3px;
margin: 5px 0;
width: 155px;
height: 30px;
line-height: 30px;
text-decoration: none;
background:#FEFAF1;
border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
}
#menu .tabactive {
background:#F9F1DD;
}

#submenu {
padding: 3px;
height: 266px;
text-align: center;
width: 354px;
}

.submenutext {
display: none; 
height: 266px;

}
</style>

В Объявление

Код:
<center><table width="800" height="300" border="0" cellspacing="0" cellpadding="0" align="center" style="background: url(http://uploads.ru/i/T/Q/0/TQ0iR.png) no-repeat center;">
<tbody><tr>
<td align="center" width="140"><!--- пустая ячейка разделитель ---> &nbsp;</td>
<td align="center" width="360" id="MenuTxT">
<!--- содержимое кнопок меню --->
<div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">

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

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

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

</div>
     <div id="sm3" class="submenutext">
	 
Контент 3-й кнопки

</div>
     <div id="sm4" class="submenutext">
	 
Контент 4-й кнопки

</div>
</div>
<!--- конец содержимого кнопок --->
</td>
<td align="center" width="130"><!--- пустая ячейка разделитель ---> &nbsp;</td>
<td align="center" width="170" valign="top">
<!--- кнопки меню --->
<div id="menu">
<span alt=#sm1 "style="cursor: pointer;">Кнопка 1</span>
<span alt=#sm2 "style="cursor: pointer;">Кнопка 2</span>
<span alt=#sm3 "style="cursor: pointer;">Кнопка 3</span>
<span alt=#sm4 "style="cursor: pointer;">Кнопка 4</span>
    </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>

+1

95

Кофеман
Доброго времени ещё раз.)
Поставила таблицу и решила оформить на бробнике.
И появилась проблема- не работает прокрутка в новостях и акциях.

0

96

Lu-Elle написал(а):

И появилась проблема- не работает прокрутка в новостях и акциях.

Lu-Elle
Прошу прощения, это моя ошибка. Найдите и поправьте в коде таким образом.

<div align="left" style="width: 99%; padding: 1px; height: 135px; overflow: auto; overflow-x: hidden;">

В окне основы в трех местах.

0

97

Кофеман
Не страшно, главное что разобрались.) Спасибо за быстрый ответ.)

0

98

Кофеман написал(а):

m.fletcher
1. не понял, какие действия должны происходить при нажатии на кнопки, что и где должно меняться?

должно сменятся тело таблицы, то есть это не всплывающие окна.
примерная таблица: http://crossourlife.mybb.ru/

Кофеман написал(а):

2. Такой фон под таблицу подойдет?

да, отлично подойдет)

0

99

Кофеман
большое спасибо )
а можно еще добавить, чтобы когда наводишь курсор на надпись "кнопка" сам курсор не менялся? или менялся на руку(лапку белую, обычную)?

Отредактировано Астра (Сб, 19 Ноя 2011 14:37:54)

0

100

m.fletcher
В ХТМЛ-верх

Код:
<style>	
#menu span {
margin-right: 6px;
text-decoration: none;
}

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

В Объявление

Код:
<center><table width="800" height="400" border="0" cellspacing="0" cellpadding="0" align="center" style="background: url(http://savepic.net/2185674.png) no-repeat center center;">
<tbody><tr>
<td colspan="3" align="center" height="60">
<!--- кнопки меню --->
<div id="menu">
<span alt=#sm1 style="cursor: pointer;"><img src="адрес картинки" alt="кнопка 1" width="190" height="50" border="0"></span>
<span alt=#sm2 style="cursor: pointer;"><img src="адрес картинки" alt="кнопка 2" width="190" height="50" border="0"></span>
<span alt=#sm3 style="cursor: pointer;"><img src="адрес картинки" alt="кнопка 3" width="190" height="50" border="0"></span>
<span alt=#sm4 style="cursor: pointer;"><img src="адрес картинки" alt="кнопка 4" width="190" height="50" border="0"></span>
</div>
<!--- конец кнопок меню --->
</td>
</tr> 
<tr>
<td id="MenuTxT"  align="center" valign="top" height="284">
<!--- Содержимое меню --->
<div id="submenu" align="center">
<div id="sm1" class="submenutext" style="display:block;">
<!--- Контент 1-й кнопки --->
<table width="100%" height="282" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td width="203" align="center" valign="top" height="282" style="padding-top: 3px!important;">
<p>Надпись лев</p><br>
<div align="center" style="width: 97%; height: 250px; overflow: scroll; overflow-x: hidden;">
текст с прокруткой слева
</div>
</td>
<td width="397" align="center" height="282">

текст в средней ячейке

</td>
<td width="200" align="center" valign="top" height="282" style="padding-top: 3px!important;">
<p>Надпись прав</p><br>
<div align="center" style="width: 97%; height: 250px; overflow: scroll; overflow-x: hidden;">
текст с прокруткой справа
</div>
</td>
</tr></tbody>
</table>
<!---  Конец Контент 1-й кнопки --->
</div>
<div id="sm2" class="submenutext">
<!--- Контент 2-й кнопки --->
<table width="100%" height="282" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td width="203" align="center" valign="top" height="282">
лев 2
</td>
<td width="397" align="center" height="282">
сред 3
</td>
<td width="200" align="center" valign="top" height="282">
прав 3
</td>
</tr></tbody>
</table>
<!---  Конец Контент 2-й кнопки --->
</div>
<div id="sm3" class="submenutext">
<!--- Контент 3-й кнопки --->
<table width="100%" height="282" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td width="203" align="center" valign="top" height="282">
лев 3
</td>
<td width="397" align="center" height="282">
сред 3
</td>
<td width="200" align="center" valign="top" height="282">
прав 3
</td>
</tr></tbody>
</table>
<!---  Конец Контент 3-й кнопки --->
</div>
<div id="sm4" class="submenutext">
<!--- Контент 4-й кнопки --->
<table width="100%" height="282" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td width="203" align="center" valign="top" height="282">
лев 4
</td>
<td width="397" align="center" height="282">
сред 4
</td>
<td width="200" align="center" valign="top" height="282">
прав 4
</td>
</tr></tbody>
</table>
<!---  Конец Контент 4-й кнопки --->
</div>
</div>
<!--- Конец содержимого --->
   </td>
</tr>
<tr>
<td colspan="3" align="center" height="56">
<!--- бегущая строка --->
<marquee behavior="scroll" direction="left" width="98%" height="54" loop="0" scrollamount="2" scrolldelay="2" onMouseOver="this.stop()" onMouseOut="this.start()" style="line-height: 54px;">
	Бегущая строка Бегущая строка
</marquee>
</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>

+2


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