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

Поделиться281Чт, 15 Дек 2011 23:22:29

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

Coffe,

<table style="width: 100%; height: 200px; text-align: center; font-size: 11px; font-family: Lucida Sans Unicode;" border="0" cellspacing="0">

<tr><td width="350" style="border: 1px solid #999;">

<img src="http://savepic.net/2202211.jpg">

</td><td style="border: 1px solid #999;"><div style="width: 100%; height: 198px; overflow: auto;">

ytgggggggggggggggggggggggggggggggggggg

</div></td></tr>

</table>

Правда cellspacing отвечает за отступ между ячейками таблицы - по умолчанию он равен 1, при обнулении вы видите "слипшиеся" границы, как на вашем эскизе.

+1

Поделиться282Чт, 15 Дек 2011 23:43:28

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

не получилось...(((

0

Поделиться283Чт, 15 Дек 2011 23:49:37

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

Coffe, внимательнее:

style="border: 1px solid #999;"

1 пиксель - ширина границы. А у вас она равна Зеро (0).

Отредактировано Rion Leonheart (Чт, 15 Дек 2011 23:53:38)

0

Поделиться284Чт, 15 Дек 2011 23:55:14

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

Rion Leonheart
Всё, спасибо огромное!))))

0

Поделиться285Пт, 16 Дек 2011 14:59:44

Автор: Самикуша
Заслуженный
Зарегистрирован: Ср, 1 Июн 2011
Сообщений: 46
Уважение: 0
Позитив: +10
Пол: Женский
Последний визит:
Пн, 8 Апр 2013 20:06:59

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

Гладь, здравствуйте. Можно, но мы не против, если вы нас немного встряхнете) [img]http://mybb.ru/f/collection/0208.gif[img]

Да? Тогда ладно_)

0

Поделиться286Пт, 16 Дек 2011 15:47:34

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

Delete

Отредактировано Rion Leonheart (Пн, 19 Дек 2011 17:45:05)

0

Поделиться287Пт, 16 Дек 2011 16:30:39

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

