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

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

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


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


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

Сообщений 211 страница 240 из 1000

211

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

а можно что бы было с прокруткой? )))

Nikita380, можно.

В коде таблицы найдите строки и добавьте, там где нужна прокрутка, как выделено красным.

<div id="sm1" class="submenutext" style="display:block;">
<div style="width: 100%; height: 100%; overflow: auto; overflow-x: hidden;">Контент 1-й кнопки</div>
</div>

Прокрутка появится автоматически.

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

а можно ли что бы при нажатие на новости вылизала эта картинка?

Можно, но для этого надо полностью переделывать таблицу. Т.е. в этом варианте - нельзя.)) Вы уж определитесь с видом и картинками, а потом сделаете заказ.  :glasses:

0

212

Кофеман написал(а):

Можно, но для этого надо полностью переделывать таблицу. Т.е. в этом варианте - нельзя.)) Вы уж определитесь с видом и картинками, а потом сделаете заказ.

я решил так, что бы при нажатие на новости вылезала так картинка, а остальные вкладки та прежняя, то есть которая сейчас стоит, прошу сделайте мистер)))

0

213

Кофеман
текст исчезает, перезагрузил страницу, на секунду показала текст, и потом испарился тупо(((

0

214

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

текст исчезает, перезагрузил страницу, на секунду показала текст, и потом испарился тупо(((

Nikita380, читайте еще раз:

В коде таблицы найдите строки и добавьте, там где нужна прокрутка, как выделено красным.

<div id="sm1" class="submenutext" style="display:block;">
<div style="width: 100%; height: 100%; overflow: auto; overflow-x: hidden;">Контент 1-й кнопки</div>
</div>

Разве я писал, что нужно копировать и повторять то, что не выделено красным.

Ставьте в объявление, я исправил

Код:
<div align="center" style="width: 879px; height: 450px; background: url(http://s2.itrash.ru/idb/8eaeb81c0359b639180ef4737a60dedf/o5237345.png) no-repeat center; padding-top:44px; margin-left: -14px!important;">
<table cellspacing="0" cellpadding="0" border="0" width="840" height="403" >
<tr>
	<td align="center" width="100%" height="70">
<div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
<span alt=#sm2 "style="cursor: pointer;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
<span alt=#sm3 "style="cursor: pointer;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
<span alt=#sm4 "style="cursor: pointer;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
<span alt=#sm5 "style="cursor: pointer;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
</b>
	</td>
</tr>
<tr>
	<td height="333" id="MenuTxT" valign="top">
	<div id="submenu">
	<div id="sm1" class="submenutext" style="display:block;">
<div style="width: 100%; height: 100%; overflow: auto; overflow-x: hidden;">Глава 4
<<Смерть придет из-за угла>>
<br><br>
Общее
<br><br>
28 февраля произошло то что уже давно предсказывали аналитики, а именно началась война, на 4 великих селений были совершенны нападения в ходе, которых было потерянно до трети состава, агрессор был не известен, а так, как совет каге не успел собраться, то началась боевая гонка, каждое селение готовилось к войне не на жизнь, а на смерть. Спустя 48 часов было совершенно нападение на деревню скрытого снега и деревня перестала существовать, ещё через 2 дня была аналогичная атака на деревню скрытой травы,  с большими жертвами среди личного состава шиноби деревни, удалось защитить мирных граждан, но сама деревня разрушена почти полностью и принято решение начать эвакуацию жителей в скрытый водопад. После этого к самураем обратились с просьбой об обеспечении безопасности встречи каге, главы всех селений. Но к представителям самураев так же обратились шиноби скрытого звука и тумана, дабы самураи не дали согласия на эту встречу, у себя на территории.
Коноха,  Суна,  Кумо, Ива, Таки.
<br><br>
Организовываются похороны погибших 28 числа шиноби, а так же идут попытки наладить дипломатические отношения друг с другом, так как полной уверенности, что нападали не союзные деревни нет. И даже факт потерь, убеждает не всех.
<br><br>

Ото, Акацки и Ястреб
<br><br>

В Ото идет усиленная подготовка шиноби, за счет внезапности атак, шиноби Ото и Кири не понесли серьёзных потерь, а если брать в учет личное качество состава Акацки и Ястреба, то думаю вы понимаете причины, такого удачного начала войны.
<br><br>
Кири
<br><br>
Тут все сложней хотя начало войны и не принесло серьёзных потерь, но внутри самой деревни идет раздор, официальная власть захвачена Мадарой, и соответственно деревня идет по курсу Акацки и Ко., но под предводительством бывшей мизукаге, Теруми Мей, строится подпольное сопротивление ставящее себе в цели освобождение деревни от тирании Мадары и отказ от войны с другими селениями.
<br><br></div>
</div>
     <div id="sm2" class="submenutext">
<div style="width: 100%; height: 100%; overflow: auto; overflow-x: hidden;"><h3 align="center"><font color=##0000CD>Проверяющие Техники<font>
<br></br>
<a href="http://katinanarutorolka.ru/messages.php?action=new&uid=401">Хитс Тоуширо</a><br>
<br><br>

<a href="http://katinanarutorolka.ru/messages.php?action=new&uid=830">Нагато Пэйн</a><br>
<br><br>

<a href="http://katinanarutorolka.ru/profile.php?section=essentials&id=1090">Uchiha Vergil </a><br>
<br><br>

<a href="http://katinanarutorolka.ru/messages.php?action=new&uid=3087">Хэй Тоуширо</a><br>
<br><br>

<a href="http://katinanarutorolka.ru/messages.php?action=new&uid=2968">Хошиаке Кисаме</a><br>
<br><br>


<a href="http://katinanarutorolka.ru/messages.php?action=new&uid=753">Учиха Итачи</a><br>
<br><br>

</h3>



 <h3 align="center"><font color=##0000CD>Проверяющие сюжет<font>
<br></br>
<a href="http://katinanarutorolka.ru/messages.php?action=new&uid=1924">Акане</a><br>
<br><br>

<a href="http://katinanarutorolka.ru/messages.php?action=new&uid=1795">Ами</a><br>
<br><br>

<a href="http://katinanarutorolka.ru/profile.php?id=3330">Сарутоби</a><br>

<br><br>
<a href="http://katinanarutorolka.ru/profile.php?id=2332">Нобу</a><br></div>
</div>
     <div id="sm3" class="submenutext">
<div style="width: 100%; height: 100%; overflow: auto; overflow-x: hidden;"><a href="http://katinanarutorolka.ru/viewtopic.php?id=5708#p271919">Акция #1. "Месяц канонов"</a><br>
[Действует до 05.01.2011]
<br><br>
<a href="http://katinanarutorolka.ru/viewtopic.php?id=5707#p271918">Акция #2. Неканонам путь открыт</a><br>
[Действует до 05.01.2011]
<br><br>
<a href="http://katinanarutorolka.ru/viewtopic.php?id=5704#p271913">Акция #3. Опыт падает, как доллар</a><br>
[Действует до 05.01.2011]
<br><br>
<a href="http://katinanarutorolka.ru/viewtopic.php?id=5705#p271914">Акция #4 Помоги себе, помогая нам</a><br>

[Действует до 05.01.2011]
<br><br>
<a href="http://katinanarutorolka.ru/viewtopic.php?id=5706#p271915">Акция #5. "С друзьями веселее"</a></div>
</div>
<div id="sm4" class="submenutext">
<div style="width: 100%; height: 100%; overflow: auto; overflow-x: hidden;">


<a target="_blank" href="http://hanami.rolka.su/"><img src="http://s46.radikal.ru/i113/1003/00/3e162dc9b531.png" ></a>
<a target="_blank" href="http://darkfairytale.rolbb.ru/"><img src="http://imgs.su/tmp/1307341329-231.jpg"></a>
<a href="http://bleachzknr.mybb.ru/" target=_blank> <img src="http://i55.tinypic.com/11chc9c.jpg" title="Bleach: zero kara no rekishi" ></a>
<a href="http://narutodestiny.spybb.ru/" target=_self><img src="http://s001.radikal.ru/i195/1003/9b/e31d8f472f6c.gif"alt="Naruto the bons of destiny" ></a>
<a target="_blank" href="http://kolubel.mybb.ru"><img src="http://s003.radikal.ru/i201/1004/60/6ec49e013715.gif"></a>
<br><a href="http://narutoshi.anihub.ru/"><img src="http://xmages.net/storage/10/1/0/1/b/upload/4e1a3d55.gif"
border=0 title="   Naruto Shippuuden risen from the darkness"></a>
<a href="http://fairymagic.rolevaya.ru" target="_blank"><img border="0" src="https://forumupload.ru/uploads/000d/46/f6/107-1.jpg" title="Fairy tail: let the magic begin!" width="88" height="31"></a>
<a href="http://bleachnaruto.ru" target="_blank"><img src="http://savepic.org/1438596.gif" border="0" alt=".Naruto VS Bleach - New Gods." /></a>
<a href="http://razashi.rolbb.ru/"target=_new><IMG alt="Magic School "Razashi"" 
src="http://i057.radikal.ru/1103/bd/560fb16346d3.png"></a>
<a href="http://lovelessforever.ru" target="_blank">
<img src="https://forumupload.ru/uploads/0003/67/1c/128749-4.gif" border="0" alt="Ролевая по Loveless" title="Нажми, тут интересно ^__~">
<a href="http://hproleplay.mybb.ru" target="_blank"><img src="http://savepic.org/1525590.gif" border="0" alt="Harry Potter and the Deathly Hallows="88" height="31" /></a>

<a href="http://reibi.rolka.su/" target="_blank"><img src="http://savepic.net/122757.gif" alt="Reibi"></a>
<a href="http://heavenschool.ru/"><img src="https://forumupload.ru/uploads/0005/36/64/369825-1.gif" border="0" alt="Райская школа - у нас ты будешь, как в Раю!" ></a>
</a>
<a href="http://khrrole.rolka.su/" target="_blank"><img src="http://s013.radikal.ru/i325/1102/ff/622c0b232acc.gif" border="0"></a></div>
</div>
<div id="sm5" class="submenutext">
<div style="width: 100%; height: 100%; overflow: auto; overflow-x: hidden;">Коноха: Светит ясное солнце температура примерно 24 градуса. Как все таки красива Коноха в это время суток лучи солнца играют в листве и не дают вам задремать на лавочке в парке.
Суна: Палит вовсю около 40 градусов и по всей видимости начинается песчаная буря. Ах как же страшна пустыня в это время года, сначала солнце задирает у вас все силы, а потом буря погребает вас под метровым слоем песка. Ужасная смерть!
Аме: Дождь прошел и выглянуло солнце, градусов примерно около 12 довольно прохладно.
Кума: Стоит непроглядный туман температура поднялась до 18 градусов.
Остальные селения: Тишина и благодать. Как хорошо здесь вовремя затишка. </div>
</div>
</div>
	</td>
</tr>
</table>
</div>
Nikita380 написал(а):

я решил так, что бы при нажатие на новости вылезала так картинка, а остальные вкладки та прежняя, то есть которая сейчас стоит, прошу сделайте мистер)))

Ну. я тоже много чего решаю. Я же говорю, в таком варианте добавить смену картинки нельзя.
Хотите смены картинок - выделите из первоначальной картинки широкую закругленную область, не меняя высоты и ширины исходной каринки (ниже надписей-ссылок только фон). Так же сделайте и на второй картинке - отделите низ отдельно.
Оба низа, картинки широкой области и области поделенной на части должны иметь одинаковую ширину и высоту, для накладки на первоначальную.
И наконец - оформляйте заказ на таблицу, указав картинки для вставки. Если Вам это интересно.

0

215

Кофеман
спасибо)
и что если я сделаю заказ, вы будете делать его что ли?

Кофеман написал(а):

Ну. я тоже много чего решаю. Я же говорю, в таком варианте добавить смену картинки нельзя.
Хотите смены картинок - выделите из первоначальной картинки широкую закругленную область, не меняя высоты и ширины исходной каринки (ниже надписей-ссылок только фон). Так же сделайте и на второй картинке - отделите низ отдельно.
Оба низа, картинки широкой области и области поделенной на части должны иметь одинаковую ширину и высоту, для накладки на первоначальную.
И наконец - оформляйте заказ на таблицу, указав картинки для вставки. Если Вам это интересно.

я не фига не понял ОО"

0

216

нужно переделать, простите за такое(((
1. Ссылка на форум
http://epochofdragons.anihub.ru/
2. Скрин таблицы
http://s2.itrash.ru/idb/149fa0af1c8f93f … oad234.png
ту картинку плиз в новости (NEWS)
там три окошечка, плиз в них обоих сделайте плиз прокрутку и подпишете, самую маленькую ссылки, что ниж ее топ, а большую просто текст)))
http://s2.itrash.ru/idb/e913dc2c38f3510 … en2i-2.png
тут плиз везде пусть будет, и прокрутка, то есть эта картинка в остальных вкладках.
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
при нажатие к примеру на слово акции вылезает окошечко, если на админ вылезает окошко, а то закрывается
4. Форматирование текста
...
5. Картинки для вставки.
...

0

217

Nikita380, Вы картинки сами рисовали? Может пусть лучше тот, кто рисовал мне в ЛС напишет, я поясню, что надо сделать и как отделить. Тогда возьмусь.

0

218

Кофеман
лс написал!

0

219

1. Ссылка на форум
http://spiritlegend.0bb.ru/

2. Скрин таблицы
*тыкабельно*

3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
Хм... Только всплывающие окна, да и кликабельные аватарки администрации.... (Всё на скрине показано)

4. Форматирование текста
Шрифт обыкновенный, русский и желательно понятный^^

5. Картинки для вставки.
Я сама вставлю)

+1

220

1. Ссылка на форум
http://newnarutofan.anihub.ru/
2. Скрин таблицы
Няк.
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
Толька прокрутка и выплывающие окна.
4. Форматирование текста
Обыкновенный черный шрифт.
5. Картинки для вставки.
Все вставлю сама.

0

221

1. Ссылка на форум
http://test6666.rolka.su/
2. Скрин таблицы
Вот он, родимый
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
Где нужна прокрутка и бегущая строка - указано на рисунке.
4. Форматирование текста
Обычный, черный. как и на остальном форуме.
5. Картинки для вставки.
Если можно, то названия ячеек (Сюжет, Приветствие...) сделать рисунками (ссылки потом сама вставлю). И чтобы Админы и т.д. тоже были рисунками с ссылками. (Тоже потом сама поставлю)

И еще, чтобы границ не было. И примерный размер - 800*450.
Заранее спасибо :flirt:

Отредактировано Mina Harker (2011-07-16 17:55:45)

0

222

1. Ссылка на форум
http://cwedgereality.mybb.ru/
2. Скрин таблицы
https://forumupload.ru/uploads/000f/dd/de/501-1-f.png
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
все показано, прокрутка и всплывающие окна=) границы НЕ видны!!!
4. Форматирование текста
Обычный, arial, цвет таблицы под цвет фона форума, цвет можно темно синий...
5. Картинки для вставки.

