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

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

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


Вы здесь » Единый форум поддержки » Проблемы с форумом » Проблема с шапкой


Проблема с шапкой

Сообщений 1 страница 17 из 17

1

Добрый день! Помогите, пожалуйста, человеку, далёкому от дел веб-дизайновых  :unsure:
Случилась на форуме проблема, когда это началось сказать точно не могу. Дело в том, что с какого-то времени в шапке появилась белая полоса и сместились изображения шапки.
Выглядит всё это сейчас так, а должно быть вот так.

А теперь немного из разряда "человек с нулевыми знаниями html и css пытается разобраться в проблеме самостоятельно"...
В ходе исследования кода страницы было выяснено, что за дело это отвечают следующие строки в коде страницы:

Код:
<div id="pun-title" class="section" style="height: 60px !important;">
	<table id="title-logo-table" cellspacing="0" style="height: 60px !important;">

Вот если бы поменять там значение 60 px на 0 px, то было бы как раз то, как выглядело раньше.
Но, как я понял, данное значение высоты выставляется равным 60 за счёт некого скрипта:

Код:
<script type="text/javascript">
try{jQuery.ready();}catch(e){}
try{
$(document).ready(function(){
	ac = 0;
	el = ['div#pun-title','table#title-logo-table','tr#title-logo-tr','tbody#title-logo-tbody','td#title-logo-tdr','tr .title-logo-tdr','td.title-logo-tdr','iframe#bs-top-iframe','.title-logo-tdr iframe','div#tieser-bottom','iframe#bs-bottom-iframe'];
	for (var key in el){
if (!$(el[key]).length) continue;
if ($(el[key]).css('opacity') && $(el[key]).css('opacity') < 1 || $(el[key]).children().css('opacity') && $(el[key]).children().css('opacity') < 1 || $(el[key]).parent().css('opacity') && $(el[key]).parent().css('opacity') < 1){
	ocss = 'opacity:1 !important;-moz-opacity:1 !important;-khtml-opacity: 1 !important;filter:alpha(opacity=100) !important;';
	$(el[key]).css('opacity',1);
	$(el[key]).css('cssText',ocss);
	$(el[key]).children().css('opacity',1);
	$(el[key]).children().css('cssText',ocss);
	$(el[key]).parent().css('opacity',1);
	$(el[key]).parent().css('cssText',ocss);
	$(el[key]).find("*").css('opacity',1);
	$(el[key]).find("*").css('cssText',ocss);
}
if ($(el[key]).css('display') && $(el[key]).css('display') == 'none'){
	$(el[key]).css('display','block');
	$(el[key]).css('cssText','display:block !important;');
}
if ($(el[key]).css('visibility') && $(el[key]).css('visibility') == 'hidden'){
	$(el[key]).css('visibility','visible');
	$(el[key]).css('cssText','visibility:visible !important;');
}
if ($(el[key]).css('z-index') && $(el[key]).css('z-index') < 0){
	$(el[key]).css('z-index','1000');
	$(el[key]).css('cssText','z-index:1000 !important;');
}
if ($(el[key]).css('maxHeight') && $(el[key]).css('maxHeight') != 'none'){
	$(el[key]).css('maxHeight','none');
	$(el[key]).css('cssText','max-height:none !important;');
}
if ($(el[key]).css('maxWidth') && $(el[key]).css('maxWidth') != 'none'){
	$(el[key]).css('maxWidth','none');
	$(el[key]).css('cssText','max-width:none !important;');
}
if ($(el[key]).height() < 60){
	$(el[key]).height(60);
	$(el[key]).css('height',60);
	$(el[key]).css('cssText','height:60px !important;');
}
if ($(el[key]).width() < 468){
	$(el[key]).width(468);
	$(el[key]).css('width',468);
	$(el[key]).css('cssText','width:468px !important;');
}
if ($(window).width() < 1000) continue;
for (i=0;i<2;i++){
	if ($(el[key]).offset().left !== null && $(el[key]).offset().left > parseInt($(window).width()-$(el[key]).width()) || $(el[key]).offset().left < -2 || $(el[key]).offset().top !== null && $(el[key]).offset().top > parseInt($(document).height()-$(el[key]).height()) || $(el[key]).offset().top < -2 || key.indexOf('bottom') == -1 && $(el[key]).offset().top > parseInt($(window).height()-$(el[key]).height())){
if (i==0){
	pcss = 'left:0 !important;top:0 !important;bottom:inherit !important;right:inherit !important;';
	$(el[key]).css('cssText',pcss);
	$(el[key]).css({'left':0,'top':0,'bottom':'','right':''});
} else if (i>0) ac++;
	}
}
	}
	if (ac>0) $('<img src="http://bs.mybb.ru/adverification?forum.tuolordis.ru" width="1" height="1" style="display:none;" />').appendTo('body');
});
}catch(e){}
</script>

