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

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

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Единый форум поддержки » Архив » Таблицы на заказ (14)

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

Страница:   1 … 45 46 47 48 49 50  

Сообщений 921 страница 940 из 1000

921

  • Автор: Shiro-san
  • Заслуженный
  • Shiro-san
  • Зарегистрирован: Сб, 12 Май 2012
  • Сообщений: 27
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Пт, 7 Авг 2015 00:02:18

1. http://bleachut.rusff.ru/
2. https://forumstatic.ru/files/0011/f6/5d/31488.png
3. Хотелось бы, чтобы ячейки были расположены так же, как и на эскизе, свет их #d8dfd0
Чтобы над ячейками были расположены также были эти картинки:
https://forumstatic.ru/files/0011/f6/5d/78607.png
https://forumstatic.ru/files/0011/f6/5d/95956.png
https://forumstatic.ru/files/0011/f6/5d/84152.png
https://forumstatic.ru/files/0011/f6/5d/84087.png
В первой ячейки навигации, должны быть ссылки, которые могли бы быть в два столба.
Во второй ячейки навигации, нужна прокрутка для обычного текста.
А на картинке "Друзья" по клику, должно всплывать окно и там будут баннеры партнеров.

0

922

  • Автор: Psychiater12
  • Заслуженный
  • Psychiater12
  • Зарегистрирован: Пн, 27 Июн 2011
  • Сообщений: 6
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Пн, 14 Окт 2013 04:56:03

Rion Leonheart
Спасибо вам просто огроменное!)

0

923

  • Автор: Мифирт
  • Заслуженный
  • Зарегистрирован: Вс, 30 Янв 2011
  • Сообщений: 8
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Чт, 1 Ноя 2012 00:09:46

1. Ссылка на форум
http://perworld.rolka.su/
2. Скрин таблицы
http://s1.uploads.ru/t/Cjso5.jpg

3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
Прокрутка в графе "текст с прокруткой". Навигация и Пиар - выпадающие меню. Если есть возможность сделать всю таблицу с закругленными краями (в том числе и выпадающие менюшки), если сложно, то не нужно.
4. Форматирование текста
Ничего не надо.
5. Картинки для вставки.
Без картинки.

Размеры - в ширину таблица 800, в длину - если есть возможность, что бы менялась по мере заполнения текстом. Если нет, то не принципиально, я потом сам подгоню.
Заранее спасибо.

0

924

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

Shiro-san, очередной дизайн  ^^

Код:
<style>
#shiro-sun td {text-align: left; vertical-align: top;}