Отредактировано ~Korina~ (2011-07-16 21:38:15)

0

223

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

0

224

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

нужно переделать, простите за такое(((

Nikita380, переделал, заменяете

Стиль в окне HTML-верх

Код:
<style> 
#menu {
height: 63px;
padding-top:1px;
width: 99%;
}
#menu span {
padding: 20px 46px;
position: relative;
top: 20px; 
width: 150px;
text-decoration: none;
color: #696F82;
font-size: 18px;
}

#submenu {
height: 335px;
font-size: 14px;
width: 100%px;
/* margin-left: 15px; 
padding: 4px 40px;
margin-top: 4px; */
}

.submenutext {
display: none;
width: 810px; 
height: 327px;
margin-left: 11px; 
margin-top: 3px;
/* height: 96%;
padding: 1%; */
}
</style>

Новый код таблицы для Объявления

Код:
<div align="center" style="width: 879px; height: 450px; background: url(http://s2.itrash.ru/idb/36d34a4ff0efe4d9353065fd06249ec5/oBez_imfsfsdfdsfen2i-2.png) no-repeat center; padding-top:44px; margin-left: -14px!important;">
<table cellspacing="0" cellpadding="0" border="0" width="840" height="403" >
<tr>
	<td align="center" width="100%" height="70">