Возможно ли как-то исправить данную проблему?

Заранее прошу прощения за страшное невежество))

0

2

Reynel
Для начала - ссылку на ресурс с проблемой!

0

3

Ссылка

0

4

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

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: #f7e4ba;
  color: #8d8a74;
  }

0

5

Так... Белая полоса пропала, но картинки в шапке всё ещё съехали относительно друг друга

0

6

Reynel
Cделайте скриншот - укажите стрелками - что куда смещать
Либо найдите скриншот правильной картинки...

0

7

Вот как есть сейчас, вот как должно быть.
Получается, надо эту картинку поднять на 60 пикселей и текст тоже поднять на 60 пикселей...

0

8

Сдрасте =) у меня шапка стала прозрачной, как зделать так что бы форум остался прозрачным, а шапка обычной.

0

9

И можно пожалуйста сайт наподобие радикала. А то с радикала код картинки шапки делается маленьким.

0

10

Покахонтас
Никак, найти стиль с полностью прозрачным форумом без бордюров, поставить под фон форума(#pun) полупрозрачную картинку
свойство opacity:0.XX действует на все последующие элементы дизайна, я предупреждал

Стили ищите тут http://forumdts.org/viewforum.php?id=97

Отредактировано Deff (Чт, 29 Авг 2013 23:20:58)

0

11

Все облазила но негде не могу найти стиль с прозрачным форумом.

Код:
/* D1.4 */
#pun-title h1{ 
display:none;
}
#pun-title table {
border: none;
height: 346px;
width: 100%;
        background:url(http://s57.radikal.ru/i155/1308/2f/e4e771ed29f4.jpg) no-repeat;
}

а тут убирать что то надо?

Но там тематики моей нет =( а левый не хочу ставить.

Отредактировано Покахонтас (Чт, 29 Авг 2013 23:22:06)

0

12

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

#pun {
background:transparent url(Тут полупрозрачная картинка) repeat-y;

}

0

13

Получается нахожу полупрозрачный стиль, ставлю на свой форум и заменяю на свой личный. Верно.

А этот код:

Код:
#pun {
background:transparent url(Тут полупрозрачная картинка) repeat-y;
}

Ставить в:

Код:
/* D1.4 */

вместо этого?

Код:
 background:url(http://s57.radikal.ru/i155/1308/2f/e4e771ed29f4.jpg) no-repeat;
}

Отредактировано Покахонтас (Чт, 29 Авг 2013 23:28:09)

0

14

Покахонтас
Нет, ищите установленное во втором окне стиля примерно то же:

#pun {
background:...
...
...
}

поиск по #pun
Поиск по окнам стилей: сонтрл+F
вот в найденном и меняете строку с background


Для изучения:
FAQ по дизайну форума в CSS
http://forumdts.org/viewtopic.php?id=3073
http://mex.su/cL75O

Отредактировано Deff (Чт, 29 Авг 2013 23:35:13)

0

15

Код:
/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent
  }

Эта он?

0

16

Покахонтас
Нет
Перечитайте FAQ

#pun {
...
background:
...
}

Отредактировано Deff (Пт, 30 Авг 2013 00:00:42)

0

17

Покахонтас
Выберите стиль, поставьте на форум,
Еще раз: - он не должен быть прозрачным, но у него должны отсутвовать бордеры (прямые линии обрамления) на полотне форума

Отредактировано Deff (Пт, 30 Авг 2013 00:03:27)

0


Вы здесь » Единый форум поддержки » Проблемы с форумом » Проблема с шапкой