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

Поделиться401Пн, 7 Май 2012 18:48:27

Автор: Селена Де Мор Вилл
Стремящийся
Зарегистрирован: Сб, 5 Май 2012
Сообщений: 6
Уважение: 0
Позитив: 0
Последний визит:
Сб, 26 Май 2012 22:48:38

Rion Leonheart, таблицу делал Мрак. Я делала картинки. Посему и прошу Вашей помощи дабы таблицу правильно заполнить. Я с таблицей сама не справлюсь. Я буду Вам очень благодарна, если поможете.

0

Поделиться402Пн, 7 Май 2012 19:00:40

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

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>

0

Поделиться403Пн, 7 Май 2012 19:01:56

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

Селена Де Мор Вилл, все, теперь понял, немного позже.

0

Поделиться404Пн, 7 Май 2012 19:03:06

Автор: Селена Де Мор Вилл
Стремящийся
Зарегистрирован: Сб, 5 Май 2012
Сообщений: 6
Уважение: 0
Позитив: 0
Последний визит:
Сб, 26 Май 2012 22:48:38

Rion Leonheart, премного благодарна, достопочтенный сударь)) Буду ждать.

0

Поделиться405Пн, 7 Май 2012 19:07:58

Автор: профессор миллер
Стремящийся
Зарегистрирован: Чт, 3 Май 2012
Сообщений: 5
Уважение: 0
Позитив: 0
Последний визит:
Пн, 7 Май 2012 19:08:14

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

профессор миллер,

ну обновите объявление

все понятно
спасибо
сама никак

0

Поделиться406Пн, 7 Май 2012 19:16:24

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

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

сама никак

Что значит - никак? Не обновляется? :question:

0

Поделиться407Пн, 7 Май 2012 19:21:53

Автор: Bordum
Заслуженный
Зарегистрирован: Пн, 7 Май 2012
Сообщений: 11
Уважение: 0
Позитив: 0
Последний визит:
Пн, 4 Авг 2014 23:06:22

Rion Leonheart
Огромное спасибо, подошло.)

0

Поделиться408Пн, 7 Май 2012 20:23:11

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

Селена Де Мор Вилл,

в объявление:

Код:

<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, т.е. рисуете эскиз таблицы админов и снова сюда, только со ссылкой созданной страницы - чтобы было на чем шаблон проверить.

~~*чайная пауза*~~

0

Поделиться409Пн, 7 Май 2012 20:32:35

Автор: Селена Де Мор Вилл
Стремящийся
Зарегистрирован: Сб, 5 Май 2012
Сообщений: 6
Уважение: 0
Позитив: 0
Последний визит:
Сб, 26 Май 2012 22:48:38

Rion Leonheart, большое Вам спасибо, достопочтенный сударь!)) Буду сначала пробовать на тестовом форуме. Думаю, в скором времени вернусь.

0

Поделиться410Пн, 7 Май 2012 20:37:45

Автор: Селена Де Мор Вилл
Стремящийся
Зарегистрирован: Сб, 5 Май 2012
Сообщений: 6
Уважение: 0
Позитив: 0
Последний визит:
Сб, 26 Май 2012 22:48:38

Rion Leonheart, скажите пожалуйста, ссылку на картинку, что будет основным фоном таблицы (там где текст), куда ставить? Не могу что-то найти.

0

Поделиться411Пн, 7 Май 2012 21:57:51

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

Селена Де Мор Вилл написал(а):

скажите пожалуйста, ссылку на картинку, что будет основным фоном таблицы (там где текст), куда ставить?

~~Моя так не понимаэ, какой текст, какая картинка.~~

Принтскрин страницы форума - стрелочкой показать - что куда?

0

Поделиться412Пн, 7 Май 2012 23:47:58

Автор: Селена Де Мор Вилл
Стремящийся
Зарегистрирован: Сб, 5 Май 2012
Сообщений: 6
Уважение: 0
Позитив: 0
Последний визит:
Сб, 26 Май 2012 22:48:38

Rion Leonheart, я вроде как кое-что придумала. Если получится, тогда никуда. Коли нет, будет принтскрин и стрелочка) Большое спасибо!

0

Поделиться413Вт, 8 Май 2012 13:11:24

Автор: Coffe
Заслуженный
Зарегистрирован: Вс, 30 Окт 2011
Сообщений: 251
Уважение: +3
Позитив: +20
Последний визит:
Пн, 12 Ноя 2018 18:27:19

1) Эскиз вашей будущей таблицы, сделанный в любом графическом редакторе (Пэинт, Фотошоп и т.д.) - обязательно!

