Rion Leonheart, таблицу делал Мрак. Я делала картинки. Посему и прошу Вашей помощи дабы таблицу правильно заполнить. Я с таблицей сама не справлюсь. Я буду Вам очень благодарна, если поможете.
Таблицы на заказ (14)
Сообщений 401 страница 420 из 1000
Поделиться402Пн, 7 Май 2012 19:00:40
Bordum, такую попробуйте в объявление:
<style type="text/css">
#pun-announcement .container {padding-left: 0em}
</style>
<table style="width: 899px; height: 440px; background: transparent url(http://hostingkartinok.com/uploads/images/2012/05/59fc96d52fceeef353b719f42e12e735.png) top center no-repeat; color: #fff;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 526px;" align="left" valign="top">
<div style="width: 230px; height: 90px; text-align: center; margin-top: 94px; margin-left: 139px;">
текст текст текст текст 1-1
</div>
<div style="width: 290px; height: 160px; text-align: center; margin-top: 25px; margin-left: 211px;">
текст текст текст текст 1-2
</div>
</td>
<td style="width: 373px;" align="left" valign="top">
<div style="width: 244px; height: 319px; text-align: center; margin-top: 64px; margin-left: 30px;">
текст текст текст текст 2
</div>
</td>
</tr>
</table>Поделиться403Пн, 7 Май 2012 19:01:56
Селена Де Мор Вилл, все, теперь понял, немного позже.
Поделиться404Пн, 7 Май 2012 19:03:06
Rion Leonheart, премного благодарна, достопочтенный сударь)) Буду ждать.
Поделиться405Пн, 7 Май 2012 19:07:58
профессор миллер,
ну обновите объявление
все понятно
спасибо
сама никак
Поделиться406Пн, 7 Май 2012 19:16:24
сама никак
Что значит - никак? Не обновляется? 
Поделиться407Пн, 7 Май 2012 19:21:53
Rion Leonheart
Огромное спасибо, подошло.)
Поделиться408Пн, 7 Май 2012 20:23:11
Селена Де Мор Вилл,
в объявление:
<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em; padding-left: 0.5em;}
#menu {margin: 0px;}
#menu span {
padding: 0px;
margin: 0px;
width: 200px;
height: 40px;
display: block;}
#submenu {padding: 0px;}
.submenutext {
display: none;
height: 350px;
width: 800px;
text-align: center;}
</style>
<center><table style="width: 800px;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr height="50">
<td align="center">
<div id="menu">
<table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
<td style="width: 25%;" align="center">
<span alt="#sm1" style="cursor: pointer;"><img style="width: 200px; height: 40px;" onmouseover="this.src='Адрес изображения при наведении'" src="Адрес изображения" onmouseout="this.src='Адрес изображения'"></span>
</td>
<td style="width: 25%;" align="center">
<span alt="#sm2" style="cursor: pointer;"><img style="width: 200px; height: 40px;" onmouseover="this.src='Адрес изображения при наведении'" src="Адрес изображения" onmouseout="this.src='Адрес изображения'"></span>
</td>
<td style="width: 25%;" align="center">
<span alt="#sm3" style="cursor: pointer;"><img style="width: 200px; height: 40px;" onmouseover="this.src='Адрес изображения при наведении'" src="Адрес изображения" onmouseout="this.src='Адрес изображения'"></span>
</td>
<td style="width: 25%;" align="center">
<span alt="#sm4" style="cursor: pointer;"><img style="width: 200px; height: 40px;" onmouseover="this.src='Адрес изображения при наведении'" src="Адрес изображения" onmouseout="this.src='Адрес изображения'"></span>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td id="MenuTxT" align="center" valign="top">
<div id="submenu" align="center">
<div id="sm1" class="submenutext" style="display:block;">
<div style="width: 100%; height: 350px; overflow-y: auto;">
<table style="width: 100%;">
<tr>
<td style="width: 20%;" align="center">
<img style="width: 120px; height: 200px;" src="ссылка на пикчу">
</td>
<td style="width: 60%;" align="center">
текст текст текст текст
</td>
<td style="width: 20%;" align="center">
<img style="width: 120px; height: 200px;" src="ссылка на пикчу">
</td>
</tr>
</table>
</div>
</div>
<div id="sm2" class="submenutext">
<div style="width: 100%; height: 350px; overflow-y: auto;">
<table style="width: 100%;">
<tr>
<td style="width: 80%; text-align: right;">
текст текст текст текст
</td>
<td style="width: 20%;" align="center">
<img style="width: 150px; height: 200px;" src="ссылка на пикчу">
</td>
</tr>
</table>
</div>
</div>
<div id="sm3" class="submenutext">
<table style="width: 100%; height: 100%;">
<tr>
<td style="width: 33%;" align="center" valign="top">
<img style="width: 240px; height: 40px;" src="ссылка на заголовок">
<br/><br/>
<a href="Адрес гиперссылки"><img style="width: 200px; height: 30px;" onmouseover="this.src='Адрес изображения при наведении'" src="Адрес изображения" onmouseout="this.src='Адрес изображения'"></a>
<a href="Адрес гиперссылки"><img style="width: 200px; height: 30px;" onmouseover="this.src='Адрес изображения при наведении'" src="Адрес изображения" onmouseout="this.src='Адрес изображения'"></a>
</td>
<td style="width: 33%;" align="center" valign="top">
<img style="width: 240px; height: 40px;" src="ссылка на заголовок">
<br/><br/>
<a href="Адрес гиперссылки"><img style="width: 200px; height: 30px;" onmouseover="this.src='Адрес изображения при наведении'" src="Адрес изображения" onmouseout="this.src='Адрес изображения'"></a>
<a href="Адрес гиперссылки"><img style="width: 200px; height: 30px;" onmouseover="this.src='Адрес изображения при наведении'" src="Адрес изображения" onmouseout="this.src='Адрес изображения'"></a>
<a href="Адрес гиперссылки"><img style="width: 200px; height: 30px;" onmouseover="this.src='Адрес изображения при наведении'" src="Адрес изображения" onmouseout="this.src='Адрес изображения'"></a>
<a href="Адрес гиперссылки"><img style="width: 200px; height: 30px;" onmouseover="this.src='Адрес изображения при наведении'" src="Адрес изображения" onmouseout="this.src='Адрес изображения'"></a>
<a href="Адрес гиперссылки"><img style="width: 200px; height: 30px;" onmouseover="this.src='Адрес изображения при наведении'" src="Адрес изображения" onmouseout="this.src='Адрес изображения'"></a>
<a href="Адрес гиперссылки"><img style="width: 200px; height: 30px;" onmouseover="this.src='Адрес изображения при наведении'" src="Адрес изображения" onmouseout="this.src='Адрес изображения'"></a>
</td>
<td style="width: 33%;" align="center" valign="top">
<img style="width: 240px; height: 40px;" src="ссылка на заголовок">
<br/><br/>
<a href="Адрес гиперссылки"><img style="width: 200px; height: 30px;" onmouseover="this.src='Адрес изображения при наведении'" src="Адрес изображения" onmouseout="this.src='Адрес изображения'"></a>
<a href="Адрес гиперссылки"><img style="width: 200px; height: 30px;" onmouseover="this.src='Адрес изображения при наведении'" src="Адрес изображения" onmouseout="this.src='Адрес изображения'"></a>
</td>
</tr>
</table>
</div>
<div id="sm4" class="submenutext">
Баннеры партнеров
</div>
</td>
</tr>
<tr style="height: 60px;">
<td align="center">
<a href="ссылка на стр."><img style="width: 400px; height: 40px;" src="ссылка на картинку"></a>
</td>
</tr>
<td align="left">
баннеры баннеры баннеры
</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>В коде куда какие изображения вставлять подписано, если будут проблемы, возвращайтесь с картинками нарисованными
установим.
По поводу страницы:
Администрирование -> Страницы -> Создать страницу
Задаете сами адрес, там есть поле для заполнения контента страницы, в котором действует HTML, т.е. рисуете эскиз таблицы админов и снова сюда, только со ссылкой созданной страницы - чтобы было на чем шаблон проверить.
*чайная пауза*
Поделиться409Пн, 7 Май 2012 20:32:35
Rion Leonheart, большое Вам спасибо, достопочтенный сударь!)) Буду сначала пробовать на тестовом форуме. Думаю, в скором времени вернусь.
Поделиться410Пн, 7 Май 2012 20:37:45
Rion Leonheart, скажите пожалуйста, ссылку на картинку, что будет основным фоном таблицы (там где текст), куда ставить? Не могу что-то найти.
Поделиться411Пн, 7 Май 2012 21:57:51
скажите пожалуйста, ссылку на картинку, что будет основным фоном таблицы (там где текст), куда ставить?
Моя так не понимаэ, какой текст, какая картинка.
Принтскрин страницы форума - стрелочкой показать - что куда?
Поделиться412Пн, 7 Май 2012 23:47:58
Rion Leonheart, я вроде как кое-что придумала. Если получится, тогда никуда. Коли нет, будет принтскрин и стрелочка) Большое спасибо!
Поделиться413Вт, 8 Май 2012 13:11:24
1) Эскиз вашей будущей таблицы, сделанный в любом графическом редакторе (Пэинт, Фотошоп и т.д.) - обязательно!
2) Ссылка на ваш форум
http://wolvesway.mybb.ru/
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.
Должно быть пять отдельных окон, основное и четыре второстепенных, но границ между ними быть не должно! (на рисунке я выделила их красным чтобы были видны четыре второстепенных окна и обозначила их цифрами) Прокруток никаких не нужно, если текст будет слишком длинный, то таблица должна сама "удлиняться". 
Ширина таблицы должна регулироваться (так как с новым дизайном тело форума будет то расширяться, то сужаться). То есть пусть сейчас она по ширине 750 пикселей, но потом чтобы я могла сделать либо 800 либо 700 например. Чёрная "рамка" должна быть не столь жирной, а минимально узкой, и желательно с такими же закругленными краями, как на рисунке, если это возможно. Если нет, пусть края будут квадратные. Далее. Под рамкой, а не в рамке должны находиться партнёры. И картинка, как указано на рисунке. И ещё, шрифт в таблице и размер обязательно должен регулироваться!
Поделиться414Вт, 8 Май 2012 13:32:34
И картинка, как указано на рисунке.
Размеры?
Поделиться415Вт, 8 Май 2012 14:38:16
Rion Leonheart
А регулировать её будет нельзя?..(
Ну пусть будет ширина - 315, высота - 80
Поделиться416Вт, 8 Май 2012 15:42:54
Coffe, ну она может под размер таблицы сама подстраиваться, если картинка не слишком большая.
ширина - 315, высота - 80
ок, чуть позже.
Поделиться417Вт, 8 Май 2012 15:53:41
Rion Leonheart
Ок, жду с нетерпением)
Поделиться418Вт, 8 Май 2012 16:38:59
Coffe,
в объявление:
<style>
#mtbs {
width: 100%;
border: 1px solid;
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
}#prts, #mtbs {font-size: 14px; font-family: 'times new roman';}
</style><table id="mtbs" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 30%;" align="center">
<div style="width: 100%;">1-1
</div>
<br/><br/><br/><br/><br/><br/>
<div style="width: 100%;">1-2
</div>
</td>
<td style="width: 40%;" align="center" valign="top"><img style="width: 100%;" src="ссылка">
<br/>
<div style="width: 100%;">Основное окно с новостями
</div>
</td>
<td style="width: 30%;" align="center">
<div style="width: 100%;">2-1
</div>
<br/><br/><br/><br/><br/><br/>
<div style="width: 100%;">2-2
</div>
</td>
</tr>
</table>
<br/>
<div id="prts" style="width: 100%; text-align: center;"><b>Партнеры</b>
<br/><br/>
коды баннеров
</div>
В ширину растягивается под любой стиль, прокруток нет, все автоматически удлиняется при заполнении.
Зеленым - размер шрифта
Красным - семейство шрифтов
Поделиться419Вт, 8 Май 2012 17:20:57
Rion Leonheart
Огромное спасибо! Только можно таблицу по краям с некоторым отступом сделать, по сто пикселей например? Да и вообще можно сделать так, чтобы я в дальнейшем могла сама регулировать ширину отступов? Вот пример того, что я хочу - http://wolvessignatureblood.rolka.su/
Поделиться420Вт, 8 Май 2012 17:27:04
можно таблицу по краям с некоторым отступом сделать, по сто пикселей например?
Отступить по 100 пикселей внутрь от границ тела форума?
Отредактировано Rion Leonheart (Вт, 8 Май 2012 17:37:35)
Похожие темы
| Таблицы на заказ (15) | Архив | Вт, 13 Янв 2015 |
| Таблицы на заказ (13) | Корзина | Вс, 26 Фев 2012 |
| Таблицы на заказ (16) | Архив | Пн, 31 Окт 2016 |
| Таблицы на заказ (10) | Корзина | Чт, 6 Янв 2011 |
| Таблицы на заказ (11) | Архив | Сб, 9 Июл 2011 |