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

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

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


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


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

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

921

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

0

922

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

0

923

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

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

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

0

924

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="http://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="http://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="http://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="http://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

Мифирт,

в объявление

Код:
<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

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

0

927

Мифирт, а так?

Код:
<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

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

0

929

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

0

930

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

0

931

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

0

932

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

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

0

933

Всем привет.
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

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

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

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



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



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

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

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

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

0

935

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

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

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

0

936

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

0

937

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

0

938

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

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="http://forumupload.ru/uploads/000c/d9/aa/1592-5.gif"</a> 

</marquee>

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

0

940

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

0


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