Иса
Поставьте перед скриптом
<style type="text/css">
#wrapper div.t2,#wrapper div.t3{
max-height:200px!important;
overflow-y:auto!important;
}
</style>
Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (49)
Иса
Поставьте перед скриптом
<style type="text/css">
#wrapper div.t2,#wrapper div.t3{
max-height:200px!important;
overflow-y:auto!important;
}
</style>
спасибо =))
Сайт: http://astra.anihub.ru/
Есть маленький вопрос: таблица по-разному отображается в Опере, Файрфокве и Хроме. Знаю, тема не нова, однако если таблица выглядит в Опере нормально, то в остальных едет нещадно. Да и в разных браузерах разное междустрочное расстояние.
Можно ли как-то урегулировать это до не идеального, но хоть приемлемого вида?
Используется свой стиль. Больше всего косяки видны в вкладке таблицы "Обстановка в игре" и "Администрация".
Помогите пожалуйста, мне нужен скрипт полосок маны, здоровья и тд, но я не могу найти тему, уже весь форум перерыла
Сайт: http://astra.anihub.ru/
Есть маленький вопрос: таблица по-разному отображается в Опере, Файрфокве и Хроме. Знаю, тема не нова, однако если таблица выглядит в Опере нормально, то в остальных едет нещадно. Да и в разных браузерах разное междустрочное расстояние.
Можно ли как-то урегулировать это до не идеального, но хоть приемлемого вида?
Используется свой стиль. Больше всего косяки видны в вкладке таблицы "Обстановка в игре" и "Администрация".
у меня в хроме всё отлично
МухХа
Может так ?
<!-- Основная таблица --> <style> .first4 { position: relative; left: 45px; top: 8px; width: 250px; height: 250px; padding: 2px; overflow: scroll; overflow-x: hidden; background: transparent; border: none; text-align: justify;} .first1 { position: relative; left: 50px; top: 25px; width: 265px; height: 80px; padding: 3px; background: transparent; border: none;} .first2 { position: relative; left: 5px; top: 40px; width: 360px; height: 85px; padding: 3px; background: transparent; border: none;} .first3 { position: relative; left: 85px; top: 25px; width: 200px; height: 35px; padding: 1px; background: transparent; border: none;} .third1 { position: relative; left: 347px; top: 90px; width: 300px; height: 105px; overflow-y:auto; padding: 0px; background: transparent; border: none; text-align: center;} .third2 { position: absolute; margin-left: -354px; margin-top: 45px; width: 310px; height: 105px; overflow-y:auto; padding: 0px; background: transparent; border: none; text-align: left;} .third3 { position: absolute; margin-left: 615px; margin-top: 840px; width: 290px; height: 100px; padding: 2px; background: transparent; border: none; text-align: center;} .fourth1 { position: relative; left: 28px; top: -20px; width: 645px; height: 115px; padding: 2px; background: transparent; border: none;} .fourth11 { padding: 10px; background: transparent; border: none; float: left;} .fifth1 { position: relative; left: 190px; top: 25px; width: 645px; height: 115px; padding: 2px; background: transparent; border: none;} </style> <table style="width: 100%; height: 430px; border: none;" cellpadding="0" cellspacing="0"> <tbody> <tr> <td align="center"> <div id="menu"> <!-- Кнопачки --> <table style="width: 100%; border: none;font: normal normal 400 11px/normal Verdana;" cellpadding="0" cellspacing="0"><tr> <td><span alt="#sm1" style="cursor: pointer;"><img src="http://s4.uploads.ru/asWfe.gif"/></span></td> <td><span alt="#sm2" style="cursor: pointer;"><img src="http://s4.uploads.ru/oh7dg.gif"/></span></td> <td><span alt="#sm3" style="cursor: pointer;"><img src="http://s5.uploads.ru/WNP9O.gif"/></span></td> <td><span alt="#sm4" style="cursor: pointer;"><img src="http://s5.uploads.ru/xdD9R.gif"/></span></td> <td><span alt="#sm5" style="cursor: pointer;"><img src="http://s4.uploads.ru/6GIga.gif"/></span></td> </tr></table> <!-- Конец кнопок --> </div> </td> </tr> <tr> <td id="MenuTxT" align="center" valign="top"> <div id="submenu" align="center"> <div id="sm1" class="submenutext" style="display:block;"> <!-- Контент первой вкладки --> <table table style="background-image: url(http://s4.uploads.ru/maNPx.png); width: 100%; height: 329px; border: none;" cellpadding="0" cellspacing="0"> <tr> <td><div class="first1">Дорогой путник, добро пожаловать<br> в город загадок - Амстердам!<br> Ах, Амстердам, Амстердам...<br> Все дороги ведут сюда,<br> но ни одна не выходит отсюда.</div></td> <td rowspan="3" style="width: 50%; cellpadding="5";"><div class="first4"> <b>2013-07-03</b> - Амстердам небольшим, но уверенным темпом оживает, начаты первые отыгрыши. Поспешите - и Вам повезет выиграть награду в честь начала игры "Летописец". Также, исправлена большая часть ошибок и неточностей, и теперь Вы можете смело изучать наш мир! Ждем Вас в нашем Амстердаме.<br><br> <b>2013-06-05</b> - Мы приветствуем Вас на нашей ролевой аниме-фэнтезийной тематики! Ролевая только начинает постепенно приобретать нормальный вид и пополняться новыми разделами. Не ахти как быстро, но сессия и работа дают о себе знать. Так что не пугайтесь тем, что ролевая еще не полностью заполнена, а кое-какие разделы еще пусты, все будет заполняться по мере времени и сил. Если же у Вас есть желание помочь с развитием проекта, мы с радостью выслушаем Вас и возьмем в администрацию.</div></td></tr> <tr><td><div class="first2"></div></td></tr> <tr><td><div class="first3"> <a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=17509' target='_blank'> <script type="text/javascript"> Md=document;Mnv=navigator; Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&"; Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img src='http://palantir.in/count.php?id=17509&cid=palantir2006.png";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&referer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="' alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script> <noscript><img src="http://palantir.in/count.php?id=17509&cid=palantir2006.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript> </a> <a href="http://forum-top.ru/vote/2608" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_3.gif" alt="Рейтинг форумов Forum-top.ru" /></a> </div> </td></tr></table> <!-- Конец --> </div> <div id="sm2" class="submenutext"> <!-- Контент второй вкладки --> <table table style="width: 100%; height: 329px; border: none;" cellpadding="0" cellspacing="0"> <tr> <td style="width: 33%;" align="center" valign="top"> <h3>Гостям и новым пользователям:</h3> <div class="nav"> <a href="http://astra.anihub.ru/viewtopic.php?id=8" target="_blank">Сюжет</a> <a href="http://astra.anihub.ru/viewtopic.php?id=16" target="_blank">Расы</a> <a href="http://astra.anihub.ru/viewtopic.php?id=28" target="_blank"># 1 [brothers and sisters]</a> <a href="http://astra.anihub.ru/viewtopic.php?id=42" target="_blank"># 2 [Городские легенды]</a> <br/> <a href="http://astra.anihub.ru/viewtopic.php?id=7" target="_blank">Правила</a> <a href="http://astra.anihub.ru/viewtopic.php?id=53" target="_blank">F.A.Q.</a> <a href="http://astra.anihub.ru/viewtopic.php?id=25" target="_blank">Шаблон анкеты</a> <br/> <a href="http://astra.anihub.ru/viewtopic.php?id=2" target="_blank">Гостевая</a> <a href="http://astra.anihub.ru/viewtopic.php?id=12" target="_blank">Жалобы и предложения</a> </div> </td> <td style="width: 34%;" align="center" valign="top" target="_blank"> <h3>Игрокам:</h3> <div class="nav"> <a href="http://astra.anihub.ru/viewtopic.php?id=13" target="_blank">Занятые внешности</a> <a href="http://astra.anihub.ru/viewtopic.php?id=11" target="_blank">Смена статуса и ника</a> <a href="http://astra.anihub.ru/viewtopic.php?id=51" target="_blank">Заполнение профиля</a> <a href="http://astra.anihub.ru/viewtopic.php?id=10" target="_blank">Заказ аватарок</a> <a href="http://astra.anihub.ru/viewtopic.php?id=9" target="_blank">Отсутствие/Уход</a> <br/> <a href="http://astra.anihub.ru/viewtopic.php?id=50" target="_blank">Поиск партнера по игре</a> <a href="http://astra.anihub.ru/viewtopic.php?id=56" target="_blank">Поиск отношений</a> </div> </td> <td style="width: 33%;" align="center" valign="top"> <h3>PR-агентам:</h3> <div class="nav"> <a href="http://astra.anihub.ru/viewtopic.php?id=18" target="_blank">Наша реклама</a> <a href="http://astra.anihub.ru/viewtopic.php?id=19" target="_blank">Ваша реклама</a> <br/> <a href="ссылка на тему" target="_blank">Партнерство</a> <a href="ссылка на тему" target="_blank">Обмен баннерами</a> </div> </td> </tr> </table> <!-- Конец --> </div> <div id="sm3" class="submenutext"> <!-- Контент третьей вкладки --> <table style="background-image: url(http://s5.uploads.ru/KCvnD.png); width: 100%; height: 329px; border: none;" cellpadding="0" cellspacing="0"> <tr><td rowspan="2"> <div class="third1">Относительно сюжета: хотелось бы сказать Вам следующее – игра будет развиваться постепенно, по мере перехода от одной главы к другой (главы будут добавляться со временем отыгрыша). Игра свободная, мы не придерживаем Вас в рамках, и хочется сказать о том, что по сюжету подразумевается противостояние между людьми и нежитью. Но если у Вас нет желания воевать, то Вам вполне разрешается крутить шуры-муры и водить хороводы с кем душе угодно.</div></td> <td><div class="third2"><center><i><small>26 июля, 18:00-22:00</small></i></center> Вечерние лучики солнца пробегают по улицам Амстердама, и иногда их свечению препятствуют облака. Сильный прохладный ветер, который явно намекает на то, что ночью нас ждёт гроза. И ведь правда. Где-то вдали виднеется тёмная грозовая туча. Не забудьте прихватить зонтик: кто знает, быть может вода польёт как из ведра.</div> </td></tr><tr><td><div class="third3"><center>-no-</center></div> </td></tr></table> <!-- Конец --> </div> <div id="sm4" class="submenutext"> <!-- Контент четвертой вкладки --> <table style="background-image: url(http://s5.uploads.ru/knfZz.png); width: 100%; height: 329px; border: none; text-align=center;" cellpadding="0" cellspacing="0"> <tr><td colspan="2"> <div class="fourth1"><center><div class="fourth11"></div><h1>Именно Вы можете стать нашей гордостью!</h1></center></div> </td></tr> <tr><td></td><td></td></tr> </table> <!-- Конец --> </div> <div id="sm5" class="submenutext"> <!-- Контент пятой вкладки --> <table style="background-image: url(http://s5.uploads.ru/0k85P.png); width: 100%; height: 329px; border: none;" cellpadding="0" cellspacing="0"> <tr><td> <div class="fifth1"> <div class="fourth11"><font size="2" color="#596c96" face="Century Gothic, Arial"><b>Hanabi</b></font><br><a href="http://astra.anihub.ru/profile.php?id=6" target="_blank"><img src="http://s5.uploads.ru/Gb0Bv.png"></a></div><div class="fourth11"><font size="2" color="#596c96" face="Century Gothic, Arial"><b>.Reeneite</b></font><br><a href="http://astra.anihub.ru/profile.php?id=2" target="_blank"><img src="http://s4.uploads.ru/Z7sgR.png"></a><br><i><small>Бог всея форума</small></i></div><div class="fourth11"><font size="2" color="#596c96" face="Century Gothic, Arial"><b>Rivaille</b></font><br><a href="http://astra.anihub.ru/profile.php?id=12" target="_blank"><img src="http://s4.uploads.ru/WVIM1.png"></a></div> </div> </td></tr> <tr><td> <div class="fifth1"> <div class="fourth11"><font size="2" color="#596c96" face="Century Gothic, Arial"><b>Kozzi</b></font><br><a href="http://astra.anihub.ru/profile.php?id=5" target="_blank"><img src="http://s5.uploads.ru/nN5Du.png"></a></div> <div class="fourth11"><font size="2" color="#596c96" face="Century Gothic, Arial"><b>Mimzel`</b></font><br><a href="http://astra.anihub.ru/profile.php?id=3" target="_blank"><img src="http://s4.uploads.ru/AKLNw.png"></a></div><div class="fourth11"><font size="2" color="#596c96" face="Century Gothic, Arial"><b>J.Jamboo</b></font><br><a href="http://astra.anihub.ru/profile.php?id=9" target="_blank"><img src="http://s4.uploads.ru/xQyFs.png"></a></div></div></td></tr> </table> <!-- Конец --> </div> </div> </td> </tr> </tbody> </table> <!-- Конец основной таблицы -->
Отредактировано Deff (Сб, 6 Июл 2013 21:53:43)
МухХа
Может так ?
Хм, вы ошиблись, это не мне надо, а Vienna_Arel, мне нужна тема с полосками маны, здоровья
Vienna_AreL
Главное, это не применяйте left и right при абсолютной позиции элемента, ибо left и right при этом, центрируют относительно края монитора, что при разных экранах - сносит разметку
Пользуйтесь margin-left и margin-right
При позиционировании элементов внизу форума и margin-top, margin-bottom,
Проверить подвижки можно зажав контрл и крутя колесо мыши
Отредактировано Deff (Вс, 7 Июл 2013 12:54:12)
Deff
Ох, спасибо за объяснения, многим помогло)
Vienna_AreL
Ксать я бы автовход, повесил в правом верхнем углу - как то сейчас оно не втуды - не сюды
<script id="MylogIn" type="text"><!--Быстрый Вход --> <form id="login" style="right:0.5%;top:-13px;margin-left:-220px;position:fixed;text-align:center;width:200px;height:280px; font-family:Arial Black!important;" class="container" method="post" action="/login.php?action=in" onsubmit="return process_form(this)"> <input type="hidden" name="form_sent" value="1" /><input type="hidden" name="redirect_url" value="" /><br/><br/> <input placeholder="логин" style="text-align:center;height:30px;font-size:16px" type="text" id="fld1" name="req_username" size="16" maxlength="25" /><br/><br/><br/> <input placeholder="пароль" style="text-align:center;height:30px;font-size:16px" type="password" id="fld2" name="req_password" size="16" maxlength="16" /><br/><br/> <a href="http://astra.anihub.ru/register.php" style="color:#484646">зарегистрируйтесь</a><br/><br/> <button type="submit" style="background:transparent none;outline:none 0;border:none 0"><img src="http://s0.uploads.ru/BNF5l.png"></button> </form> </script> <script>$(document).ready(function(){if($("#navlogin").length)$(".punbb").prepend($("#MylogIn").text());});</script>
Снова я )) На этот раз не по своему дизу
В общем на форуме что-то странное с цветами.
Есть шапка, ее нижняя часть цветом переходит в цвет тела форума. Сливается короче по цветам.
Но не у всех.
У мастера и админа все нормально, а у меня отобразилось вот так. Цвета вышли разные, появился стык.
такое было на мозилле и хроме.
http://s017.radikal.ru/i418/1307/0c/2abdb1521916.png
Фотошоп пипеткой со скрина, тоже показал разные оттенки цвета.
http://s018.radikal.ru/i526/1307/79/c9884df0dea1.png
Ок.
Исправили цвета.
У меня стало норм на мозилле и хроме, а у мастера и админа появилась моя проблема, только цвета местами поменялись. У меня перекосилось только на опере.
http://s57.radikal.ru/i158/1307/c3/8e3cf472a10a.png
Короче вопрос. Как это все исправить, чтоб тело форума сливалось с шапкой во всех браузерах?
Я знаю, что браузеры некоторые цвета могут по-разному показывать, что зависит от настроек монитора и цветовых профилей, но у меня такой проблемы не было отродясь, выборка цвета через фш не подводила, цвета у всех были максимально одинаковые, потому в тупике сама и в него же загнала мастера.
Отредактировано Иса (Пн, 8 Июл 2013 02:00:54)
Иса
Сделай скриншот полотна сайта ( где без шапки, наложи эту картинку в ФШ сверху http://s4.uploads.ru/XQ6cd.png
выдели рамкой её рамеры,
Плавно, по нисходящей к низу, - размой нижний край картинки до полной прозрачности,
Всё объединить и обрезать по прежним размерам
Отредактировано Deff (Пн, 8 Июл 2013 02:35:15)
Deff
похоже не помогает. (пробовала через веб девелопер подставить)
О_о а когда перетягиваю шапку на скрин, цвета совпадают... это как возможно? О_о почему тогда на форуме разные становятся
http://s61.radikal.ru/i171/1307/d4/5091fbdb51c4.pngupd
с картинками категорий тоже самое случилось (
http://s019.radikal.ru/i621/1307/6e/9eccaf4fb89b.png
хотя явно не должно
кажется разобрались
Отредактировано Иса (Пн, 8 Июл 2013 20:13:17)
Добрый вечер,
у меня вот такая просьба, поделился бы кто стандартным кодом Структура style.css, грацие!
у меня вот такая просьба, поделился бы кто стандартным кодом Структура style.css, грацие!
Типовые Вопросы п.п.33
Подскажите, как в таблице можно указать ссылку, вот что бы было примерно так:
Код:[url=http://cwtt.5bb.ru/viewtopic.php?id=39]Продолжение[/url]Продолжение
Поставила в табличку вот так:Код:<url=http://cwtt.5bb.ru/viewtopic.php?id=39>Продолжение</url>У меня ничего не получилось, помогите, плиз!!!
Отредактировано МухХа (Вт, 9 Июл 2013 13:07:41)
МухХа,
<a href="Ccылка">Описание</a>
Приветствую.
Наверное, подобные вопросы уже задавали, но перерывать все "Общие вопросы по оформлению" как-то времени нет...)
Ссылка на мой форум: ссылочка
У меня есть пара вопросов.
1). Как сделать так, чтобы оформление цитаты в сообщениях (т.е. тега quote) было другим? Сейчас там фон светло-салатовый, с закругленными краями. А как сделать, чтобы он был, например, прозрачным, но со штриховой рамкой?
2). Про профиль, главное, что меня интересует.
На многих форумах есть в профилях дополнительная информация, которая как бы отделяется от основной стандартной типа "Откуда". Сообщений" и т.д. И еще профили в темах и сообщениях берутся, например, в рамочку... Короче, какое-то нестандартное оформление имеется. И я так понимаю, там читается HTML?
вот пример такого форума: http://grottermef2.mybb.ru/
Что для этого нужно? Скрипт какой или что?
Спасибо, если откликнитесь!
Отредактировано Никаниэль (Вт, 9 Июл 2013 20:26:16)
и у меня снова пропало облако тегов т_т переставляла его c uploads на freemanager.ucoz.com, сначала работало, теперь и это накрылось
а нет появилось о.о
Отредактировано Нэнси Малина (Вт, 9 Июл 2013 18:58:06)
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (49)