Форум поддержки пользователей ZeroParking

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

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


Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Заказ таблиц №6


Заказ таблиц №6

Сообщений 451 страница 480 из 1000

451

Sushi229
Не понял, что вам собственно не нравиться? Вроде бы все грузиться сейчас нормально. Где  вы видите ошибку.

0

452

1. Ссылка на форум
http://diariesofthevam.rolka.su/
2. Скрин таблицы
http://s39.radikal.ru/i084/1010/4a/a6ff76863ae1.jpg
4. Форматирование текста
Заголовки выделены жирным шрифтом. Цветовая гамма (золотисто-черная)
5. Картинки для вставки.
http://s47.radikal.ru/i117/1010/5b/3ecf1f6ef0d3.jpg

Отредактировано ElenaGilbert12 (2010-10-04 16:34:51)

0

453

1. Ссылка на форум
http://oranoran.rolka.su/
...
2. Скрин таблицы
https://forumupload.ru/uploads/000c/67/31/188-2-f.jpg
...
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
все написано
сюжет- http://oranoran.rolka.su/viewtopic.php?id=2
шаблон анкеты- http://oranoran.rolka.su/viewtopic.php?id=5#p6
правила- http://oranoran.rolka.su/viewtopic.php?id=4#p5
роли- http://oranoran.rolka.su/viewtopic.php?id=6#p7
...
4. Форматирование текста
если можно мне написать текстом как в комиксах
...
5. Картинки для вставки.
https://forumupload.ru/uploads/000c/67/31/188-1-f.jpg

0

454

Каори Рен

Код:
<table width="100%" border="1">
  <tr>
    <td colspan="3"><marquee direction="left" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=3">Бегущая строка
    </marquee></td>
  </tr>
  <tr>
    <td width="63%" rowspan="2"><img src="https://forumupload.ru/uploads/000c/67/31/188-1-f.jpg"></td>
    <td width="20%" height="324"><div align="center">Ссылки:</div><br>
      <div align="center">
            <a href="http://oranoran.rolka.su/viewtopic.php?id=2">Сюжет</a><br>
            <a href="http://oranoran.rolka.su/viewtopic.php?id=5#p6">Шаблон анкеты</a><br>
            <a href="http://oranoran.rolka.su/viewtopic.php?id=4#p5">Правила</a><br>
        <a href="http://oranoran.rolka.su/viewtopic.php?id=6#p7">Роли</a></div></td>
    <td width="17%"><div align="center">Админы</div><br>
    <p align="center">текст </p>
    <div align="center">Модеры</div><br>
    <p align="center">текст </p></td>
  </tr>
  <tr>
    <td><div align="center">Календарь</div></td>
    <td><div align="center">Часы</div></td>
  </tr>
</table>

+1

455

спасибо**

0

456

ElenaGilbert12

Код:
<table width="100%" border="1">
  <tr>
    <td width="24%" height="162"><div id="yoblako" align="center"><noindex>
<a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a>
<a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a>
<a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a>
<a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a>
<a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a>
<a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a>
</noindex></div></td>
    <td width="53%" rowspan="2"><div align="center"><img src="http://s47.radikal.ru/i117/1010/5b/3ecf1f6ef0d3.jpg"></div></td>
    <td width="23%" rowspan="2"><div align="center">Чат</div></td>
  </tr>
  <tr>
    <td><div align="center">Календарь</div></td>
  </tr>
  <tr>
    <td rowspan="2"><div align="center">Администраторы:</div><br>
    <p align="center"><img src="Ссылка на картинку"></p></td>
    <td><marquee direction="left" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=3">Бегущая строка
    </marquee></td>
    <td rowspan="2"><div align="center">Модераторы:</div><br>
    <p align="center"><img src="Ссылка на картинку"></p></td>
  </tr>
  <tr>
    <td><div align="center">Приветствие</div><br>
    <p align="center"> тектс </p></td>
  </tr>
</table>

HTML-низ

