Таблицы на заказ (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