Здравствуйте.
Проблема такая - не могу подогнать границы\рамки форума таким образом, чтобы их было видно на всех мониторах - где-то видно только одну, где-то целиком. [помечено красным]
И ещё, возможно ли сделать прозрачными те области, где помечено синим?
Простите, если где-то уже отвечали на подобный вопрос, не нашла.
Редактировали уже данный дизайн MyBB 3х
весь HTML верх
Код:
<!--границы таблицы итд-->
<style type="text/css">
.punbb .container {
border-style: none !important;
}
</style>
<!--тонкие полосы меж разделами-->
<style type="text/css">#pun-main td {
border-color : #0b0b09;
}
</style>
<!--края фора-->
<style>
#pun {background-image: url("http://s011.radikal.ru/i316/1112/c9/f821b290fd57.jpg");
}
</style>
<!--лого-->
<style type="text/css">
#pun-title table {background-image: url(http://s013.radikal.ru/i324/1112/1b/f2d7b30353b2.jpg);}
</style>
<!--под категорией-->
<style type="text/css"> #pun th {
color: red; background-color : #000000; background-image : url(http://s47.radikal.ru/i116/1112/b9/be36fd4d8b72.png);
}
</style>
<!--Иконки -->
<style type="text/css">
.punbb table Div.icon {float: left; display: block; width: 48px; height: 49px; border-style: none none none none;}
Div.icon {background-image : url(http://uploads.ru/t/a/K/D/aKDQg.png);background-repeat: no-repeat;}
TR.inew Div.icon {background-image : url(http://uploads.ru/t/N/M/Q/NMQTg.gif) !important; background-repeat: no-repeat;}
TR.isticky Div.icon {background-image : url(http://uploads.ru/t/L/3/D/L3DRM.gif) !important; background-repeat: no-repeat;}
TR.iclosed Div.icon {background-image : url(http://uploads.ru/t/T/d/z/Tdza8.png) !important; background-repeat: no-repeat;}
TR.iredirect Div.icon {background-image : url(http://s017.radikal.ru/i408/1112/b9/516a89042c11.gif)
!important; background-repeat: no-repeat;}
</style>
<!--Фон --><script type="text/javascript">
var Myimg="<img id=Myimg src=\"http://s59.radikal.ru/i164/1112/7c/3081920dd331.jpg\" style=\"left:0!important;
display:block;position:fixed!important;z-index:-1;width: 107%!important;margin: 0 4% 0 -4%;\"/>"
$("#pun").prepend(Myimg);</script>
<style>#Myimg {position:absolute;width:100%!important;height:100%!important;top:-10px!important;}
body{background-image:none;background-color:transparent!important;top:0!important;}
</style><!--end Фон -->
<!--низ фона -->
<style type="text/css">
#pun-stats h2{
color : #ffffff;
background-color : transparent; background-image : url(http://s017.radikal.ru/i423/1112/8d/a2eab3df6057.jpg);
}
.section #tieser-bottom,
#pun-stats .statscon .container{ color : #ffffff;
color:#ffffff; background-color : #000000; background-image : none;
}
</style>
<!--чёрный фон таблицы -->
<style>
<style type="text/css">
#pun-announcement .container {background-color: #000000; color: #a69c9c}
</style>
<!--ширина форума и чёрный фон категорий -->
<style type="text/css">
#pun {background-color: #000000; transparent; width:48%;}
</style>
<!--свет -->
<style type="text/css">
A:link {text-shadow: 1px 0px 2px #1f4037;}
A:visited {text-shadow: 0px 0px 2px #6f82ab;}
A:hover {text-shadow: 0px 0px 6px #fff;}
A:active {text-shadow: 0px 0px 6px #fff;}
</style>
<!--категории -->
<style type="text/css"> #pun-main h2 {
color : green;
background-color : transparent; background-image : url(http://s017.radikal.ru/i410/1112/e3/46074f955560.png);
}
</style>