Криво отображается диз форума

Поделиться1Чт, 23 Дек 2010 20:06:56

Автор: Ritka
Заслуженный
Зарегистрирован: Вт, 14 Дек 2010
Сообщений: 14
Уважение: 0
Позитив: 0
Последний визит:
Вт, 11 Янв 2011 23:38:38

Зашла на форум через комп друга и увидела такую картину - Отображение в браузере мозилла
У меня на 5 компах было всё хорошо, через любой браузер заходила.
Может плагин какой то надо?

0

Поделиться2Чт, 23 Дек 2010 20:50:35

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Сегодня 12:01:19

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

Зашла на форум через комп друга и увидела такую картину

Старайтесь избегать по возможности не кроссбраузерных кодов HTML (border-radius) если есть возможность просто сделать это же фоновой картинкой, собственно сделать скриншот панели навигации и перенести(вклеить) эти округлости на фоновую картинку body, -а фон у меню навигации -убрать(полностью прозрачной сделать - transparent
Поправил код с радиусами (для мазиллы ошибка была

Код:

<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
</style>


<style type="text/css">
#pun-announcement .container background-color {
border-bottom-right-radius: 3em;
border-bottom-left-radius: 3em;
-moz-border-radius-topright: 3em;
-moz-border-radius-topleft: 3em;
}
</style>

<style type="text/css">
#pun-announcement .container {
border-top-right-radius: 3em;
border-top-left-radius: 3em;
-moz-border-radius-topright: 3em;
-moz-border-radius-topleft: 3em;
}
</style>


<style type="text/css">
#pun-announcement .container{
background-image: none;
}
</style>



<style>
#pun-title .title-logo {display : none;}
</style>



<style type="text/css">
#pun-ulinks .container  {
border-bottom-right-radius: 3em;
border-bottom-left-radius: 3em;
-moz-border-radius-bottomright: 3em!important;
-moz-border-radius-bottomleft: 3em!important;
}
</style>

<style type="text/css">
#pun-title {
border-top-right-radius: 3em;
border-top-left-radius: 3em;
-moz-border-radius-topright: 3em!important;
-moz-border-radius-topleft: 3em!important;
}
</style>


<style type="text/css">
.punbb div.icon  {
float: left; 
display: block; 
border-style: none none none none; 
height: 50px; 
width: 50px;
}
.punbb td div.tclcon {
margin-left: 50px;
}
Div.icon {
background-image : url(http://forumupload.ru/uploads/000e/54/93/70-3.png);
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image : url(http://forumupload.ru/uploads/000e/54/93/70-2.png);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(http://forumupload.ru/uploads/000e/54/93/70-3.png);
background-repeat: no-repeat;
}
TR.iclosed Div.icon {
background-image : url(адрес иконки закрытой темы);
background-repeat: no-repeat;
}
TR.iredirect Div.icon {
background-image : url(адрес иконки переадресации с форума);
background-repeat: no-repeat;
}
</style>




<style type="text/css">
.category h2 span{
display: none;
}

#pun-category1 h2 {
height: 20px; 
background-image: url(http://forumupload.ru/uploads/000e/54/93/69-5-f.png) !important; 
background-repeat: no-repeat;  
background-position: top center;
}

#pun-category2 h2 {
height: 20px; 
background-image: url(http://forumupload.ru/uploads/000e/54/93/69-5-f.png) !important; 
background-repeat: no-repeat;  
background-position: top center;
}

#pun-category3 h2 {
height: 20px; 
background-image: url(http://forumupload.ru/uploads/000e/54/93/69-5-f.png) !important; 
background-repeat: no-repeat;  
background-position: top center;
}

#pun-category4 h2 {
height: 20px; 
background-image: url(http://forumupload.ru/uploads/000e/54/93/69-5-f.png) !important; 
background-repeat: no-repeat;  
background-position: top center;
}

#pun-category5 h2 {
height: 20px; 
background-image: url(http://forumupload.ru/uploads/000e/54/93/69-5-f.png) !important; 
background-repeat: no-repeat;  
background-position: top center;
}

#pun-category6 h2 {
height: 20px; 
background-image: url(http://forumupload.ru/uploads/000e/54/93/69-5-f.png) !important; 
background-repeat: no-repeat;  
background-position: top center;
}

#pun-category7 h2 {
height: 20px; 
background-image: url(http://forumupload.ru/uploads/000e/54/93/69-5-f.png) !important; 
background-repeat: no-repeat;  
background-position: top center;
}

#pun-category8 h2 {
height: 20px; 
background-image: url(http://forumupload.ru/uploads/000e/54/93/69-5-f.png) !important; 
background-repeat: no-repeat;  
background-position: top center;
}
#pun-category9 h2 {
height: 20px; 
background-image: url(http://forumupload.ru/uploads/000e/54/93/69-5-f.png) !important; 
background-repeat: no-repeat;  
background-position: top center;
}
</style>






<style type="text/css">
#pun {
width: 860px;
margin: 0px auto 0 auto;
background-color: transparent;
}
html {

background:   #000000 url(http://savepic.org/1034516.jpg) repeat-y top center !important;
}
body {
padding-top:400px!important;
background: transparent url(http://forumupload.ru/uploads/000e/54/93/83-1-f.jpg) no-repeat top center !important;
}
</style>



<style> 

.splCont a{
padding: 0px;
display: block;
}
.splCont a:hover{
display: block;
max-width: 95%;
padding: 0px;
margin: auto;
}

div .splLink {width: 170px; height: 80px; border: none solid #none; background: #none; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: none;}
.spll {width: 170px; height: 80px; }
.spll div .splCont {height: auto; width: 250px; background:  url(http://forumupload.ru/uploads/000e/54/93/76-1.jpg); padding: none; z-index: 1000; margin-top: none; border: none solid #none; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>

Отредактировано Deff (Чт, 23 Дек 2010 23:47:49)

0

Поделиться3Пт, 24 Дек 2010 09:33:47

Автор: Ritka
Заслуженный
Зарегистрирован: Вт, 14 Дек 2010
Сообщений: 14
Уважение: 0
Позитив: 0
Последний визит:
Вт, 11 Янв 2011 23:38:38

Спасибо за ваш не легкий труд.

Запуталась, какой код за бекграунд отвечает?

Отредактировано Ritka (Пт, 24 Дек 2010 09:37:35)

0

Поделиться4Пт, 24 Дек 2010 12:02:17

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Сегодня 12:01:19

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

Запуталась, какой код за бекграунд отвечает?

Красным картинка, которую можно подправить - изменить

<style type="text/css">
#pun {
width: 860px;
margin: 0px auto 0 auto;
background-color: transparent;
}
html {

background: url(http://savepic.org/1034516.jpg) repeat-y top center !important;
}
body {
padding-top:400px!important;
background: transparent url(http://forumupload.ru/uploads/000e/54/93/83-1-f.jpg) no-repeat top center !important;
}
</style>

0

Поделиться5Пт, 24 Дек 2010 17:03:31

Автор: Ritka
Заслуженный
Зарегистрирован: Вт, 14 Дек 2010
Сообщений: 14
Уважение: 0
Позитив: 0
Последний визит:
Вт, 11 Янв 2011 23:38:38

Спасибо!
Тему можно закрыть.

0

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

Меню навигации

Пользовательские ссылки

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