Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (63)
Предыдущая тема: Общие вопросы по оформлению (62)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Deff
Я объединила красным на скриншотах.
http://sa.uploads.ru/1SPDl.jpg
http://sd.uploads.ru/rHquj.jpg
http://s1.uploads.ru/V3dXl.jpg
http://s8.uploads.ru/RqCyu.jpg
Deff
Это я понимаю, если я тут двигаю, они либо налезают на фон описания форумов, либо обрезаются
LexLuthor
Замените текущий код для /* C2.14 */ и /* C2.15 */ в Первом окне, на код, что я выдал, сделайте скриншот , что куда двигать
Поиск по окну стиля - contr+F - ищите /* C2.14 */ и /* C2.15 */
Отредактировано Deff (Чт, 12 Окт 2017 14:06:21)
Ms. Juliet
Вот Этот код Выкиньте из HTML низ:
<div id="bnr" style="/*outline:red 1px solid;*/text-align:center;overflow-y:auto;overflow-x:visible;height:153px;width:335px;position:absolute;margin-top:-1022px;margin-left:37px;"></div>
Для позиционирования абсолютных блоков Всегда снимайте красные скобки комментов с обводки, чоб потом не было подобных эксцесов и видно было куда он размещается!
Возвращаеть скобки обратно ток после проверки на всех основных страницах меню
В шапку не позиционируют из футера, максимум - из объявления, из футера в Шапку можно вставить ток скриптом, чтобы не зависило от длины контента страницы
Отредактировано Deff (Чт, 12 Окт 2017 14:32:14)
Deff
Поняла. Спасибо большое, буду знать.
Ещё возникли вопросы:
1. Как мне меню на скрине сделать посередине, потому что гостю видно вот это:
http://sd.uploads.ru/82zqb.jpg - от гостя
http://s8.uploads.ru/6xZH5.jpg - от пользователя
2. Как опустить кнопку онлайн/оффлайн, чтобы она не стояла наравне с кнопкой наград:
http://se.uploads.ru/DQrOP.jpg
3. На одном форуме видела, как объект в шапке при наведении на него мышкой двигался. Как это прописать?
Заранее спасибо :3
Добрый вечер! Пожалуйста, помогите разобраться, как удалить из слайда раскладку с стандартными смайлами?
ссылка на форум: http://qwertyy.rusff.ru/
так же, у нас есть проблема, что многие игроки жалуются на долгую прогрузку форума
и дизайн странно отображается с телефона и мозилы
так же, на мозиле не работает код с картинками амс
и проблема с ссылками в подфорах
и заранее спасибо вам~
Отредактировано deadbeat (Пт, 13 Окт 2017 19:38:42)
так же, у нас есть проблема, что многие игроки жалуются на долгую прогрузку форума
У вас та же проблема, что и здесь. Висит на том же ресурсе. И обращение туда тоже в файле стиля https://forumstatic.ru/styles/0019/30/e … 732969.css
Отредактировано Mirra Bell (Пт, 13 Окт 2017 19:56:50)
Deff
благодарю!
Deff
а нет, не получилось. Ставлю другую картинку, меняю размер 5 на 50 и они исчезают(
LexLuthor
1-е, размеры нун выставлять под картинку!!
/* C2.14 */
.punbb td div.tclcon {
margin:0 35px 0 -35px;
}
/* C2.15 */
.punbb div.icon {
float: right;
display: block;
width:44px;
height: 41px;
padding-top: 20px;
margin-top: 16px;
margin-right: -4px;
padding: 0px;
background-repeat: no-repeat;
}
Подскажите действующий портал, чтоб можно было сделать на нём свой дизайн. 
http://stargate.quadrobb.ru
Пробный дизайн сделала для форума, теперь хочу установить портал.
Mirra Bell
спасибо~
а что насчёт другого, не подскажите?
как убрать стандартные смайлы и почему не работает код с картинками амс
deadbeat
Насчет остального я увы, из меня верстальщик еще тот ) Тут нужен кто-то более квалифицрованный
Отредактировано Mirra Bell (Сб, 14 Окт 2017 18:44:29)
так же, у нас есть проблема, что многие игроки жалуются на долгую прогрузку форума
Переставьте скрипт всплывающей таблички из HTML верх, в конец HTML низ
Вот ЭТО
<style type="text/css">
li#navawards {display: none;}
.post-author img.a-info{display:none!important}
</style>
<style type="text/css">
#pun-title table tbody tr .title-logo-tdr {position: absolute;z-index: 1;margin-left: 200px;margin-top: -20px;}</style>
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0018/4f/80/23467.css" />
<script img-data="http://sa.uploads.ru/SoT3N.png" src="https://forumstatic.ru/files/0013/44/56/57946.js" forum="10"></script><script type="text/javascript">
function iconRedir(that) {
$(that).parents('.post-author').find('.post-img-Sp.a-info')[0].click();
};</script><script type="text/javascript">
$(document).ready(function(){
$('img.a-info,.my-tabs>span').click(function(){
$("li.tab-a .code-box").each(function(){
if($(this).text().indexOf('<!--HTML-->')!=-1){
$(this).wrap('<div class="htmldemo"></div>')
$(this).replaceWith($('.htmldemo').text().split('<!--HTML-->')[1]);}
});});});
</script>Ксать поменял очередность , он видно у Вас и не работал
как убрать стандартные смайлы
Попробуйте заменить скрипт смайлов на такой:
<script type="text/javascript">
var nabor2 = ['http://vk.com/images/emoji/D83DDE40.png',
'http://vk.com/images/emoji/D83DDE3E.png',
'http://vk.com/images/emoji/D83DDE3B.png',
'http://vk.com/images/emoji/D83DDE3C.png',
'http://vk.com/images/emoji/D83DDE15.png',
'http://vk.com/images/emoji/D83DDE11.png',
'http://sf.uploads.ru/OkB0C.png',
'http://vk.com/images/emoji/D83DDE26.png',
'http://vk.com/images/emoji/D83DDE09.png',
'http://vk.com/images/emoji/D83DDE0B.png',
'http://vk.com/images/emoji/D83DDE0A.png',
'http://vk.com/images/emoji/D83DDE03.png',
'http://vk.com/images/emoji/D83DDE1C.png',
'http://vk.com/images/emoji/D83DDE12.png',
'http://vk.com/images/emoji/D83DDE2D.png',
'http://vk.com/images/blank.gif',
'http://vk.com/images/emoji/2639.png',
'http://vk.com/images/emoji/D83DDE25.png',
'http://vk.com/images/blank.gif',
'http://vk.com/images/emoji/D83DDE24.png',
'http://vk.com/images/emoji/D83DDE30.png',
'http://vk.com/images/emoji/D83DDE05.png',
'http://vk.com/images/emoji/D83DDE02.png',
'http://vk.com/images/emoji/D83DDE18.png',
'http://vk.com/images/emoji/D83DDE29.png',
'http://vk.com/images/emoji/D83DDE10.png',
'http://vk.com/images/emoji/D83DDE1A.png',
'http://vk.com/images/emoji/D83DDE2C.png',
'http://vk.com/images/emoji/D83DDE16.png',
'http://vk.com/images/emoji/D83EDD11.png',
'http://vk.com/images/emoji/D83EDD13.png',
'http://vk.com/images/emoji/D83DDE43.png',
'http://vk.com/images/emoji/D83EDD17.png',
'http://vk.com/images/emoji/D83EDD14.png',
'http://vk.com/images/emoji/D83DDE44.png',
'http://vk.com/images/emoji/D83EDD10.png',
'http://vk.com/images/emoji/D83EDD15.png',
'http://vk.com/images/blank.gif',
'http://vk.com/images/emoji/D83EDD12.png',
'http://vk.com/images/emoji/D83DDE4A.png',
'http://vk.com/images/emoji/D83DDE49.png',
'http://vk.com/images/emoji/D83DDE48.png',
'http://sf.uploads.ru/t/caqQD.png',
'https://vk.com/images/emoji/D83DDC7F.png',
'http://vk.com/images/emoji/D83EDD84.png',
'http://vk.com/images/emoji/D83DDD77.png',
'http://vk.com/images/emoji/D83DDC1D.png',
'http://vk.com/images/emoji/D83DDC3F.png',
'http://vk.com/images/emoji/D83DDC07.png',
'http://vk.com/images/emoji/D83DDC32.png',
'http://vk.com/images/emoji/D83DDC0C.png',
'http://vk.com/images/emoji/D83DDC1B.png',
'http://vk.com/images/emoji/D83DDC19.png',
'http://vk.com/images/emoji/D83DDC2C.png',
'http://vk.com/images/emoji/D83DDC1F.png',
'http://vk.com/images/emoji/D83DDC14.png',
'http://vk.com/images/emoji/D83DDC0B.png',
'http://vk.com/images/emoji/D83DDC11.png',
'http://vk.com/images/emoji/D83DDC37.png',
'http://vk.com/images/emoji/2600.png',
'http://vk.com/images/emoji/D83CDF37.png',
'http://vk.com/images/emoji/D83CDF3C.png',
'http://vk.com/images/emoji/D83CDF3A.png',
'http://vk.com/images/emoji/D83CDF42.png',
'http://vk.com/images/emoji/D83CDF41.png',
'http://vk.com/images/emoji/D83CDF40.png',
'http://vk.com/images/emoji/D83CDF51.png',
'http://vk.com/images/emoji/D83CDF53.png',
'http://vk.com/images/emoji/D83CDF46.png',
'http://vk.com/images/emoji/D83CDF3D.png',
'http://vk.com/images/emoji/D83CDF49.png',
'http://vk.com/images/emoji/D83CDF69.png',
'http://vk.com/images/emoji/D83CDF47.png',
'http://vk.com/images/emoji/D83CDF57.png',
'http://vk.com/images/emoji/D83CDF56.png',
'http://vk.com/images/emoji/D83CDF30.png',
'http://vk.com/images/emoji/D83CDF64.png',
'http://vk.com/images/emoji/D83CDF6A.png',
'http://vk.com/images/emoji/D83CDF6B.png',
'http://vk.com/images/emoji/D83CDF5F.png',
'http://vk.com/images/emoji/D83CDF7A.png',
'http://vk.com/images/emoji/D83CDF7B.png',
'http://vk.com/images/emoji/D83CDF78.png',
'http://vk.com/images/emoji/D83CDF78.png',
'http://vk.com/images/emoji/D83CDF77.png',
'http://vk.com/images/emoji/2603.png',
'http://vk.com/images/emoji/D83CDF2A.png',
'http://vk.com/images/emoji/D83CDF0A.png',
'"http://vk.com/images/emoji/2614.png',
'http://vk.com/images/emoji/D83DDCA6.png',
'http://vk.com/images/emoji/2744.png',
'http://vk.com/images/emoji/D83DDCA7.png',
'http://vk.com/images/emoji/D83DDCA8.png',
'http://vk.com/images/emoji/D83DDCA5.png',
'http://vk.com/images/emoji/D83DDD25.png',
'http://vk.com/images/emoji/D83CDF89.png',
'http://vk.com/images/emoji/D83CDF8A.png',
'http://vk.com/images/emoji/D83CDF88.png',
'http://vk.com/images/emoji/D83CDF80.png',
'http://vk.com/images/emoji/2728.png',
'http://vk.com/images/emoji/D83CDF8F.png',
'http://vk.com/images/emoji/D83CDF1D.png',
'http://vk.com/images/emoji/D83CDF1A.png',
'http://vk.com/images/emoji/D83CDF1C.png',
'http://vk.com/images/emoji/D83DDC94.png',
'http://vk.com/images/emoji/D83DDC99.png',
'http://vk.com/images/emoji/2764.png',
'http://vk.com/images/emoji/D83DDC9A.png',
'http://vk.com/images/emoji/D83DDC9B.png',
'http://vk.com/images/emoji/D83DDC9C.png',
'http://vk.com/images/emoji/D83DDC95.png',
'http://vk.com/images/emoji/D83DDC96.png',
'http://vk.com/images/emoji/D83DDC97.png',
'http://vk.com/images/emoji/D83DDCA9.png',
'http://vk.com/images/emoji/D83DDCAA.png',
'http://vk.com/images/emoji/D83DDC46.png',
'http://vk.com/images/emoji/D83DDC50.png',
'http://vk.com/images/emoji/D83DDC48.png',
'http://vk.com/images/emoji/D83DDE4F.png',
'http://vk.com/images/emoji/270B.png',
'http://vk.com/images/emoji/D83DDC4A.png',
'http://vk.com/images/emoji/D83DDC4F.png',
'http://vk.com/images/emoji/D83DDC4C.png',
'http://vk.com/images/emoji/270C.png',
'http://vk.com/images/emoji/D83DDC4E.png',
'http://vk.com/images/emoji/D83DDC4D.png',
'http://sf.uploads.ru/gRVOG.png',
'http://vk.com/images/emoji/D83DDE4C.png',
'http://vk.com/images/emoji/D83DDC4B.png',
'http://vk.com/images/emoji/D83DDD96D83CDFFB.png',
'http://vk.com/images/emoji/D83DDD90D83CDFFF.png',
'http://vk.com/images/emoji/D83DDC76D83CDFFF.png',
'http://vk.com/images/emoji/D83DDC73.png',
'http://vk.com/images/emoji/D83DDC82.png',
'http://vk.com/images/emoji/D83DDC83.png',
'http://vk.com/images/emoji/D83DDC70.png',
'http://vk.com/images/emoji/D83DDC6F.png',
'http://vk.com/images/emoji/D83DDE46.png',
'http://vk.com/images/emoji/D83DDE45.png',
'http://vk.com/images/emoji/D83DDC81.png',
'http://vk.com/images/emoji/D83CDF85.png',
'http://vk.com/images/emoji/D83DDC7E.png',
'http://vk.com/images/emoji/D83DDC7B.png',
'http://vk.com/images/emoji/D83DDC51.png',
'http://vk.com/images/emoji/D83CDFB8.png',
'http://vk.com/images/emoji/D83DDD2E.png',
'http://vk.com/images/emoji/26B0.png',
'http://vk.com/images/emoji/D83DDEBD.png',
'http://vk.com/images/emoji/D83DDDFF.png',
'http://vk.com/images/emoji/D83CDFC6.png',
'http://vk.com/images/emoji/D83DDC8E.png',
'http://vk.com/images/emoji/D83DDCA3.png',
'http://vk.com/images/emoji/D83CDFB3.png',
'http://vk.com/images/emoji/D83DDC80.png',
'http://vk.com/images/emoji/D83CDFA4.png',
'http://vk.com/images/emoji/D83DDD2A.png',
'http://vk.com/images/emoji/D83DDD2B.png',
'http://vk.com/images/emoji/D83DDD28.png',
'http://vk.com/images/emoji/D83DDEAC.png',
'http://vk.com/images/emoji/D83DDC8D.png',
'http://vk.com/images/emoji/D83CDDECD83CDDE7.png',
'http://vk.com/images/emoji/D83CDDEED83CDDF1.png',
'https://vk.com/images/emoji/D83CDF4D.png',];
var nabor3 = ['http://funkyimg.com/i/2xSTf.png',
'http://funkyimg.com/i/2xSTg.png',
'http://funkyimg.com/i/2xSTh.png',
'http://funkyimg.com/i/2xSTi.png',
'http://funkyimg.com/i/2xSTj.png',
'http://funkyimg.com/i/2xSTk.png',
'http://funkyimg.com/i/2xSTm.png',
'http://funkyimg.com/i/2xSTn.png',
'http://funkyimg.com/i/2xSTo.png',
'http://funkyimg.com/i/2xSTp.png',
'http://funkyimg.com/i/2xSTV.png',
'http://funkyimg.com/i/2xSTW.png',
'http://funkyimg.com/i/2xSTX.png',
'http://funkyimg.com/i/2xSTY.png',];
var nabor4 = ['http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/1.gif'];
$(document).ready(function() {
$('#smilies-block').addClass('t1');
$('#smilies-area').prepend('<div id="wrapper"><ul class="tabs tabs1" onclick="return changeVisibility (\'smilies-area\', false)"><li class="t2"><a>ВК</a></li><li class="t3"><a>Мика</a></li><li class="t4"><a>lala</a></li></ul><div class="t2" style="display:block"></div><div class="t4"></div><div class="t3"><br></div></div>');
$.each(nabor2, function(i) {
$('div.t2').append('<img src="'+nabor2[i]+'" onclick=smile(\'[img]'+nabor2[i]+'[/img]\') />');
});
$.each(nabor3, function(i) {
$('div.t3').append('<img src="'+nabor3[i]+'" onclick=smile(\'[img]'+nabor3[i]+'[/img]\') />');
});
$.each(nabor4, function(i) {
$('div.t4').append('<img src="'+nabor4[i]+'" onclick=smile(\'[img]'+nabor4[i]+'[/img]\') />');
});
$('#smilies-block').remove();
$('#post ul.tabs.tabs1 li').click(function(){
var thisClass = this.className.slice(0,2);
$('#post').find('div.t1, div.t2, div.t3, div.t4').hide();
$('#post div.' + thisClass).fadeToggle('slow');
$('#post ul.tabs.tabs2 li').removeClass('tab-current');
$(this).addClass('tab-current');
}); });
</script>Отредактировано Deff (Сб, 14 Окт 2017 20:25:58)
Как мне меню на скрине сделать посередине
Попробуйте вот этот блок в стиле подправить:
#pun-ulinks .container {
text-align: center;
position: absolute;
top: 1033px;
left: 10px;
text-shadow: 0 0 10px #3a3f58;
text-transform: uppercase;
font-weight: normal;
font-size: 10px;
width: 850px;}
Это во втором окне стиля чуть выше раздела /* CS2 Ссылки */.
Как опустить кнопку онлайн/оффлайн, чтобы она не стояла наравне с кнопкой наград
Попробуйте поставить скрипт "активен-неактивен" ниже "скрытия инфы под кнопки".
И кстати, на мобильных устройствах форум отображается некорректно: из-за шапки, значительно превышающей ширину самого форума, справа остаётся много пустого места. Совсем недавно была у кого-то та же проблема... Если не секрет, откуда вообще растут уши у такого вот оформления?
Для корректного отображения нужно сделать шапку по ширине форума, а бэкграунд по бокам от неё прописать в боди, благо css позволяет прописать одному элементу несколько бэкграундов. Вот тут можно глянуть пример позиционирования нескольких фонов.
Здравствуйте. Помогите пожалуйста, два дня с этим бьюсь. Поставил на форум таблицу в объявление (на шапку, мне так и надо), но после этого объявления гиганское расстояние до начала форума. Если в данном пункте:
/* D5.2 */
#pun-status .container {margin-top: 600px;
padding: 0.8em 1em 1em 1em;
}
поставить 50, то все шикарно, кроме админки, она сразу залезает на шапку.
Ссылка на форум http://testmax.mybb.ru/
LexLuthor
Походу трабл в стиле
Строку красным уберите из Первого Окна Стиля
/* D6.1 */
#pun-announcement h2 {
padding: 0;
margin: 0 0em 0px 0em;
border-style: none none solid none;
border-width: 0 0 350px 0;
position: relative;
font-weight: bold;
}
2-е Есть ошибки в самом объявлении (Непарное кол-во тегов )
Deff
во, спасибо)
да с объявой косяк, должно быть как здесь http://laboum.rusff.ru/ но что то я не так копернул походу, но еще не понял что)
Deff
опять вернулась проблема(
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (63)