2) Ссылка на ваш форум
http://wolvesway.mybb.ru/
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.
Должно быть пять отдельных окон, основное и четыре второстепенных, но границ между ними быть не должно! (на рисунке я выделила их красным чтобы были видны четыре второстепенных окна и обозначила их цифрами) Прокруток никаких не нужно, если текст будет слишком длинный, то таблица должна сама "удлиняться".

Ширина таблицы должна регулироваться (так как с новым дизайном тело форума будет то расширяться, то сужаться). То есть пусть сейчас она по ширине 750 пикселей, но потом чтобы я могла сделать либо 800 либо 700 например. Чёрная "рамка" должна быть не столь жирной, а минимально узкой, и желательно с такими же закругленными краями, как на рисунке, если это возможно. Если нет, пусть края будут квадратные. Далее. Под рамкой, а не в рамке должны находиться партнёры. И картинка, как указано на рисунке. И ещё, шрифт в таблице и размер обязательно должен регулироваться!

0

Поделиться414Вт, 8 Май 2012 13:32:34

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

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

И картинка, как указано на рисунке.

Размеры?

0

Поделиться415Вт, 8 Май 2012 14:38:16

Автор: Coffe
Заслуженный
Зарегистрирован: Вс, 30 Окт 2011
Сообщений: 251
Уважение: +3
Позитив: +20
Последний визит:
Пн, 12 Ноя 2018 18:27:19

Rion Leonheart
А регулировать её будет нельзя?..(
Ну пусть будет ширина - 315, высота - 80

0

Поделиться416Вт, 8 Май 2012 15:42:54

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

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

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

ширина - 315, высота - 80

ок, чуть позже.

0

Поделиться417Вт, 8 Май 2012 15:53:41

Автор: Coffe
Заслуженный
Зарегистрирован: Вс, 30 Окт 2011
Сообщений: 251
Уважение: +3
Позитив: +20
Последний визит:
Пн, 12 Ноя 2018 18:27:19

Rion Leonheart
Ок, жду с нетерпением)

0

Поделиться418Вт, 8 Май 2012 16:38:59

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

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>

В ширину растягивается под любой стиль, прокруток нет, все автоматически удлиняется при заполнении.

Зеленым - размер шрифта
Красным - семейство шрифтов

0

Поделиться419Вт, 8 Май 2012 17:20:57

Автор: Coffe
Заслуженный
Зарегистрирован: Вс, 30 Окт 2011
Сообщений: 251
Уважение: +3
Позитив: +20
Последний визит:
Пн, 12 Ноя 2018 18:27:19

Rion Leonheart
Огромное спасибо! Только можно таблицу по краям с некоторым отступом сделать, по сто пикселей например? Да и вообще можно сделать так, чтобы я в дальнейшем могла сама регулировать ширину отступов? Вот пример того, что я хочу - http://wolvessignatureblood.rolka.su/

0

Поделиться420Вт, 8 Май 2012 17:27:04

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

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

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

Отступить по 100 пикселей внутрь от границ тела форума?

Отредактировано Rion Leonheart (Вт, 8 Май 2012 17:37:35)

0

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

Меню навигации

Пользовательские ссылки

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

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

Сообщений 401 страница 420 из 1000

Поделиться401Пн, 7 Май 2012 18:48:27

Поделиться402Пн, 7 Май 2012 19:00:40

Поделиться403Пн, 7 Май 2012 19:01:56

Поделиться404Пн, 7 Май 2012 19:03:06

Поделиться405Пн, 7 Май 2012 19:07:58

Поделиться406Пн, 7 Май 2012 19:16:24

Поделиться407Пн, 7 Май 2012 19:21:53

Поделиться408Пн, 7 Май 2012 20:23:11

Поделиться409Пн, 7 Май 2012 20:32:35

Поделиться410Пн, 7 Май 2012 20:37:45

Поделиться411Пн, 7 Май 2012 21:57:51

Поделиться412Пн, 7 Май 2012 23:47:58

Поделиться413Вт, 8 Май 2012 13:11:24

Поделиться414Вт, 8 Май 2012 13:32:34

Поделиться415Вт, 8 Май 2012 14:38:16

Поделиться416Вт, 8 Май 2012 15:42:54

Поделиться417Вт, 8 Май 2012 15:53:41

Поделиться418Вт, 8 Май 2012 16:38:59

Поделиться419Вт, 8 Май 2012 17:20:57

Поделиться420Вт, 8 Май 2012 17:27:04