.splLink {width: 93px; height: 33px;}
.splCont {height: 134; width: 309px; background: transparent url(http://s1.uploads.ru/i/nhTkK.png) top center no-repeat; padding: 10px; z-index: 1000; margin-top: -189px; margin-left: 220px; font-family: sans-serif; text-align: center;}
</style>

<center><table id="shiro-sun" style="width: 810px; height: 400px;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 214px;">

<center><img src="https://forumstatic.ru/files/0011/f6/5d/95956.png"/></center>

<div style="width: 187px; height: 310px; padding: 10px; background: transparent url(http://s1.uploads.ru/i/82gUa.png) top center no-repeat; margin: 2px 0 0 3px; text-align: justify;">

text left

</div>

</td>

<td style="width: 344px;">

<center><img src="https://forumstatic.ru/files/0011/f6/5d/78607.png"/></center>

<div style="width: 310px; height: 148px; padding: 10px; background: transparent url(http://s1.uploads.ru/i/YHEpC.png) top center no-repeat; margin: 6px 0 6px 7px; text-align: justify;">

<table style="width: 100%; height: 100%;">
<tr>
<td style="width: 50%; text-align: center;">

<a href="link">link 1</a><br/><br/>
<a href="link">link 1</a><br/><br/>
<a href="link">link 1</a><br/><br/>
<a href="link">link 1</a><br/><br/>
<a href="link">link 1</a><br/><br/>
<a href="link">link 1</a>

</td>
<td style="width: 50%; text-align: center;">

<a href="link">link 2</a><br/><br/>
<a href="link">link 2</a><br/><br/>
<a href="link">link 2</a><br/><br/>
<a href="link">link 2</a><br/><br/>
<a href="link">link 2</a><br/><br/>
<a href="link">link 2</a>

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

</div>

<div style="width: 309px; height: 134px; padding: 10px; background: transparent url(http://s1.uploads.ru/i/nhTkK.png) top center no-repeat; margin-left: 7px;">

<div style="width: 100%; height: 134px; overflow-y: auto; text-align: justify;">

text bottom text bottom text bottom text bottom text bottom text bottom text bottom text bottom text bottom text bottom text bottom

text bottom text bottom text bottom text bottom text bottom text bottom text bottom text bottom text bottom text bottom text bottom

text bottom text bottom text bottom text bottom text bottom text bottom text bottom text bottom text bottom text bottom text bottom

text bottom text bottom text bottom text bottom text bottom text bottom text bottom text bottom text bottom text bottom text bottom

text bottom text bottom text bottom text bottom text bottom text bottom text bottom text bottom text bottom text bottom text bottom

</div>

</div>

</td>

<td style="width: 252px;">

<center><img src="https://forumstatic.ru/files/0011/f6/5d/84087.png"/></center>

<div style="width: 225px; height: 309px; padding: 10px; background: transparent url(http://s1.uploads.ru/i/VZItX.png) top center no-repeat; margin: 7px 0 0 4px; text-align: justify;">

text left

</div>

</td>
</tr>
<tr>
<td colspan="3">

<center><DIV><div class=splLink><img src="https://forumstatic.ru/files/0011/f6/5d/84152.png"/></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

<div style="width: 100%; height: 134px; overflow-y: auto;">

partners partners partners partners partners partners partners partners partners partners partners partners partners partners partners 

partners partners partners partners partners partners partners partners partners partners partners partners partners partners partners 

partners partners partners partners partners partners partners partners partners partners partners partners partners partners partners 

partners partners partners partners partners partners partners partners partners partners partners partners partners partners partners 

partners partners partners partners partners partners partners partners partners partners partners partners partners partners partners 

</div>

</DIV></DIV></center>

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

Тестируй.

0

925

  • Автор: Leonheart
  • Заслуженный
  • 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: 0em}

#kumo-chan td {
  text-align: center;
  vertical-align: middle;
  border: 1px solid #336633;

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

#kumo-chan h3 {margin: 5px 0 8px 0; font-weight: bold; font-family: 'arial', sans-serif; font-size: 14px; color: #333300; text-decoration: underline;}

.splLink {width: 200px; height: 18px; padding-bottom: 8px;}
.splLink h3:hover {color: #848E2D!important; text-decoration: none!important;}

.splCont {height: auto; width: 300px; background: #92A563; padding: 5px; z-index: 1000; margin-top: 5px; margin-left: 40px; border: 1px inset #336633; font-size: 10px; text-align: justify;}

.splCont {
    -webkit-border-radius: 10px;
     -khtml-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;}
</style>

<center><table id="kumo-chan" style="width: 790px;" cellpadding="0" cellspacing="4">
<tr><td style="padding: 5px;">

<h3>Заголовок 1</h3>

<div style="width: 100%; max-height: 200px; overflow-y: auto;">

Много текста. Размножать до посинения. Прокрутка появляется автоматически. Максимальная высота поля, подстраивающаяся на автомате под количество букаф - 200 пикселей!!!

</div>

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

<h3>Создатели</h3>

текст

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

<h3>Мастер-Команда</h3>

текст

</td></tr>
<tr><td style="border: none;">

<table style="width: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 50%;"><DIV><center><div class=splLink><h3>Навигация</h3></div></center>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент навигатора

</DIV></DIV></td>
<td><DIV><center><div class=splLink><h3>Пиар</h3></div></center>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент пиара

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

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

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

0

926

  • Автор: Мифирт
  • Заслуженный
  • Зарегистрирован: Вс, 30 Янв 2011
  • Сообщений: 8
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Чт, 1 Ноя 2012 00:09:46

Rion Leonheart
Более чем шикарно. ) Один только вопрос. Выпадающие меню - не выпадают. В чем причина?

0

927

  • Автор: Leonheart
  • Заслуженный
  • 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: 0em}

#kumo-chan td {
  text-align: center;
  vertical-align: middle;
  border: 1px solid #336633;

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

#kumo-chan h3, .splLink {margin: 5px 0 8px 0; font-weight: bold; font-family: 'arial', sans-serif; font-size: 14px; color: #333300; text-decoration: underline;}

.splLink {width: auto; height: 18px; padding-bottom: 8px;}
.splLink:hover {color: #848E2D!important; text-decoration: none!important;}

.splCont {height: auto; width: 300px; background: #92A563; padding: 5px; z-index: 1000; margin-top: 5px; margin-left: 40px; border: 1px inset #336633; font-size: 10px; text-align: justify;}

.splCont {
    -webkit-border-radius: 10px;
     -khtml-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;}
</style>

<center><table id="kumo-chan" style="width: 790px;" cellpadding="0" cellspacing="4">
<tr><td style="padding: 5px;">

<h3>Заголовок 1</h3>

<div style="width: 100%; max-height: 200px; overflow-y: auto;">

Много текста. Размножать до посинения. Прокрутка появляется автоматически. Максимальная высота поля, подстраивающаяся на автомате под количество букаф - 200 пикселей!!!

</div>

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

<h3>Создатели</h3>

текст

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

<h3>Мастер-Команда</h3>

текст

</td></tr>
<tr><td style="border: none;">

<table style="width: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 50%;" align="center"><DIV><div class=splLink>Навигация</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент навигатора

</DIV></DIV></td>
<td style="width: 50%;" align="center"><DIV><div class=splLink>Пиар</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент пиара
текст
</DIV></DIV></td>
</tr>
</table>

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

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

0

928

  • Автор: Мифирт
  • Заслуженный
  • Зарегистрирован: Вс, 30 Янв 2011
  • Сообщений: 8
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Чт, 1 Ноя 2012 00:09:46

Rion Leonheart
Все работает. Выглядит просто супер идеально. ) Еще раз огромное спасибо. )

0

929

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

Rion Leonheart
о, прям так, как я хотела!спасиииииииибо ^  ^

0

930

  • Автор: Shiro-san
  • Заслуженный
  • Shiro-san
  • Зарегистрирован: Сб, 12 Май 2012
  • Сообщений: 27
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Пт, 7 Авг 2015 00:02:18

Rion Leonheart
А то как, я же дизайнер - для себя, своих и на заказ xD
Спасибо)

