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

Поделиться321Чт, 26 Апр 2012 15:15:37

Автор: Кэтрин из Мексики**
Заслуженный
Зарегистрирован: Пн, 16 Апр 2012
Сообщений: 6
Уважение: 0
Позитив: 0
Пол: Женский
Последний визит:
Чт, 26 Апр 2012 15:15:39

Я конечно не тороплю, но мой заказ тут тоже есть

0

Поделиться322Чт, 26 Апр 2012 20:40:26

Автор: Леди Джулия
Стремящийся
Зарегистрирован: Ср, 18 Апр 2012
Сообщений: 4
Уважение: 0
Позитив: 0
Последний визит:
Вс, 20 Май 2012 14:00:34

Заказ выполнен.

Отредактировано Леди Джулия (Пт, 4 Май 2012 14:01:01)

0

Поделиться323Пт, 27 Апр 2012 11:16:18

Автор: Я и только Я
Заслуженный
Зарегистрирован: Чт, 3 Ноя 2011
Сообщений: 28
Уважение: 0
Позитив: +2
Пол: Женский
Последний визит:
Сб, 5 Май 2012 22:03:40

1.

2.
http://sobakivoinasvor.mybb.ru/
3.
Изначально там где "картинка" стоит картинка, но потом от кнопок (1,2,3...) Туда открываются окна. + Эти кнопки (1,2,3...) будут картинками. В большом окне прокрутка. Поля прозрачные.

Отредактировано Я и только Я (Вс, 29 Апр 2012 22:07:06)

0

Поделиться324Пт, 27 Апр 2012 20:53:21

Автор: Варя;
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 234
Уважение: +9
Позитив: +21
Пол: Женский
Последний визит:
Ср, 24 Мар 2021 19:47:26

Астра

Большое вам спасибо) плюсик ставлю)

0

Поделиться325Пт, 27 Апр 2012 23:58:48

Автор: .aliren
Заслуженный
Зарегистрирован: Пт, 30 Мар 2012
Сообщений: 7
Уважение: 0
Позитив: 0
Пол: Женский
Последний визит:
Вс, 13 Май 2012 04:47:32

И меня пропустили (:

0

Поделиться326Вс, 29 Апр 2012 19:03:52

Автор: Aira
Заслуженный
Зарегистрирован: Вс, 21 Авг 2011
Сообщений: 86
Уважение: 0
Позитив: +17
Последний визит:
Пн, 1 Дек 2014 23:25:54

Адрес форума: http://avataruniverse.rolka.su/

Вид таблицы картинкой:

Размеры:
под размер форума

Объекты в таблице:
красным- Текст бегущей строкой: Добр пожаловать на форум ролевую "Аватар: История продолжается."
синим- блок с кнопками-картинками(сделайте пожалуйста макет, куда я позже сама смогу их вставить), при нажатии на которые информация отображается в зеленом участке таблицы, в котором есть прокрутка.

Фон: прозрачный, границы тоже прозрачные

0

Поделиться327Пн, 30 Апр 2012 09:43:28

Автор: Korsika
Заслуженный
Зарегистрирован: Вс, 15 Апр 2012
Сообщений: 28
Уважение: 0
Позитив: +3
Последний визит:
Чт, 17 Май 2012 13:17:05

Здравствуйте!
http://s57.radikal.ru/i157/1204/cc/51e27ca56341.jpg
2) http://vonzalevski.7bb.ru/
3) В эскизе указанно все)

Фон прозрачный,границы прозрачные)
Заранее огромное спасибо
С уважением

0

Поделиться328Вт, 1 Май 2012 11:47:09

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

Kopillya, если еще актуальность не утратило, то удаляете элементы старой таблицы и ставите в объявление:

Код:

<style>
.splLink {width: 178px; height: 48px;}
.splCont {height: auto; width: 300px; padding: 5px; z-index: 1000; margin-top: -50px; margin-left: 190px; border: 2px solid #D2B48C; text-align: center;
background-color: transparent; 
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;}
</style>

<table style="width: 100%;" cellpadding="0" cellspacing="2" border="0">
<tr>

<td align="left" valign="top"><DIV><div class=splLink><img src="http://uploads.ru/t/f/0/K/f0KOA.jpg"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 1

</DIV></DIV></td>
<td align="right" rowspan="5">

<img style="width: 483px; height: 473px; margin: 0 0 -3px 0;" src="ссылка">

</td>
</tr><tr>
<td align="left" valign="top"><DIV><div class=splLink><img src="http://uploads.ru/t/E/n/p/EnpyP.jpg"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 2

</DIV></DIV></td>
</tr><tr>
<td align="left" valign="top"><DIV><div class=splLink><img src="http://uploads.ru/t/D/Q/S/DQSO1.jpg"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 3