<div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
<span alt=#sm2 "style="cursor: pointer;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
<span alt=#sm3 "style="cursor: pointer;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
<span alt=#sm4 "style="cursor: pointer;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
<span alt=#sm5 "style="cursor: pointer;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
</b>
	</td>
</tr>
<tr>
	<td height="333" id="MenuTxT" valign="top">
	<div id="submenu">
	<div id="sm1" class="submenutext" style="display:block; background: url(http://s2.itrash.ru/idb/36d34a4ff0efe4d9353065fd06249ec5/oBez_imenifsa34-2.png) no-repeat center; ">
<div style="width: 528px; height: 284px; overflow: auto; overflow-x: hidden; margin-left: 20px; top: 19px; padding: 2px; position: relative;">

Контент кнопки новости
прокрутка автоматически

</div> 
<div style="position: relative; left: 615px; top: -285px; width: 156px; height: 112px; overflow: auto; overflow-x: hidden; padding: 2px;">

Текст справа вверху новости
прокрутка автоматически

</div>
<div style="position: relative; left: 609px; top: -243px; width: 166px; height: 148px; overflow: auto; overflow-x: hidden; padding: 2px;">

Текст справа снизу новости
прокрутка автоматически

</div> 

</div>
     <div id="sm2" class="submenutext" style="background: url(http://s2.itrash.ru/idb/dd93196cab5da6dae1c6be6b36501711/oBez_idqw24meni-1.png) no-repeat center; padding-top: 7px;">