0

931

  • Автор: Maychu
  • Заслуженный
  • Зарегистрирован: Вт, 18 Сен 2012
  • Сообщений: 19
  • Уважение: +1
  • Позитив: 0
  • Последний визит:
    Сб, 3 Ноя 2012 23:01:58

1 Если можно вот такую http://s61.radikal.ru/i172/1209/aa/96c165103d08t.jpg
2 форум http://catyshca.mybb.ru/
3 поля самые тонкие вот таким цветом EFD4B4. И размер под форум если можно.

0

932

  • Автор: Путь
  • Стремящийся
  • Зарегистрирован: Вт, 18 Сен 2012
  • Сообщений: 1
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Ср, 29 Май 2013 04:12:00

1) Эскиз вашей будущей таблицы, сделанный в любом графическом редакторе (Пэинт, Фотошоп и т.д.) - обязательно!
http://uploads.ru/i/cQ80I.png
2) Ссылка на ваш форум !Заказы без ссылок приниматься не будут!
http://firecatsstory.mybb.ru/
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.
Заказы типа "Сделайте: Как там!" также приниматься не будут. Потрудитесь нарисовать макет таблицы самостоятельно.
Что бы границы выделялись.

Отредактировано Путь (Вт, 18 Сен 2012 13:47:11)

0

933

  • Автор: SergejSor
  • Заслуженный
  • Зарегистрирован: Ср, 19 Сен 2012
  • Сообщений: 10
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Чт, 4 Окт 2012 11:05:34

Всем привет.
1. Вот пример оформления http://www.pixic.ru/i/Q070Y0725133a463.jpg
2. Сам форум
http://hardserv52rus.ixbb.ru/
3. Кнопки наверху желательно сделать в овале как на примере.
4. Файлы верней шапки и фона
http://www.pixic.ru/i/t000F0M2B1731497.jpg
http://www.pixic.ru/i/O0W0R042T1L334s8.jpg

Сам я совсем не знаю что куда помещать, если можно, то объясните как мне все сделать.
Возможно ли поставить свои значки в название темы?
Спасибо.

0

934

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

Если можно вот такую

Картинка та самая, которая сейчас стоит у вас в таблице?

Путь, вы третий, кто предоставляет мне эскиз этой таблицы - традиционный вопрос - как выглядит вторая вкладка?

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

Возможно ли поставить свои значки в название темы?

Укажите на скриншоте, что вы имеете ввиду?

Отредактировано Rion Leonheart (Ср, 19 Сен 2012 15:17:04)

0

935

  • Автор: SergejSor
  • Заслуженный
  • Зарегистрирован: Ср, 19 Сен 2012
  • Сообщений: 10
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Чт, 4 Окт 2012 11:05:34
Rion Leonheart написал(а):

Укажите на скриншоте, что вы имеете ввиду?

http://imglink.ru/thumbnails/19-09-12/ed91974eb31a8f58f23b7942f1f138a4.jpg

0

936

  • Автор: Maychu
  • Заслуженный
  • Зарегистрирован: Вт, 18 Сен 2012
  • Сообщений: 19
  • Уважение: +1
  • Позитив: 0
  • Последний визит:
    Сб, 3 Ноя 2012 23:01:58

Rion Leonheart
Картинка будет та же. Я её уменьшу до нужного размера или переделаю.

0

937

  • Автор: Maychu
  • Заслуженный
  • Зарегистрирован: Вт, 18 Сен 2012
  • Сообщений: 19
  • Уважение: +1
  • Позитив: 0
  • Последний визит:
    Сб, 3 Ноя 2012 23:01:58