</DIV></DIV></td>
</tr><tr>
<td align="left" valign="top"><DIV><div class=splLink><img src="http://uploads.ru/t/C/6/f/C6fpA.jpg"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 4

</DIV></DIV></td>
</tr><tr>
<td align="left" valign="top"><DIV><div class=splLink><img src="http://uploads.ru/t/2/Z/w/2Zwtn.jpg"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 5

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

</tr>
</table>

<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

1) Где написано - "Ваш контент 1/2/и т.д." - текст, который сами впишите.
2) Где увидите - то что красным:

<td align="left" valign="top"><DIV><div class=splLink><img src="http://uploads.ru/t/f/0/K/f0KOA.jpg"></div>

Туда вставляются картинки кнопок.
3) Адрес большой картинки ставится в этой части кода туда, где выделено зеленым:

<td align="right" rowspan="5">

<img style="width: 483px; height: 473px; margin: 0 0 -3px 0;" src="ссылка">

</td>

0

Поделиться329Вт, 1 Май 2012 12:02:37

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

Кэтрин из Мексики**,

1) Кнопки. При наведении курсора должны менять цвет?
2) Картинка слева.
а) статична по отношению к остальному контенту?
б) на каждый контент - своя новая картинка?

0

Поделиться330Вт, 1 Май 2012 12:06:58

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

ХиХи, эм, а это нормально, что форум белый и без цветов вообще? Оо

0

Поделиться331Вт, 1 Май 2012 12:47:02

Автор: Танюшка1482
Заслуженный
Зарегистрирован: Пн, 3 Дек 2007
Сообщений: 194
Уважение: +5
Позитив: +54
Пол: Женский
Последний визит:
Вс, 20 Дек 2015 00:56:15

Здравствуйте... А у меня просьба дополнить уже существующую табличку (если конечно это возможно)
Мне нужно в четвертой вкладке, где "Афиша" добавить слайдер на еще две такие же "странички" с тремя картинками в ряд. Чтобы когда нажимаешь на афишу, там появлялись еще стрелочки и можно было ее перелистнуть... Нам места не хватило)))

Ссылка на форум - http://eldorado.rusff.ru/
Вот стрелочки

Если нужен код таблицы - я скину... заранее спасибо.

0

Поделиться332Вт, 1 Май 2012 14:28:48

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

Jeka89, сделал все что мог - в объявление:

Код:

<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
</style>

<style>	
#menu {margin-top: 1px;}

#menu span {
width: 150px;
height: 22px;
text-align: center;
display: block;
margin-bottom: 3px;
padding: 10px 0 10px 0;
color: #000;
font-size: 16px;
font-weight: bold;
font-family: 'Georgia';
font-style: italic;}

#menu .tabactive {color: #EFFF9F; border-color: #EFFF9F;}

#submenu {
padding: 3px;
width: 99%;}

.submenutext {
display: none;
height: 150px;
padding: 20px;}

.submenutext h3 {
font-size: 14px;
font-weight: bold;
font-family: 'Georgia';
font-style: italic;}

#menu span, .submenutext {border: 1px solid #62b062;}

</style>

<center><table style="width: 100%; border: 1px solid #62b062;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td align="center" style="width: 156px;">
    <div id="menu">
<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>
    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block; text-align: left;">

<h3><img src="http://uploads.ru/i/m/x/s/mxsh4.png"> Тема 1</h3>
<br/>
<h3><img src="http://uploads.ru/i/m/x/s/mxsh4.png"> Тема 2</h3>
<br/>
<h3><img src="http://uploads.ru/i/m/x/s/mxsh4.png"> Тема 3</h3>
<br/>
<h3><img src="http://uploads.ru/i/m/x/s/mxsh4.png"> Тема 4</h3>

</div>
     <div id="sm2" class="submenutext" style="text-align: left;">

<h3><img src="http://uploads.ru/i/p/q/X/pqXUY.png"> <a href="ссылка на тему">Заказ 1</a></h3>
<br/>
<h3><img src="http://uploads.ru/i/p/q/X/pqXUY.png"> <a href="ссылка на тему">Заказ 2</a></h3>
<br/>
<h3><img src="http://uploads.ru/i/p/q/X/pqXUY.png"> <a href="ссылка на тему">Заказ 3</a></h3>

</div>
     <div id="sm3" class="submenutext" style="text-align: center; height: 184px!important; padding: 3px!important;">

<table style="width: 100%; height: 100%;">
<tr>
<td style="height: 60px; border-bottom: 1px solid #62b062;" align="center" colspan="2">