<div style="width: 716px; height: 318px; overflow: auto; overflow-x: hidden; margin-left: 46px; ">

Контент 2-й кнопки
прокрутка автоматически

</div>
</div>
     <div id="sm3" class="submenutext" style="background: url(http://s2.itrash.ru/idb/dd93196cab5da6dae1c6be6b36501711/oBez_idqw24meni-1.png) no-repeat center; padding-top: 3px;">
<div style="width: 716px; height: 318px; overflow: auto; overflow-x: hidden; margin-left: 46px; margin-top: 3px;">

Контент 3-й кнопки
прокрутка автоматически

</div>
</div>
<div id="sm4" class="submenutext" style="background: url(http://s2.itrash.ru/idb/dd93196cab5da6dae1c6be6b36501711/oBez_idqw24meni-1.png) no-repeat center; padding-top: 3px;">
<div style="width: 716px; height: 318px; overflow: auto; overflow-x: hidden; margin-left: 46px; margin-top: 3px;">

Контент 4-й кнопки
прокрутка автоматически

</div>
</div>
<div id="sm5" class="submenutext" style="background: url(http://s2.itrash.ru/idb/dd93196cab5da6dae1c6be6b36501711/oBez_idqw24meni-1.png) no-repeat center; padding-top: 3px;">
<div style="width: 716px; height: 318px; overflow: auto; overflow-x: hidden; margin-left: 46px; margin-top: 3px;">