Код:
<script type="text/javascript" src="http://0pk.ru/f/ru/0pk/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.mode = 'tags';
flashvars.minFontSize = '9';
flashvars.maxFontSize = '20';
flashvars.tcolor = '0xb22222';
flashvars.tcolor2 = '0xb22222';
flashvars.hicolor = '0x9400d3';
flashvars.distr = 'true';
flashvars.tspeed = '100';
eTagz = document.getElementById('yoblako').getElementsByTagName('A');
flashvars.tagcloud = '<tags>';
for (var i=0; eTagz[i]; ++i) flashvars.tagcloud += '<a href=\'' + eTagz[i].getAttribute('href')
+ '\' style=\'' + parseInt(eTagz[i].style.fontSize)
+ '\'>' + eTagz[i].innerHTML.replace(/&/i, '%26') + '</a>';
delete eTagz;
flashvars.tagcloud += '</tags>';
var params = {};
params.wmode = 'transparent';
params.bgcolor = '#FFFFFF';
params.allowscriptaccess = 'always';
var attributes = {};
attributes.id = 'yoblako';
attributes.name = 'tagcloud';
swfobject.embedSWF('http://neotech.3dn.ru/Tegs/tagcloud.swf', 'yoblako', '200', '150', '9.0.0', false, flashvars, params, attributes);
</script>

+1

457

Toshiro-kun
/любит, торжественно обещается каждый день заходить и ставить плюсы/

0

458

Toshiro-kun, вот как шапка отображается у меня:
принтскрин
Мне не нравятся черные полоски между фрагментами. Откуда они, вроде все интервалы я убрала?

Отредактировано Sushi229 (2010-10-04 19:37:04)

0

459

Sushi229
Не хочу вас расстраивать... но как я понял вы хотели сделать меньший вес? так.... так вот, толку из того что вы намудрили - не будет, посчитайте сами - получается почти тот же самый размер... так что вы не добились этим совершенно ничего)
Ну и промежутки убрать нереально. это линии даже если их скрыть по сути таблица так и останется таблицей просто линий не видно будет. в вашем случае - видны будут так и так.
И даже если так она у вас загружалась целиковая медленно, то теперь она загружается кусками отдельно медленно ^ ^

0

460