<h3>Логотип</h3>
<img src="ссылка">

</td>
</tr>
<tr>
<td style="width: 75%; height: 100px;" align="center" valign="top">

<h3>О форуме</h3>

текст текст текст текст

</td>
<td style="width: 25%;" align="center">
<div style="width: 99%; height: 112px; border: 2px solid #62b062;">
<h3>Баннер</h3>
<br/>
<img style="width: 88px; height: 31px;" src="ссылка">
<br/>
<textarea cols="45" rows="3">

код баннера

</textarea>
</div>
</td>
</tr>
</table>

</div>
     <div id="sm4" class="submenutext" style="text-align: center; height: 184px!important; padding: 3px!important;">

<table style="width: 100%; height: 100%;">
<tr>
<td style="width: 25%; border: 2px solid #62b062;" align="center" valign="top">

<h3>Баннеры</h3>
<br/>
<div style="width: 99%; height: 144px; overflow-y: auto;">

баннер
<br/>
баннер
<br/>
баннер

</div>

</td>
<td style="width: 50%; border: 2px solid #62b062;" align="center" valign="top">

<h3>Наши сайты</h3>

<table style="width: 100%; height: 160px;" border="0" cellpadding="3">
<tr>
<td style="width: 50%; height: 80px;" align="center" valign="top">

ВКонтакте 1
<br/>
<a href="ссылка на сайт"><img src="ссылка на картинку"></a>

</td>
<td style="width: 50%;" align="center" valign="top">

ВКонтакте 2
<br/>
<a href="ссылка на сайт"><img src="ссылка на картинку"></a>

</td>
</tr>
<tr>
<td style="height: 80px;" align="center" valign="top">

ВКонтакте 3
<br/>
<a href="ссылка на сайт"><img src="ссылка на картинку"></a>

</td>
<td align="center" valign="top">

ВКонтакте 4
<br/>
<a href="ссылка на сайт"><img src="ссылка на картинку"></a>

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

</td>
<td style="width: 25%; border: 2px solid #62b062;" align="center" valign="top">

<h3>Статистика</h3>
<br/>
<div style="width: 99%; height: 144px; overflow-y: auto;">

баннер
<br/>
баннер
<br/>
баннер

</div>

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

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

+1

Поделиться333Вт, 1 Май 2012 14:36:40

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

Katherine Pierce, ну если нижний блок - который будет в графе объявления - я еще себе представляю, то верхний - можно поподробнее? Как внутренние элементы должны располагаться?

Или заказ уже неактуален ввиду боковых таблиц?

0

Поделиться334Вт, 1 Май 2012 14:40:54

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

.aliren, тонкая черная рамка вокруг принципиальна?

0

Поделиться335Вт, 1 Май 2012 14:47:44

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

Леди Джулия, что-то у меня на вашем форуме реклама от сервиса сползает прямо на объявление - так и должно быть?

0

Поделиться336Вт, 1 Май 2012 14:52:36

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

Я и только Я,

1) Размер картинки?
2) Размер картинок кнопок?
3)
а) Эта самая картинка будет в первой кнопке?
б) Или она просто над кнопками?
4) Если 3-а, то это таблица с переменным контентом?
Если 3-б, то это таблица с всплыв. вверх меню?

0

Поделиться337Вт, 1 Май 2012 14:53:59

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

Aira,

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

блок с кнопками-картинками

а размер картинок какой :question:

0

Поделиться338Вт, 1 Май 2012 15:03:56

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

Korsika, 600 пикселей в ширину на мэп-карту, +350 на картинку, и еще должно остаться на текст справа, это шире самого тела форума, которое всего 901 пиксель, -10 пикселей отступов по краям, не считая отступы в контейнерах разметки.

Не сходятся размеры.

0

Поделиться339Вт, 1 Май 2012 15:14:06

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

Танюшка1482, в итоге слайдер должен быть на 3 слайда?

0

Поделиться340Вт, 1 Май 2012 16:21:01

Автор: Jeka89
Заслуженный
Зарегистрирован: Пт, 20 Апр 2012
Сообщений: 36
Уважение: +5
Позитив: +6
Пол: Мужской
Последний визит:
Вт, 21 Май 2013 13:29:30

Rion Leonheart
спасибо огромное,отличная таблица :cool:

0

Таблицы на заказ (15)	Архив	Вт, 13 Янв 2015
Таблицы на заказ (13)	Корзина	Вс, 26 Фев 2012
Таблицы на заказ (16)	Архив	Пн, 31 Окт 2016
Таблицы на заказ (10)	Корзина	Чт, 6 Янв 2011
Таблицы на заказ (11)	Архив	Сб, 9 Июл 2011

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

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

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

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