Контент 5-й кнопки
прокрутка автоматически

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

0

225

Дорсель, перезагрузите картинку шаблона таблицы. Не открывается.


Yondame7

В окно HTML-верх

Код:
<style> /* Стиль всплывающего меню */
.splLink {width: 100px; height: 30px; border: 0px solid #FFD700; text-align: center; font-family: Gothic century; font-size: 15px; padding: 5px;}
.splCont {height: auto; width: 270px; background: #D2B48C; padding: 5px; z-index: 1000; margin-top: -5px; border: 2px solid #D2B48C; font-size: 12px; font-family: Lucida Sans Unicode; text-align: center; margin-left: 50px;}

 /* Тень, Прозрачка и Скругление углов во Всплывающем меню */
.splCont {background-color: transparent !important; 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;

     box-shadow:0px 5px 14px #8B6C52;
    -webkit-box-shadow:0px 5px 14px #8B6C52;
    -khtml-box-shadow:0px 5px 14px #8B6C52;
    -moz-box-shadow:0px 5px 14px #8B6C52;
    }
</style>

В окно HTML-низ

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

Таблица в Объявление

Код:
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
	<td colspan="3" align="center" height="40"><font size="+1">Администрация</font></td>
</tr>
<tr>
	<td width="33%" align="center" style="padding: 8px;">картинка1</td>
	<td width="34%" align="center" style="padding: 8px;">картинка2</td>
	<td width="33%" align="center" style="padding: 8px;">картинка3</td>
</tr>
<tr>
	<td width="33%" align="center" style="padding: 8px;"><div style="width: 80%; height: 60px; ">подпись к картинке 1</div></td>
	<td width="34%" align="center" style="padding: 8px;"><div style="width: 80%; height: 60px; ">подпись к картинке 2</div></td>
	<td width="33%" align="center" style="padding: 8px;"><div style="width: 80%; height: 60px; ">подпись к картинке 3</div></td>
</tr>
<tr>
	<td width="33%" align="center" height="40"><font size="+1">Погода</font></td>
	<td width="34%" align="center" height="40"><font size="+1">Новости</font></td>
	<td width="33%" align="center" height="40"><font size="+1">Гостям</font></td>
</tr>
<tr>
	<td width="33%" align="center" style="padding: 8px;"><div style="width: 80%; height: 150px; overflow: scroll; overflow-x: hidden; padding: 2px;">содержание погоды</div></td>
	<td width="34%" align="center" style="padding: 8px;"><div style="width: 80%; height: 150px; overflow: scroll; overflow-x: hidden; padding: 2px;">содержание новостей </div></td>
	<td width="33%" align="center" style="padding: 8px;"><div style="width: 80%; height: 150px; overflow: scroll; overflow-x: hidden; padding: 2px;">текст для гостей</div></td>
</tr>
<tr>
	<td colspan="3" align="center">
<!-- Таблица меню -->
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
	<td width="50%" align="center">
<DIV><div class=splLink>Акции</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент Акций

</DIV></DIV>
	
	</td>
	<td 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>

0

226

Mina Harker, два момента:
1. Картинки названий рисуйте сами и выкладывайте для вставки в таблицу. Или потом будете вставлять сами.
2. Поясните, что значат надписи "кликабельно" под Админами и Навигацией. Мне не ясно.

0

227

Кофеман написал(а):

1. Картинки названий рисуйте сами и выкладывайте для вставки в таблицу. Или потом будете вставлять сами.

Я их потом сама вставлю. (Их ведь сперва нужно зарадикалить?? Оо)

Кофеман написал(а):

2. Поясните, что значат надписи "кликабельно" под Админами и Навигацией. Мне не ясно.

Т.е. на их месте будет располагатся картинка на которую нажимаешь и переходишь на нужную страницу. Картинки потом сама вставлю, Вы только укажите куда именно ссылки пихать нужно.

0

228

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

0

229

~Korina~

В окно HTML-верх

Код:
<style> /* Стиль всплывающего меню */
.splLink {width: 100px; height: 30px; border: 0px solid #FFD700; text-align: center; font-family: Arial; font-size: 16px; padding: 8px 5px 3px;}
.splCont {height: auto; width: 260px; background: #D2B48C; padding: 5px; z-index: 1000; margin-top: -5px; border: 2px solid green; font-size: 12px; font-family: Arial; text-align: center; margin-left: -27px;}

 /* Тень, Прозрачка и Скругление углов во Всплывающем меню */
.splCont {background-color: transparent !important; background-image: url("http://savepic.org/1974524.png"); 
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;

     box-shadow:0px 5px 14px #8B6C52;
    -webkit-box-shadow:0px 5px 14px #8B6C52;
    -khtml-box-shadow:0px 5px 14px #8B6C52;
    -moz-box-shadow:0px 5px 14px #8B6C52;
    }
</style>

В окно HTML-низ

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

Таблица в объявление

Код:
<table width="100%" cellspacing="1" cellpadding="1" border="0">
<tr>
	<td colspan="3" align="center" height="40">
<marquee behavior="scroll" direction="left" width="98%" height="40" loop="0" scrollamount="2" scrolldelay="2" style="margin: 12px 3px auto 8px;" onMouseOver="this.stop()" onMouseOut="this.start()">
Бегущая строка бежит себе бежит бегущая строка
</marquee>
	</td>
</tr>
<tr>
	<td width="22%" align="center" valign="top">
<font size="+1">Администрация:</font>
<br>
<strong>Создатель:</strong><br>
<img src="Адрес картинки" alt="" border="0"><br>
Имя
<br><br>
<strong>Администраторы:</strong><br>
<img src="Адрес картинки" alt="" border="0"><br>
Имя
<br>
<img src="Адрес картинки" alt="" border="0"><br>
Имя
<br>
<img src="Адрес картинки" alt="" border="0"><br>
Имя
<br>
<img src="Адрес картинки" alt="" border="0"><br>
Имя
<br>
	
	</td>
	<td width="56%" align="center">
<!-- Меню и картинка -->
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
	<td width="50%" align="center" height="40">
<DIV><div class=splLink>Навигация</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент навигации

</DIV></DIV>
	</td>
	<td width="50%" align="center">
<DIV><div class=splLink>Реклама</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент рекламы

</DIV></DIV>
	</td>
</tr>
<tr>
	<td colspan="2" align="center" style="padding: 3px;">
	<img src="https://forumupload.ru/uploads/0002/35/a3/98082-1.jpg" alt="" border="0">
	</td>
</tr>
<tr>
	<td width="50%" align="center" height="40">
<DIV><div class=splLink>Объявления</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент объявлений

</DIV></DIV>
	</td>
	<td width="50%" align="center">
<DIV><div class=splLink>Время в игре</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент времени в игре

</DIV></DIV>
	</td>
</tr>
</table>
<!-- Конец таблички меню -->
	</td>
	<td width="22%" align="center" valign="top">
<font size="+1">Модерация:</font>
<br>
<strong>Главный модератор:</strong><br>
<img src="Адрес картинки" alt="" border="0"><br>
Имя
<br><br>
<strong>Модераторы:</strong><br>
<img src="Адрес картинки" alt="" border="0"><br>
Имя
<br>
<img src="Адрес картинки" alt="" border="0"><br>
Имя
<br>
<img src="Адрес картинки" alt="" border="0"><br>
Имя
<br>
<img src="Адрес картинки" alt="" border="0"><br>
Имя
<br>
	</td>
</tr>
</table>

+1

230

Mina Harker написал(а):

Я их потом сама вставлю. (Их ведь сперва нужно зарадикалить?? Оо)

:D  Их сначала надо нафотошопить. ))
И маленнький совет - не пользуйтесь радикалом, потом будете задавать вопросы почему картинки не грузятся. Есть другие хостинги. А лучше всего  загрузить фото к себе на форум, прикрепив их к смообщению, где-нибудь в скрытом от всех, кроме админов, разделе.

Mina Harker написал(а):

Т.е. на их месте будет располагатся картинка на которую нажимаешь и переходишь на нужную страницу. Картинки потом сама вставлю, Вы только укажите куда именно ссылки пихать нужно.

. Как я понял, под админами три картинки, а под навигацией 4 по квадрату 2 на 2?

Винчи, такого нет.

Отредактировано Кофеман (2011-07-16 23:38:48)

0

231

Кофеман написал(а):

Их сначала надо нафотошопить. ))

