Rion Leonheart
На этой. Ой, а она у меня как-то не правильно смотрится....
И наверное давайте все таки без фона. *посидела подумала, с фоном как-то не так.*
Отредактировано Кэролайн Джоанн Сандерс (Вт, 14 Фев 2012 14:11:57)
Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Корзина » Таблицы на заказ (13)
Rion Leonheart
На этой. Ой, а она у меня как-то не правильно смотрится....
И наверное давайте все таки без фона. *посидела подумала, с фоном как-то не так.*
Отредактировано Кэролайн Джоанн Сандерс (Вт, 14 Фев 2012 14:11:57)
но есть два "но"
убрать фон
А вы, собственно, п. 858 как читали? Через строчку по диагонали? Еще раз:
1. В html-верху кусок от старого стиля подобного объявления удалите то, что видите ниже, если видите:
<style>
#menu1 span {
margin: 0px;}
#menu3 span {
margin: 0px 2px;}
#submenu {background: transparent url(http://savepic.net/2416432.png) no-repeat center; height: 300px; padding-top: 46px;}
.submenutext {
display: none;
height: 250px;
width: 350px;
padding: 0px;
text-align: center;}
</style>
удалить бордер
Вы когда рисуете с границами, уточняйте, что они НЕ нужны. Граница дана вам для ориентира. После заполнения контента найдете в ней что-то вроде:
border-right: 1px solid #000!important;
border-top: 1px solid #000!important;
И где 1px - ставьте на 0.
Ой, а она у меня как-то не правильно смотрится....
Я же сказал - обновить - стиль - в - html-верх, а не поставить рядом! Теперь этот кусок лишний:
<style>
#menu {
margin-top: 2px;
width: 186px;
height: 60px;}#menu span {
text-align: center;
display: block;
margin: 0px;
padding: 11px;
color: #000;}#menu .tabactive {
color: #fff;
border: none;}#submenu {
width: 734px;
margin-top: 2px;}#menu span, #submenu {border: 1px solid #000;}
.submenutext {
display: none;
height: 66px;
text-align: center;
font-size: 11px;
padding: 3px;}</style>
УДАЛИТЕ.
И наверное давайте все таки без фона.
#submenu {
padding: 3px;
width: 600px;background: url(http://uploads.ru/i/1/I/7/1I7JV.jpg) top center no-repeat; /* каринка на фон - 600х400 */}
Зачеркнутым - лишний кусок.
Rion Leonheart
Эм... В том то и дело, что старая таблица у меня полностью шла в "Объявления".
Rion Leonheart
Почему то мне казалось, что я это удалила...)
Спасибо большое, теперь все замечательно
И да, с Днем Святого Валентина Вас) 
Rion Leonheart
Ой. Ссоры. Не посматрела, что не мне адресовано.
А ну и все равно.... Старая таблица у меня полностью шла в "Объявления".
Отредактировано Кэролайн Джоанн Сандерс (Вт, 14 Фев 2012 14:34:02)
Rion Leonheart
Убрала все коды из html-верх стало нормально. Теперь буду выяснять какой код мешается.
Отредактировано Кэролайн Джоанн Сандерс (Вт, 14 Фев 2012 14:50:45)
А ну и все равно.... Старая таблица у меня полностью шла в "Объявления".
И это вы мне говорите, человеку, который их делает?
...
Я же вам показал код!!!!
Что с вами?
Отредактировано Rion Leonheart (Вт, 14 Фев 2012 14:53:40)
Rion Leonheart
Не обращайте внимания. У меня бывают такие глюки. Особено когда не высплюсь. Но оно так и есть. У сеня в html-верх столко кодов было, что боже упаси. Убрала, таблица нормальной стала.
Ловчая,
<style>
#menu {
margin-bottom: -20px;
margin-top: -12px;}
#menu span {
padding: 0px;
margin: 0px -3px;
width: 170px;}
#submenu {
padding: 3px;
width: 510px;}
.submenutext {
display: none;
text-align: center;
font-size: 12px;
height: 200px;}
</style>
<center><table border="1" cellpadding="0" cellspacing="0">
<tbody>
<tr height="50">
<td align="center" style="width: 520px;">
<div id="menu">
<span alt="#sm1" style="cursor: pointer;"><img src="ссылка на картику"></span>
<span alt="#sm2" style="cursor: pointer;"><img src="ссылка на картику"></span>
<span alt="#sm3" style="cursor: pointer;"><img src="ссылка на картику"></span>
</div>
</td>
<td align="center" valign="top" style="width: 300px;" rowspan="2"><div style="width: 100%; height: 250px; overflow: auto;">
колонка текст текст текст
</div></td>
</tr>
<tr height="200">
<td id="MenuTxT" align="center" valign="top">
<div id="submenu" align="center">
<div id="sm1" class="submenutext" style="display:block;"><div style="width: 100%; height: 200px; overflow: auto;"><br/>
Контент первой кнопки
</div></div>
<div id="sm2" class="submenutext"><br/>
Контент второй кнопки
</div>
<div id="sm3" class="submenutext"><br/>
Контент третьей кнопки
</div>
</td>
</tr>
</tbody>
</table></center>
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
$("div.#menu span").removeClass("tabactive");
$(this).addClass("tabactive");
$("td.#MenuTxT div.submenutext").hide();
var activeDiv = $(this).attr("alt");
$("div."+activeDiv).fadeIn();
return false; });
});
</script>Марвел_26,
1. Шапка чего? Форума? Или просто картинка какая-то? Какие ее размеры?
2. Админы, модеры - если картинками - каких размеров?
3. Последние события, время, погода - требуется ли в этих блоках прокрутка?
1) 500x325 (пиксели) картинка ниже
2) Админы, модеры - пусть лучше кликабельные ники (какого нить красивого но понятно текста)
3) да, нужна)
за раннее, спасибо!
Отредактировано Марвел_26 (Вт, 14 Фев 2012 16:56:08)
Марвел_26, уменьшил немного мап-карту, а то за тело форума вылезала б.
Объявление:
<table style="width: 100%; border: 1px solid;" cellpadding="0" cellspacing="0" border="0"> <tr><td style="height: 20px;" colspan="3"> <marquee style="font-size: 13px;">Текст бегущей строки</marquee> </td></tr> <tr><td style="width: 500px; border-top: 1px solid; border-bottom: 1px solid;" colspan="2"> <img style="width: 100%; margin: 0 -2px -3px 0;" src="http://uploads.ru/i/d/8/t/d8tqh.jpg"> </td><td style="width: 270px; border: 1px solid; border-right: none;" align="center" rowspan="2"> <div style="width: 100%; height: 205px;"> <div id="yoblako" align="center"><noindex> <a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание 1</a> <a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание 2</a> <a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание 3</a> <a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание 4</a> <a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание 5</a> <a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание 6</a> <a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание 7</a> </noindex></div> </div> <div style="width: 100%; height: 170px; border-top: 1px solid;"> <img src="http://uploads.ru/i/k/X/t/kXtRr.jpg" width="270" height="170" border="0" usemap="#sherro007"><map name="sherro007"> <area shape="rect" coords="3,5,158,39" href="http://sherlock.rolca.ru/viewtopic.php?id=2" target="_blank"> <area shape="rect" coords="51,51,265,81" href="http://sherlock.rolca.ru/viewforum.php?id=7" target="_blank"> <area shape="rect" coords="7,86,154,116" href="http://sherlock.rolca.ru/viewforum.php?id=8" target="_blank"> <area shape="rect" coords="58,120,266,148" href="http://sherlock.rolca.ru/viewforum.php?id=6" target="_blank"> </map> </div> </td></tr> <tr><td style="width: 250px; border-right: 1px solid; border-bottom: 1px solid;" align="center" valign="top"> <strong>Админы:</strong> <br/><br/> <a href="ссылка на профиль">Ник 1</a>, <a href="ссылка на профиль">Ник 2</a>, <a href="ссылка на профиль">Ник 3</a>, <a href="ссылка на профиль">Ник 4</a> </td><td style="width: 250px; border-bottom: 1px solid;" align="center" valign="top"> <strong>Модеры:</strong> <br/><br/> <a href="ссылка на профиль">Ник 1</a>, <a href="ссылка на профиль">Ник 2</a>, <a href="ссылка на профиль">Ник 3</a>, <a href="ссылка на профиль">Ник 4</a> </td></tr> <tr><td colspan="3" align="center"> <table style="width: 100%; height: 100%;" border="0" cellpadding="0" cellspacing="0"> <tr> <td style="width: 33%;" align="center" valign="top"> <div style="width: 100%; height: 100px; overflow: auto;"> <strong>Последние события игры:</strong> <br/><br/> текст </div> </td> <td style="width: 33%;" align="center" valign="top"> <div style="width: 100%; height: 100px; overflow: auto; border-left: 1px solid; border-right: 1px solid;"> <strong>Время:</strong> <br/><br/> текст </div> </td> <td style="width: 33%;" align="center" valign="top"> <div style="width: 100%; height: 100px; overflow: auto;"> <strong>Погода:</strong> <br/><br/> текст </div> </td> </tr> </table> </td></tr> </table>
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 = '19';
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', '260', '195', '9.0.0', false, flashvars, params, attributes);
</script>Отредактировано Rion Leonheart (Ср, 15 Фев 2012 04:13:02)
можно мне вот такую таблицу
На глаз? Я пас. У вас размеры картинки и размеры таблицы разные. Куда ставить будете - неизвестно. Под какую ширину форума подгонять - неясно. 
А вы уверены, что "Апокалипсис" пишется через "О"? 
Отредактировано Rion Leonheart (Ср, 15 Фев 2012 05:27:57)
Мне бы вот движущее меню, Должно быть примерно вот такое:
А вот скрин что нужно сделать:
вот картинка шапки:
Вот сам скрипт:
<!--блок новинок фильмов--> <marquee style="width: 100%; padding: 0.5em 0; font: 0px 'Trebuchet Ms'; color: red;" onMouseOver="this.stop();" onMouseOut="this.start();"> <a href="http://good73.7il.ru/viewtopic.php?id=846#p3480"><img src="http://uploads.ru/i/y/D/w/yDwUu.jpg" width="120" height="168" border="0" alt=""/></a> <a href="http://good73.7il.ru/viewtopic.php?id=831#p3462"><img src="http://uploads.ru/t/K/9/i/K9iTM.jpg" width="120" height="168" border="0" alt=""/></a> <a href="http://good73.7il.ru/viewtopic.php?id=825#p3455"><img src="http://uploads.ru/i/R/1/P/R1Pje.jpg" width="120" height="168" border="0" alt=""/></a> <a href="http://good73.7il.ru/viewtopic.php?id=816#p3443"><img src="http://uploads.ru/i/B/i/Q/BiQdH.jpg" width="120" height="168" border="0" alt=""/></a> <a href="http://good73.7il.ru/viewtopic.php?id=812#p3437"><img src="http://uploads.ru/i/R/h/x/RhxWK.jpg" width="120" height="168" border="0" alt=""/></a> <a href="http://good73.7il.ru/viewtopic.php?id=809#p3434"><img src="http://uploads.ru/i/1/e/g/1eg7Y.jpg" width="120" height="168" border="0" alt=""/></a> <a href="http://good73.7il.ru/viewtopic.php?id=800#p3421"><img src="http://uploads.ru/i/J/H/t/JHtdo.jpg" width="120" height="168" border="0" alt=""/></a> <a href="http://good73.7il.ru/viewtopic.php?id=783#p3402"><img src="http://kazan-travel.com/upload/information_system_35/3/0/5/item_305/information_items_305.jpg" width="120" height="168" border="0" alt=""/></a> <a href="http://good73.7il.ru/viewtopic.php?id=768#p3379"><img src="http://uploads.ru/i/L/D/V/LDVWh.jpg" width="120" height="168" border="0" alt=""/></a> <a href="http://good73.7il.ru/viewtopic.php?id=761#p3368"><img src="http://upload.wikimedia.org/wikipedia/ru/thumb/e/e3/Limitless.jpg/420px-Limitless.jpg" width="120" height="168" border="0" alt=""/></a> <a href="http://good73.7il.ru/viewtopic.php?id=758#p3367"><img src="http://uploads.ru/i/K/W/J/KWJfj.jpg" width="120" height="168" border="0" alt=""/></a> <a href="http://good73.7il.ru/viewtopic.php?id=757#p3366"><img src="http://uploads.ru/i/E/p/c/EpceC.jpg" width="120" height="168" border="0" alt=""/></a> <a href="http://good73.7il.ru/viewtopic.php?id=744#p3343"><img src="http://uploads.ru/i/I/8/e/I8eDp.jpg" width="120" height="168" border="0" alt=""/></a> <a href="http://good73.7il.ru/viewtopic.php?id=705#p3238"><img src="http://uploads.ru/i/k/Q/P/kQPrX.jpg" width="120" height="168" border="0" alt=""/></a> <a href="http://good73.7il.ru/viewtopic.php?id=266#p1779"><img src="http://uploads.ru/i/b/z/2/bz27K.jpg" width="120" height="168" border="0" alt=""/></a> <a href="http://good73.7il.ru/viewtopic.php?id=703#p3234"><img src="http://uploads.ru/i/9/a/P/9aPjo.jpg" width="120" height="168" border="0" alt=""/></a> <a href="http://good73.7il.ru/viewtopic.php?id=604#p2979"><img src="http://uploads.ru/i/T/u/c/Tucwm.jpg" width="120" height="168" border="0" alt=""/></a> <a href="http://good73.7il.ru/viewtopic.php?id=741#p3335"><img src="http://uploads.ru/i/7/4/Q/74QTM.jpg" width="120" height="168" border="0" alt=""/></a> </marquee>
Сам форум :
http://good73.7il.ru/
Объясню на словах:
Мне нужно движущее меню с фоном,ещё было бы очень хорошо ,если бы блок новинок можно было бы ещё сворачивать.
Отредактировано lik777 (Ср, 15 Фев 2012 17:02:53)
Rion Leonheart
Мерси..))
А можно чуточку уменьшить высоту (на 50px)? И как поставить картинки вместо кнопочек (я не нашла, куда..
) ?
Rion Leonheart
спасибо, все отлично!)))
А можно чуточку уменьшить высоту (на 50px)?
Высоту - чего?
Ссылку на форум напомните.
Rion Leonheart
Высоту таблицы..))
http://newshadow.lolbb.ru/
Высоту таблицы..))
<style>
#menu {
margin-bottom: -20px;
margin-top: -12px;}
#menu span {
padding: 0px;
margin: 0px -3px;
width: 170px;}
#submenu {
padding: 3px;
width: 510px;}
.submenutext {
display: none;
text-align: center;
font-size: 12px;
height: 160px;}
</style>
<center><table border="1" cellpadding="0" cellspacing="0">
<tbody>
<tr height="50">
<td align="center" style="width: 520px;">
<div id="menu">
<span alt="#sm1" style="cursor: pointer;"><img src="ссылка на картику"></span>
<span alt="#sm2" style="cursor: pointer;"><img src="ссылка на картику"></span>
<span alt="#sm3" style="cursor: pointer;"><img src="ссылка на картику"></span>
</div>
</td>
<td align="center" valign="top" style="width: 300px;" rowspan="2"><div style="width: 100%; height: 210px; overflow: auto;">
колонка текст текст текст
</div></td>
</tr>
<tr height="160">
<td id="MenuTxT" align="center" valign="top">
<div id="submenu" align="center">
<div id="sm1" class="submenutext" style="display:block;"><div style="width: 100%; height: 160px; overflow: auto;"><br/>
Контент первой кнопки
</div></div>
<div id="sm2" class="submenutext"><br/>
Контент второй кнопки
</div>
<div id="sm3" class="submenutext"><br/>
Контент третьей кнопки
</div>
</td>
</tr>
</tbody>
</table></center>
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
$("div.#menu span").removeClass("tabactive");
$(this).addClass("tabactive");
$("td.#MenuTxT div.submenutext").hide();
var activeDiv = $(this).attr("alt");
$("div."+activeDiv).fadeIn();
return false; });
});
</script>И как поставить картинки вместо кнопочек (я не нашла, куда.. ) ?
<td align="center" style="width: 520px;">
<div id="menu">
<span alt="#sm1" style="cursor: pointer;"><img src="ссылка на картику"></span>
<span alt="#sm2" style="cursor: pointer;"><img src="ссылка на картику"></span>
<span alt="#sm3" style="cursor: pointer;"><img src="ссылка на картику"></span>
</div>
</td>
Отредактировано Rion Leonheart (Ср, 15 Фев 2012 21:20:23)
| Таблицы на заказ (15) | Архив | Вт, 13 Янв 2015 |
| Таблицы на заказ (14) | Архив | Пн, 1 Окт 2012 |
| Таблицы на заказ (16) | Архив | Пн, 31 Окт 2016 |
| Таблицы на заказ (10) | Корзина | Чт, 6 Янв 2011 |
| Таблицы на заказ (11) | Архив | Сб, 9 Июл 2011 |
Вы здесь » Единый форум поддержки » Корзина » Таблицы на заказ (13)