`Seven Jay, если вдруг решите заглянуть:

В html-верх:

Код:

<style>
.splLink {
width: 150px; 
height: 20px; 
border: none; 
text-align: center;
padding: 10px;
font-size: 14px;
font-weight: bold;}

.splCont {
height: 150px; 
width: 200px; 
background: #666; 
padding: 5px; 
margin-top: 5px; 
border: 2px solid #fff; 
text-align: center;

border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;}

</style>

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

Код:

<center><table style="width: 85%; height: 200px; border: 1px solid #000; border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px;" cellspacing="25" cellpadding="0" border="1">
<tr height="50%" style="border: 1px solid #000; border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px;">

<td align="center" width="30%" style="border: 1px solid #000; border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px;"><DIV><div class=splLink>Новости</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="width: 100%; height: 148px; overflow: auto;">

Ваш Контент 1

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

<td align="center" width="30%" style="border: 1px solid #000; border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px;"><DIV><div class=splLink>Администраторы</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="width: 100%; height: 148px; overflow: auto;">

Ваш Контент 2

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

<td align="center" width="30%" style="border: 1px solid #000; border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px;"><DIV><div class=splLink>Модераторы</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="width: 100%; height: 148px; overflow: auto;">

Ваш Контент 3

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

</tr><tr height="50%">

<td align="center" style="border: 1px solid #000; border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px;"><DIV><div class=splLink>Полезные ссылки</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="width: 100%; height: 148px; overflow: auto;">

Ваш Контент 4

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

<td align="center" style="border: 1px solid #000; border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px;"><DIV><div class=splLink>В игре</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="width: 100%; height: 148px; overflow: auto;">

Ваш Контент 5

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

<td align="center" style="border: 1px solid #000; border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px;"><DIV><div class=splLink>Погода в игре</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="width: 100%; height: 148px; overflow: auto;">

Ваш Контент 6

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

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

В html-низ:

Код:

<!--Спойлер - контейнер-->
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

0

Поделиться288Пт, 16 Дек 2011 19:01:49

Автор: antuanna
Заслуженный
Зарегистрирован: Пн, 5 Сен 2011
Сообщений: 88
Уважение: +1
Позитив: +6
Последний визит:
Ср, 30 Янв 2013 21:42:01

Rion Leonheart
Плюсик дала, копирайт поставлю, затискать можно?
http://miceworld.rusff.ru/

0

Поделиться289Пт, 16 Дек 2011 19:13:20

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

Delete

Отредактировано Rion Leonheart (Пн, 19 Дек 2011 17:45:43)

0

Поделиться290Пт, 16 Дек 2011 23:26:10

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

Rion Leonheart
У меня такой вопрос. Можно ли в ячейках 1,2,3,4 шрифт сделать другого цвета, а в окошке "новости" оставить такой, как есть? Просто иначе текста не видно...

0

Поделиться291Сб, 17 Дек 2011 04:50:19

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

Coffe,

<style>
.splLink {width: 100px; height: auto; text-align: center;}
.splCont {height: 150px; width: 200px; background: #696969; padding: 3px; margin: 5px -50px; border: 1px solid #fff; text-align: center; font-size: 11px; font-family: Lucida Sans Unicode; opacity: 0.8; filter: alpha(Opacity=80); color: #fff;}
</style>

0

Поделиться292Сб, 17 Дек 2011 07:02:38

Автор: авакадо
Заслуженный
Зарегистрирован: Чт, 27 Янв 2011
Сообщений: 134
Уважение: +1
Позитив: +40
Последний визит:
Вт, 12 Мар 2013 19:45:15

Здравствуйте)
Можно пожалуйста таблицу для боковой панели макет
подскажите, а скрипт на увеличивающиеся иконки при навождении ставить прямо туда?
Заранее спасибо!

0

Поделиться293Сб, 17 Дек 2011 07:06:56

Автор: авакадо
Заслуженный
Зарегистрирован: Чт, 27 Янв 2011
Сообщений: 134
Уважение: +1
Позитив: +40
Последний визит:
Вт, 12 Мар 2013 19:45:15

ссылка на форум в профиле

0

Поделиться294Сб, 17 Дек 2011 12:33:22

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

авакадо, здравствуйте.
А разве в скрипте на увеличивающиеся изображения не написано, что и куда вставлять? Оо

Отредактировано Rion Leonheart (Сб, 17 Дек 2011 13:08:23)

0

Поделиться295Сб, 17 Дек 2011 13:04:14

Автор: авакадо
Заслуженный
Зарегистрирован: Чт, 27 Янв 2011
Сообщений: 134
Уважение: +1
Позитив: +40
Последний визит:
Вт, 12 Мар 2013 19:45:15

Rion Leonheart
нашла такой, где все написано)

0

Поделиться296Сб, 17 Дек 2011 13:09:07

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

авакадо,

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

Код:

<table style="width: 202px; height: 320px; text-align: center; position: absolute; margin-top: 204px; margin-left: -250px!important;" border="0" cellspacing="1" cellpadding="0">
<tr height="40"><td style="border: 1px solid #000!important;">

Верхний блок

</td></tr>
<tr height="75"><td style="border: 1px solid #000!important;"><div style="width: 100%; height: 73px; overflow: auto;">

Первый блок с прокруткой

</div></td></tr>
<tr height="16"><td>

<form> 
<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)"> 
<option>Выпадающее меню</option> 
<option value="ссылка на тему">Тема 1</option>
<option value="ссылка на тему">Тема 2</option>
<option value="ссылка на тему">Тема 3</option>
<option value="ссылка на тему">Тема 4</option>
</select> 
</form>

</td></tr>
<tr height="75"><td style="border: 1px solid #000!important;"><div style="width: 100%; height: 73px; overflow: auto;">

Второй блок с прокруткой

</div></td></tr>
<tr><td>

<img width="50" height="50" src="ссылка на аватар">
<img width="50" height="50" src="ссылка на аватар">
<img width="50" height="50" src="ссылка на аватар">
<img width="50" height="50" src="ссылка на аватар">
<img width="50" height="50" src="ссылка на аватар">
<img width="50" height="50" src="ссылка на аватар">

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

Отредактировано Rion Leonheart (Пн, 19 Дек 2011 17:47:00)

+1

Поделиться297Сб, 17 Дек 2011 13:28:24

Автор: авакадо
Заслуженный
Зарегистрирован: Чт, 27 Янв 2011
Сообщений: 134
Уважение: +1
Позитив: +40
Последний визит:
Вт, 12 Мар 2013 19:45:15

Rion Leonheart
абсолютно! спасибо! )

0

Поделиться298Сб, 17 Дек 2011 13:49:07

Автор: coffeeyes
Заслуженный
Зарегистрирован: Ср, 7 Дек 2011
Сообщений: 12
Уважение: 0
Позитив: 0
Последний визит:
Чт, 19 Янв 2012 00:14:48

Всем доброго времени суток.

1) Хотелось бы вот такую таблицу

2) http://testoda.mybb.ru/
3) Если это возможно, сохраните шрифт пожалуйста и слова дата, время, погода и подзаголовки жирным шрифтом.

Заранее спасибо.

0

Поделиться299Сб, 17 Дек 2011 14:16:32

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

coffeeyes, здравствуйте.
1. Шрифт можно сохранить только в случае, если нарисовать заголовки в граф. редакторе.
2. Касаемо граф. редактора - в моем на англ. шрифт я еще найду аналог, а вот на русский - аналога нет.
3. Картинки с ссылками - это:
а) картинка, а рядом ссылка на профиль/пост?
б) кликабельная картинка?

0

Поделиться300Сб, 17 Дек 2011 14:21:36

Автор: coffeeyes
Заслуженный
Зарегистрирован: Ср, 7 Дек 2011
Сообщений: 12
Уважение: 0
Позитив: 0
Последний визит:
Чт, 19 Янв 2012 00:14:48

Rion Leonheart
1. Здравствуйте. Спасибо за столь оперативный ответ)
2. Так русский, не проблема)) меня больше английский интересовал..давайте "лучший игрок" заменим на "Best Player, а "лучший пост" на "Best post".
3. кликабельная картинка (аватар, нажимаешь на него, перекидывает на профиль участника).

0

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

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

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

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

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

Сообщений 281 страница 300 из 1000

Поделиться281Чт, 15 Дек 2011 23:22:29

Поделиться282Чт, 15 Дек 2011 23:43:28

Поделиться283Чт, 15 Дек 2011 23:49:37

Поделиться284Чт, 15 Дек 2011 23:55:14

Поделиться285Пт, 16 Дек 2011 14:59:44

Поделиться286Пт, 16 Дек 2011 15:47:34

Поделиться287Пт, 16 Дек 2011 16:30:39

Поделиться288Пт, 16 Дек 2011 19:01:49

Поделиться289Пт, 16 Дек 2011 19:13:20

Поделиться290Пт, 16 Дек 2011 23:26:10

Поделиться291Сб, 17 Дек 2011 04:50:19

Поделиться292Сб, 17 Дек 2011 07:02:38

Поделиться293Сб, 17 Дек 2011 07:06:56

Поделиться294Сб, 17 Дек 2011 12:33:22

Поделиться295Сб, 17 Дек 2011 13:04:14

Поделиться296Сб, 17 Дек 2011 13:09:07

Поделиться297Сб, 17 Дек 2011 13:28:24

Поделиться298Сб, 17 Дек 2011 13:49:07

Поделиться299Сб, 17 Дек 2011 14:16:32

Поделиться300Сб, 17 Дек 2011 14:21:36