Благо я хоть в этом разбираюсь  :crazyfun: Они практически готовы уже)
Да уж.. Радикал нынче тормоз еще тот. Я пользюсь http://savepic.org/. С точки зрения моего мееедленного инета он приемлемей всего.
О_О Я такого и не знала.

Кофеман написал(а):

. Как я понял, под админами три картинки, а под навигацией 4 по квадрату 2 на 2?

Ну учитывая что форум только на стадии разработки, то это еще неизвестная информация. Давайте Вы сделаете только один, а я потом, принадобности, добавлю сколько потребуется (Это же нужную строку скопировать и вставить чуть ниже?? Оо)
А навигация - да. Размер картинок сказать нужно??

0

232

Mina Harker написал(а):

Ну учитывая что форум только на стадии разработки, то это еще неизвестная информация. Давайте Вы сделаете только один, а я потом, принадобности, добавлю сколько потребуется (Это же нужную строку скопировать и вставить чуть ниже?? Оо)А навигация - да. Размер картинок сказать нужно??

:D Mina Harker, не совсем. Если сделать три картинки сейчас, то потом можно будет копировать строку и вставлять. Ну глядите, дело Ваше.

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

0

233

Кофеман написал(а):

Если сделать три картинки сейчас, то потом можно будет копировать строку и вставлять. Ну глядите, дело Ваше.

