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)
Вы здесь » Единый форум поддержки » Корзина » Таблицы на заказ (13)