Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (49)
Архивная тема помощи в оформлении форума и его элементов
Это архивная тема. Если вы хотите задать вопрос, пожалуйста, перейдите в следующую тему по ссылке ниже.
Следующая тема: Общие вопросы по оформлению (50)
Предыдущая тема: Общие вопросы по оформлению (48)
Иса
Поставьте перед скриптом
<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, мне нужна тема с полосками маны, здоровья
Deff
Конечно, с одной вкладкой это решило проблемы.
А вот со второй - нет.
То есть красный - это разница в Опере (верхнее) и Файрфоксе (нижнее).
И меня волнует вопрос - неужели скроллбар каким-то образом регулирует эти несостыковки? Потому что разница в позиционировании блока исчезла...
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)
| Общие вопросы по оформлению (65) #2 | Вопросы по оформлению форума | Сегодня |
| Общие вопросы по оформлению (58) | Архив | Чт, 21 Апр 2016 |
| Общие вопросы по оформлению (57) | Архив | Ср, 20 Янв 2016 |
| Общие вопросы по оформлению (62) | Архив | Сб, 26 Авг 2017 |
| Общие вопросы по оформлению (65) #1 | Архив | Сб, 19 Дек 2020 |
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (49)