Хм..   %-) В общем, сделайте пока для одного, а потом я сама как-то разберусь. Отрабатывать зачет по языку html по информатике буду)
Размер - 240*150 каждая.

Кофеман написал(а):

Только каринки повставлять надо и указать куда адрес вписывать.

Ну это я потом сделаю, по все той же причине :blush:

0

234

Mina Harker, Ваша таблица

Код:
<table width="100%" cellspacing="1" cellpadding="1" border="0" height="450">
<tr>
	<td rowspan="3" width="30%" align="center" valign="top">
<!-- Секция Welcome -->
<img src="Здесь вставить ссылку на картинку" alt="" border="0"><br><br>
Добро пожаловать!
	</td>
	<td width="40%" align="center" valign="top" height="180">
<!-- Секция Admins -->
<img src="Здесь вставить ссылку на картинку" alt="" border="0"><br><br>
Админы
<br>
<a href="Здесь вставлять адрес на профиль админа"><img src="Здесь вставить ссылку на картинку админа" alt="" border="0"></a>
	</td>
	<td rowspan="3" width="30%" align="center" valign="top">
<!-- Вложенная таблица правой колонки-->
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
	<td align="center" valign="top" height="240">
<!-- Секция In game  -->
<img src="Здесь вставить ссылку на картинку" alt="" border="0"><br><br>
In game
	</td>
</tr>
<tr>
	<td align="center" valign="top">
<!-- Секция News -->
<img src="Здесь вставить ссылку на картинку" alt="" border="0"><br><br>
<div style="width: 96%; height: 190px; overflow: auto; overflow-x: hidden; padding 2px;">

Содержимое новостей, прокрутка появится автоматически

</div>
	</td>
</tr>
</table>
<!-- конец вложенной таблицы-->
	</td>
</tr>
<tr>
	<td width="40%" align="center" valign="top" height="200">