все ясно( все равно спасибо за объяснение. а чтобы уменьшить вес , а качество не трогать - это фантастика?

0

461

Sushi229

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

все ясно( все равно спасибо за объяснение. а чтобы уменьшить вес , а качество не трогать - это фантастика?

не фантастика, но нужно укладывать в два слоя, используя тег z-index; - второй слой над первым, причем его куски перекрывают прорези первого, впротивном случае, сейчас, при скроллинге масштаба или вертикальном скроллинге швы периодически проявляются при перерисовке картинки

Попробуй вставить вместо своего кода>

Код:
<table height="233"  width="850" border="1" cellspacing="0" cellpadding="0">
<tr >
<td align="left" valign="top"><img src="http://savepic.ru/1777517.png" width="850" height="71" alt="" /></td>
</tr>


<tr>
<td align="left" valign="top"><img src="http://savepic.ru/1817452.png" width="850" height="9" alt="" /></td>
</td>
</tr>

<tr>
<td align="left" valign="top"><img src="http://savepic.ru/1806188.png" width="850" height="23" alt="" /></td>
</td>
</tr>


<tr>
<td align="left" valign="top"><img src="http://savepic.ru/1801068.png" width="850" height="39" alt="" /></td>
</td>
</tr>


<tr>
<td align="left" valign="top"><img src="http://savepic.ru/1800044.png" width="850" height="7" alt="" /></td>
</td>
</tr>


<tr>
<td align="left" valign="top"><img src="http://savepic.ru/1787756.png" width="850" height="29" alt="" /></td>
</td>
</tr>


<tr>
<td align="left" valign="top"><img src="http://savepic.ru/1793900.png" width="850" height="46" alt="" /></td>
</td>
</tr>


</table>

Этот

<img src="http://savepic.ru/1777517.png" border="0" width="850" style="width: 100%;
margin-bottom: -6px;"
/>

<img src="http://savepic.ru/1817452.png" border="0" width="850"
style="width: 100%;
margin-bottom: -2px;"
/>

<img src="http://savepic.ru/1806188.png" border="0" width="850"
style="width: 100%;
margin-bottom: -2px;"
/>

<img src="http://savepic.ru/1801068.png" border="0" width="850"
style="width: 100%;
margin-bottom: -9px;"
/>

<img src="http://savepic.ru/1800044.png" border="0" width="850"
style="width: 100%;
margin-bottom: -2px;"
/>

<img src="http://savepic.ru/1787756.png" border="0" width="850"
style="width: 100%;
margin-bottom: -2px;"
/>

<img src="http://savepic.ru/1793900.png" border="0" width="850"
style="width: 100%;
margin-bottom: -0px;"
/>

:flirt:  Хотя в некоторых местах картинки швы даж придают оригинальность

Овчинка такого бессмысленного деления на секции не стоит выделки - нужна идея( имеет смысл отделять оч сложную небольшую картинку от практически фона, но с рисунком...
    Дробление же мелкого рисунка на части и отделение от цвета - смысла не имеет(чистый цвет практически не увеличивает объём файла...

Итог - Общий вес картинки поделенной на 7 частей > 112килобайт

Таже картинка в png c черным фоном > http://s60.radikal.ru/i168/1010/4d/561d2a914f42.png 77килобайт
Таже картинка на прозрачке отделенная от чистого фонового цвета > http://s55.radikal.ru/i147/1010/e1/39875ba049c8.png 91 килобайт(прозрачка, - например для перемещения над другой фоновой картинке)
Таже картинка на своем собственном фоне в jpg > http://s005.radikal.ru/i209/1010/40/58bdbce6d8a8.jpg 44 килобайта

Выводы:

1. Отделять стоит сложные небольшие сложные , насыщенные палитрой градиентом картинки от огромного фонового изображения практически без рисунка - тогда снижаем общий вес
2. Если нам не нужны прозрачности для перемещения над неоднородным фоном ( над однородным просто можно заскриншотить картинку на этом фоне) - делайте картинку в jpg - ( коэффициент качества выбираецо на этапе преобразования,
опция в ФШ > "Coxpaнить для Web и ycтpoйcтв"...   клавиши быстрого вызова >       Alt+Shift+Ctrl+S
Коэффициента качества обычно хватает от 56 - до 87 (в зависимости от насыщенности градиентом - на этапе преобразования есть  картинки сравнения исходной картинки и какая будет после преобразованния при заданном качестве...

При качестве 100% исходная картинка идентича выходной в JPG но и вес её не уменьшаецо ( а даж слегка возрастёт)

3. Дробление мелких картинок всегда увеличивает общий размер..( просто даже из-за соображений, что к каждому файлу нужен еще и свой хидер (а вообще еще и края рисунка имеют свои особенности оцифровки, т.е если возрастает общий периметр рисунка, объемы файла тоже растут
__________________

Toshiro-kun, :blush: Сорри за оффтоп

Отредактировано Deff (2010-10-04 23:14:46)

0

462

1. Ссылка на форум
http://bleach.mmohost.ru/
2. Скрин таблицы
https://forumupload.ru/uploads/0009/08/8e/752-1-f.jpg
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
только прокрутка
4. Форматирование текста
желательно, чтобы название текста и основной текст были отдельно друг от друга и теги для изменения шрифта(размер, стиль) если не получится, то простая стандартная прокрутка
5. Картинки для вставки.
https://forumupload.ru/uploads/0009/08/8e/753-1-f.png
эта картинка является фоном прокрутки. Поясняю. На картинке есть синий квадрат, эта прокрутка должна быть в cинем квадрате без отступов сверху и снизу. Но ни в коем случае не должна заходить за синию линию.

простите, может немного не в тему, а как добавить в обыкновенную таблицу фон?

заранее благодарю, после поставлю плюсик тому, кто поможет)))

0

463

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

простите, может немного не в тему, а как добавить в обыкновенную таблицу фон?

В первый тег таблицы добавляем.. / или в ячейку <td>  (*если надо по ячейкам)

<table style="background: #FD6E6A;"> ....

+1

464

Shinzi

<table width="268" height="501" border="0" background="https://forumupload.ru/uploads/0009/08/8e/753-1-f.png">
  <tr>
    <td height="238">&nbsp;</td>
  </tr>
  <tr>
    <td><div style="margin:0px 0px 0px 15px; left: 79px; top: 221px; overflow: auto; width: 225px; height: 220px;">текст
</div></td>
  </tr>
</table>

+1

465

Toshiro-kun очень благодарна) "+"

Deff спасибо большое) "+"

0

466

можно сделать так, как я нарисовал?
видел, что где-то в шапках даже можно создавать ссылки. пожалуйста, помогите.

0

467

Funny
Для верхней части - это отдельный код это не таблица. Вам нужно сделать шапку с местами желательно под ссылки ну и возвести сами ссылки на шапку
Меню, вертикальное расположение :)
И то что касаеться картинок вместо обычных слов это сюда
Замена надписей - Регистрация Войти и т.д. пост 128
Что бы эффект был вам нужно сделать определенный цвет форума а так же шапки ну или хотя бы просто сделать шапку без фона, она ляжет на имеющийся или же затушить края.
Таблицу сделаю как только заполните заявку и внимательно прочитаете правила!

0

468

1. Ссылка на форум
http://smkarulez.rolcity.ru/ (это пробный форум.)
2. Скрин таблицы
http://s46.radikal.ru/i113/1010/76/9eaa30bae9a3.jpg
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
в верхнем "прямоугольнике" пять кнопок со всплывающими окнами, а в нижнем поле с прокруткой.
4. Форматирование текста
всплывающие окна - Comic Sans Ms; 12px; цвет чёрный
5. Картинки для вставки.
картинку можете сделать как фон?
http://i065.radikal.ru/1010/8b/74cd9c90f453.png
для кнопок:
http://s005.radikal.ru/i209/1010/a0/61ba71697d1a.png
http://s51.radikal.ru/i134/1010/41/7f34de5efada.png
http://s005.radikal.ru/i212/1010/a6/49351a12384c.png
http://s002.radikal.ru/i200/1010/ea/d48c6d28e4c8.png
http://s41.radikal.ru/i091/1010/d3/f93ddff9c625.png
***
http://s61.radikal.ru/i174/1010/28/fb5b3b5d83b9.png

0

469

.marionetkoO
Картинки перезалейте только не на радикал >< поставите в место того что уже есть

Объявление.

Код:
<table width="743" height="475" border="0" background="http://s006.radikal.ru/i214/1010/1a/534aac33d9f1.png">
  <tr>
    <td width="45" height="29">&nbsp;</td>
    <td width="275">&nbsp;</td>
    <td width="409">&nbsp;</td>
  </tr>
  <tr>
    <td height="53">&nbsp;</td>
    <td align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
  <img src="http://s005.radikal.ru/i209/1010/a0/61ba71697d1a.png">
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="42">&nbsp;</td>
    <td align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://s005.radikal.ru/i212/1010/a6/49351a12384c.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="46">&nbsp;</td>
    <td align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
  <img src="http://s002.radikal.ru/i200/1010/ea/d48c6d28e4c8.png">
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="46">&nbsp;</td>
    <td align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
  <img src="http://s56.radikal.ru/i154/1010/29/75aeb322ca79.png">
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="46">&nbsp;</td>
    <td align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
  <img src="http://s51.radikal.ru/i134/1010/41/7f34de5efada.png">
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="187">&nbsp;</td>
    <td align="center"><div style="margin:25px 0px 0px 0px; left: 79px; top: 221px; overflow: auto; width: 270px; height: 125px;"><img src="http://s61.radikal.ru/i174/1010/28/fb5b3b5d83b9.png">
</div></td>
    <td>&nbsp;</td>
  </tr>
</table>

HTML-низ

Код:
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

HTML-верх

Код:
<style> 
div .splLink {width: 160px; height: 30px; font-weight: bold; background: transparent; }
.spll {width: 170px; height: 0px; }
.spll div .splCont {height: auto; width: 200px; background: #AAAAAA; padding: 5px; z-index: 1000;  border: 1px solid #FFFFFF; font-size: 12px; font-family: Comic Sans Ms; text-align: center;}
</style>

+1

470

Toshiro-kun написал(а):

Картинки перезалейте только не на радикал >< поставите в место того что уже есть

в каком смысле? через др редактор прогнать? О.о прост я не совсем поняла...  :unsure:
а за таблицу огромное человеческое спасибо)) пока только спасибо, а плюсик зав поставлю, сегодня не могу... ^___^

0

471

.marionetkoO
http://savepic.org/index.php вот сюда залейте картинки, так как радикал - это один ходячий баг ><

0

472

1. Ссылка на форум
talkroom.0pk.ru
2. Скрин таблицы

3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
в таблице указано, просто куда вставлять в скрипте, напишите, сама поставлю
4. Форматирование текста
желательно в готическом стиле, на русском языке, если не получается, то похожий
5. Картинки для вставки.

картинки эти со стиля, к сожалению, у меня их нет, если это возможно или они у вас (модераторы, дизайнеры, админы) есть, то буду оооочень благодарна, везде искала, не нашла, и ещё просьба, в таблице где слова администрация, друзья, часы и дата сделайте кнопочками в этом же стиле и без рамки саму таблицу.

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

0

473

Tusich6

Объявление

Код:
<table width="100%" border="1">
  <tr>
    <td colspan="4"><marquee direction="left" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=3"><font face="Century Gothic">Бегущая строка</font>
    </marquee></td>
  </tr>
  <tr>
    <td width="25%" align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
  <font face="Century Gothic">Администрация</font>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td width="25%" align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
  <font face="Century Gothic">Часы</font>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td width="25%" align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
  <font face="Century Gothic">Дата и время</font>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
   <td width="25%" align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
  <font face="Century Gothic">Наши друзья</font>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
  </tr>
</table>

HTML-верх

Код:
<style> 
div .splLink {width: 180px; height: 20px; font-weight: bold; background: transparent; }
.spll {width: 200px; height: 20px; }
.spll div .splCont {height: auto; width: 220px; background: #CCCCCC; padding: 5px; z-index: 1000;  border: 1px solid #020000; font-size: 12px; font-family: Century Gothic; text-align: center;}
</style>

HTML-низ

Код:
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

+1

474

Toshiro-kun
спасибо огромное!  :cool:
а картинки не реально сделать?

0

475

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

а картинки не реально сделать?

Я не совсем понял куда вам нужна картинка и какая... хотя выдернуть я ее вряд ли смогу

0

476

Toshiro-kun написал(а):

Я не совсем понял куда вам нужна картинка и какая... хотя выдернуть я ее вряд ли смогу

ладно, не буду Вас мучить )))))) сама попробую как-нибудь и что-нибудь сделать. Спасибо за таблицу, + поставила

0

477

:D всё проста классно!!!

0

478

Хочу заказать таблицу, но не знаю, делайте ли вы такое)
Если к примеру на картинку написать готовый текст, и просто если нажимаешь на определенную часть , то выплывает окно с текстом?) Такое делают?)

0

479

Avrora Nay
Да

0

480

1. Ссылка на форум
http://unknownsubstance.mybb.ru/
2. Скрин таблицы
http://s43.radikal.ru/i100/1010/09/480bd63ee2c4.png
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
нет
4. Форматирование текста
Century Gothic (шрифт) Жирный
5. Картинки для вставки.
сама

0


Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Заказ таблиц №6


Рейтинг форумов | Создать форум бесплатно