SergejSor
Можно) я ставила) в скриптах поищите код)

0

938

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

SergejSor,

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

Возможно ли поставить свои значки в название темы?

Заходите в администрирование - > настройки -> подпункт - html-верх - и ставите в него код:

<style type="text/css">
/* Ставим новые иконки  */
.punbb table Div.icon {float: left; display: block; width: 70px; height: 70px; border-style: none;
background: url(http://...) no-repeat;
position: relative; margin-right: 13px; margin-left: 10px;}
TR.inew Div.icon {
background: url(http://...) no-repeat;}
TR.isticky Div.icon {
background: url(http://...) no-repeat;}
TR.iclosed Div.icon {
background: url(http://...) no-repeat;}
</style>

Красным (width) - ширина иконки, синим (height) - высота, параметры 70 в обоих случая регулируются под вашу иконку. Все картинки должны быть одинакового размера.

.punbb table Div.icon - отвечает за иконки старых сообщений,
TR.inew Div.icon - новых сообщений,
TR.isticky Div.icon - иконки важных тем (не на главной странице, на страницах тем,
TR.iclosed Div.icon - иконки закрытых тем (тоже не на главной странице форума, только в подфорумах.

Параметр - background: url(http://...) - устанавливает свою картинку на иконку, вместо http://... - ваша ссылка на данную картинку.

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

Вот пример оформления

Относительно фона, шапки и ссылок в панели навигации. Все в тот же html-верх:

Код:
<style type="text/css"> 
/*меню навигации*/
#pun-navlinks a {
  color: #000000;
  text-decoration: none;
  background-color: #84AF1F;
  padding: 2px 7px 2px 7px;

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

#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  border: 1px solid #D4EC3B;
  }

/*шапка*/
#pun-title h1 {background: none;}
#pun {background: #000000 url(http://s1.uploads.ru/61CAt.jpg) top left no-repeat;}

/*поправка рекламы*/
#pun-title TD.title-logo-tdr {padding-top: 20px;}

/*задний фон*/
html, body {background: transparent none;}
</style>
<img src="http://www.pixic.ru/i/O0W0R042T1L334s8.jpg" style="position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100% ; margin: 0 0 0 0;"/>

Однако скругление ссылок доступно не во всех браузерах. В частности - старые версии IE.

Отредактировано Rion Leonheart (Чт, 20 Сен 2012 17:40:31)

0

939

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

Maychu,

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

Код:
<style>
#cotaaa td {
  border: 1px solid #EFD4B4;
  text-align: center;
  vertical-align: top;}

#cotaaa h3 {font-style: italic; font-family: 'palantino linotype', serif; font-size: 17px; margin: 5px 0 7px 0;}
</style>

<table id="cotaaa" style="width: 100%;" cellspacing="0" cellpadding="0">
<tr>
<td style="width: 25%;" rowspan="2">

<h3>Навигация</h3>

<a href="ссылка 1">Название 1</a>
<br/><br/>
<a href="ссылка 2">Название 2</a>
<br/><br/>
<a href="ссылка 3">Название 3</a>

<br/><br/><h3>Погода</h3>

<div style="width: 100%; max-height: 192px; overflow-y: auto;">

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

</div>

</td>
<td style="width: 50%;">

<h3>Коты-воители. Воля и дух.</h3>

</td>
<td style="width: 25%;" rowspan="2">

<h3>Новости</h3>
<div style="width: 100%; height: 302px; overflow-y: auto;">

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

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

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

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

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

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

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

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

<img style="width: 400px; margin-bottom: -2px;" src="http://i020.radikal.ru/1209/28/17fa74f84bc4.jpg">

</td>
</tr>
<tr>
<td colspan="3">

<marquee style="width: 100%; height: 31px;" scrollAmount="3">

<a target="_blank" href="http://koti.rolevaya.ru"><img src="http://savepic.net/2548058.gif"></a>
<a href="http://cwinfor.mybb.ru/" target="_blank"><img src="http://savepic.su/1928189.gif"></a>
<a href="http://ic.spybb.ru/"><img src="https://forumupload.ru/uploads/000c/d9/aa/1592-5.gif"</a> 

</marquee>

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

0

940

  • Автор: Maychu
  • Заслуженный
  • Зарегистрирован: Вт, 18 Сен 2012
  • Сообщений: 19
  • Уважение: +1
  • Позитив: 0
  • Последний визит:
    Сб, 3 Ноя 2012 23:01:58

Rion Leonheart
Суппер! Прям как я хотела) Спасибо большое)

0

Страница:   1 … 45 46 47 48 49 50  

Вы здесь » Единый форум поддержки » Архив » Таблицы на заказ (14)