<!-- Секция Navigation -->
<img src="Здесь вставить ссылку на картинку" alt="" border="0"><br><br>
<!-- Ниже ссылки и картинки для навигации -->
<a href="Здесь вставлять адрес на тему"><img src="Здесь вставить ссылку на картинку темы" alt="" border="0" ></a>&nbsp;&nbsp;
<a href="Здесь вставлять адрес на тему"><img src="Здесь вставить ссылку на картинку темы" alt="" border="0" ></a><br>
<a href="Здесь вставлять адрес на тему"><img src="Здесь вставить ссылку на картинку темы" alt="" border="0" ></a>&nbsp;&nbsp;
<a href="Здесь вставлять адрес на тему"><img src="Здесь вставить ссылку на картинку темы" alt="" border="0" ></a>

	</td>
</tr>
<tr>
	<td width="40%" align="center" height="70">
	<!-- Секция Партнеры -->
<img src="Здесь вставить ссылку на картинку" alt="" border="0"><br>
<marquee behavior="scroll" direction="left" width="98%" height="30" loop="0" scrollamount="2" scrolldelay="2" style="padding-top:10px;" onMouseOver="this.stop()" onMouseOut="this.start()">
Бегущая строка бежит себе бежит бегущая строка
</marquee>
	</td>
</tr>
</table>

С картинками играйтесь тогда сами. Только задумайтесь над тем, что Вы заказали высоту таблицы в 450 пикселей, а высота одной картинки 150. Три строки ( 2 в навигации и 1 в админах) дадут уже 450, а еще бегущая строка и картинки-названия.

+1

235

Кофеман, а если изменить это - height="450", то она увеличится??

Но все равно спасибище огромное))) :cool:

0

236

Новичочек

В окно HTML-низ

Код:
<!-- скрипт облака тегов -->
<script type="text/javascript" src="http://upload.wesky.ru/_ld/1/147_swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.mode = 'tags';
flashvars.minFontSize = '12'; /*минимальный размер ссылки*/
flashvars.maxFontSize = '12'; /*максимальный размер ссылки*/
flashvars.tcolor = '0x000000'; /*цвет ссылки максимального размера*/
flashvars.tcolor2 = '0x000000'; /*цвет ссылки минимального размера*/
flashvars.hicolor = '0x000000'; /*цвет ссылки по наведению*/
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://upload.wesky.ru/_ld/1/148_tagcloud.swf', 'yoblako', '150'/*ширина*/, '150'/*высота*/, '9.0.0', false, flashvars, params, attributes);
</script>

Таблица в Объявление

Код:
<table width="100%" cellspacing="1" cellpadding="1" border="1">
<tr>
	<td rowspan="2" width="25%" align="center" valign="top">Текст</td>
	<td width="50%" align="center" height="50"><blink> Мигающий текст </blink></td>
	<td rowspan="2" width="25%" align="center" valign="top">
<!--Облако Тегов Начало заполнения-->
<div id="yoblako" align="center"><noindex>
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание</a> 
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание</a> 
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание</a> 
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание</a> 
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание</a> 
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание</a>
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание</a>
</noindex></div>
<!--ХХ Конец Заполнения пункта -->
<br>
<div style="width: 98%; height: 250px; overflow: auto; overflow-x: hidden; padding: 2px;">
Новости с прокруткой. Прокрутка появится автоматически.

</div>
	
	</td>
</tr>
<tr>
	<td width="50%" align="center">меняющаяся картинка</td>
</tr>

В таблицу не вствлена меняющаяся картинка. Кроме того, мигающий текст будет работать только в Опере и Файерфоксе.  Внимательнее читайте п.3

3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр. (не просите мастера искать это. Все равно не найдет. Вы можете найти все мелочи на форуме или же в интернете - у каждого свой вкус)

0

237

Mina Harker, да увеличится, только нужно будет увеличивать и все параметры высот в ячейках.
Но только смысл городить объявление в котором высота станет 800 пикселей? Дело Ваше конечно. )

0

238

Кофеман написал(а):

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

Это не самая большая моя неприятность во всем этом) Справимся)

Кофеман написал(а):

Но только смысл городить объявление в котором высота станет 800 пикселей?

Нет, что Вы. Это уж слишком. Спросила на тот случай, если 450 будет маловато и придется ее немного подогнать, чтобы красиво смотрелось)

0

239

посмотрите пожалуйста, форум,темы сообщений,последнее сообщение они сдавлены ну и тому подобное. вот ссылка - ссылка

0

240

1. Ссылка на форум
http://cityoffear.mybb.ru
2. Скрин таблицы
http://i043.radikal.ru/1107/b9/fc11b860cc33.jpg
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
-
4. Форматирование текста
где загаловки ссылка на картинку
где (текст)

Код:
[size=10][/size]

5. Картинки для вставки.
сама вставлю :)

0


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


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