Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Общие вопросы по оформлению (63)


Общие вопросы по оформлению (63)

Сообщений 241 страница 260 из 535

1

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

0

241

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

0

242

Deff
Это я понимаю, если я тут двигаю, они либо налезают на фон описания форумов, либо обрезаются

0

243

LexLuthor
Замените текущий код для /* C2.14 */ и /* C2.15 */ в Первом окне,  на код, что я выдал, сделайте скриншот , что куда двигать

Поиск по окну стиля - contr+F - ищите /* C2.14 */ и /* C2.15 */

Отредактировано Deff (Чт, 12 Окт 2017 14:06:21)

0

244

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)

+1

245

Deff
Поняла. Спасибо большое, буду знать.

0

246

Ещё возникли вопросы:

1. Как мне меню на скрине сделать посередине, потому что гостю видно вот это:
http://sd.uploads.ru/82zqb.jpg - от гостя
http://s8.uploads.ru/6xZH5.jpg - от пользователя

2. Как опустить кнопку онлайн/оффлайн, чтобы она не стояла наравне с кнопкой наград:
http://se.uploads.ru/DQrOP.jpg

3. На одном форуме видела, как объект в шапке при наведении на него мышкой двигался. Как это прописать?

Заранее спасибо :3

0

247

Добрый вечер! Пожалуйста, помогите разобраться, как удалить из слайда раскладку с стандартными смайлами?

скрин прикладываю

http://funkyimg.com/i/2ygta.png

ссылка на форум: http://qwertyy.rusff.ru/

так же, у нас есть проблема, что многие игроки жалуются на долгую прогрузку форума
и дизайн странно отображается с телефона и мозилы
так же, на мозиле не работает код с картинками амс
и проблема с ссылками в подфорах

скрин

http://funkyimg.com/i/2ygt9.jpg

и заранее спасибо вам~

Отредактировано deadbeat (Пт, 13 Окт 2017 19:38:42)

0

248

deadbeat написал(а):

так же, у нас есть проблема, что многие игроки жалуются на долгую прогрузку форума

У вас та же проблема, что и здесь. Висит на том же ресурсе. И обращение туда тоже в файле стиля http://forumstatic.ru/styles/0019/30/ef … 732969.css

Отредактировано Mirra Bell (Пт, 13 Окт 2017 19:56:50)

0

249

Deff
благодарю!

0

250

Deff
а нет, не получилось. Ставлю другую картинку, меняю размер 5 на 50 и они исчезают(

0

251

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;
}

0

252

Подскажите действующий портал, чтоб можно было сделать на нём свой дизайн. :blush:
http://stargate.quadrobb.ru
Пробный дизайн сделала для форума, теперь хочу установить портал.

0

253

Mirra Bell
спасибо~

а что насчёт другого, не подскажите?
как убрать стандартные смайлы и почему не работает код с картинками амс

0

254

deadbeat
Насчет остального я увы, из меня верстальщик еще тот ) Тут нужен кто-то более квалифицрованный

Отредактировано Mirra Bell (Сб, 14 Окт 2017 18:44:29)

0

255

deadbeat написал(а):

так же, у нас есть проблема, что многие игроки жалуются на долгую прогрузку форума

Переставьте скрипт всплывающей таблички из 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="http://forumfiles.ru/files/0018/4f/80/23467.css" />
<script img-data="http://sa.uploads.ru/SoT3N.png" src="http://forumfiles.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>

Ксать поменял очередность , он видно у Вас и не работал

deadbeat написал(а):

как убрать стандартные смайлы


Попробуйте заменить скрипт смайлов на такой:

Код:
<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)

0

256

Ms. Juliet написал(а):

Как мне меню на скрине сделать посередине

Попробуйте вот этот блок в стиле подправить:

#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 Ссылки */.

Ms. Juliet написал(а):

Как опустить кнопку онлайн/оффлайн, чтобы она не стояла наравне с кнопкой наград

Попробуйте поставить скрипт "активен-неактивен" ниже "скрытия инфы под кнопки".
И кстати, на мобильных устройствах форум отображается некорректно: из-за шапки, значительно превышающей ширину самого форума, справа остаётся много пустого места. Совсем недавно была у кого-то та же проблема... Если не секрет, откуда вообще растут уши у такого вот оформления?
https://i.gyazo.com/d808dab5352c2c5035b3871261244d5b.png
Для корректного отображения нужно сделать шапку по ширине форума, а бэкграунд по бокам от неё прописать в боди, благо css позволяет прописать одному элементу несколько бэкграундов. Вот тут можно глянуть пример позиционирования нескольких фонов.

+1

257

Здравствуйте. Помогите пожалуйста, два дня с этим бьюсь. Поставил на форум таблицу в объявление (на шапку, мне так и надо), но после этого объявления гиганское расстояние до начала форума. Если в данном пункте:

/* D5.2 */
#pun-status .container {

  margin-top: 600px;
  padding: 0.8em 1em 1em 1em;
  }

поставить 50, то все шикарно, кроме админки, она сразу залезает на шапку.
Ссылка на форум http://testmax.mybb.ru/

0

258

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-е Есть ошибки в самом объявлении (Непарное кол-во тегов )

0

259

Deff
во, спасибо)
да с объявой косяк, должно быть как здесь http://laboum.rusff.ru/ но что то я не так копернул походу, но еще не понял что)

0

260

Deff
опять вернулась проблема(

0


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Общие вопросы по оформлению (63)