Как сузить форум и как сделать чтобы шапка была на всю ширину, а не только слева
Как сузить форум и разширить шапку
Сообщений 1 страница 8 из 8
Поделиться2Сб, 17 Мар 2012 09:39:22
Светлана Мирчева
Собственно установка Шапки зависит от формы установки ширины форума,
которая может устанавливацо как в % так и в пикселах(px)
сужение форума делаем так
В HTML верх
<style>
#pun {
width:870px;
margin:0 auto;
}
<style>
Либо в %
<style>
#pun {
width:80%;
margin:0 auto;
}
<style>
Поделиться3Сб, 17 Мар 2012 12:57:11
Спасибо, сделала Уже.
А шапку хотелось бы сделать так
Что в эллипсе убрать, заглавие в левом нижнем углу /шрифт хотелось бы с наклоном Italic/, реклама /если можно/ на уровне заглавия и фон на всю ширину.
Извини, но еще вопросик, как сделать фон форума неподвижным?
Отредактировано Светлана Мирчева (Сб, 17 Мар 2012 13:05:45)
Поделиться4Сб, 17 Мар 2012 14:26:36
Светлана Мирчева
Пробуйте заменить HTML верх
<!--Сужение форума--> <style> #pun { width:1020px; margin:0 auto; } <style> <script src="http://hostjs-mybb2011.narod.ru/js/Get_HTML_Post_CODE.js"></script> <!--Убрала заглавие--> <style> #pun-title .title-logo {display: none;} </style> <!--Исчезновение Участники и Поиск--> <style> #pun-navlinks #navuserlist, #pun-navlinks #navsearch { display:none;} </style> <!--Центрирование- Форум, участники..--> <style type="text/css"> #pun-navlinks, #pun-ulinks { text-align: center; } </style> <style type="text/css"> .title-logo-tdr a, .title-logo-tdr iframe, .title-logo-tdr object, #tieser-bottom { filter:alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6; } .title-logo-tdr a img:hover, .title-logo-tdr iframe:hover, .title-logo-tdr object:hover, #tieser-bottom:hover { filter:alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0; -khtml-opacity: 1.0; } </style> <!--Каринка в шапке--> <style type="text/css"> #pun-title h1 span { display:none; } #pun-title{ background: url(http://www.lenagold.ru/fon/flo/fial/violet07.jpg) repeat left top; height: 260px; } </style> <!--Фон--> <style type="text/css"> HTML, BODY {background-image: url("http://ohiok.com/img/nature/20.gif")!important; background-repeat: repeat !important; background-attachment:fixed; } #pun-main h2 { } </style> <!--Дополнительные смайлы--> <link rel="stylesheet" type="text/css" href="http://hostjs-mybb2011.narod.ru/css/ScrollboxSmiliesTable.css" /> <script src="http://hostjs-mybb2011.narod.ru/js/SmiliesBox.js"></script> <style> /* Стиль для ScrollboxSmilies */ #smilies-area.container { width:476px!important; /* Ширина таблички */ padding:10px; } #Ekr,#Ekr td,#Ekr td div { height:250px!important; /* Высота Экрана таблицы */ } #Tab_01 { height:323px; /* Общая высота таблицы(К высоте #Ekr добавить 73px(паддинги и кнопки) */ } </style> <div id="FutureScrollboxSmilies" style="display:none"> <!--====== &&&\ START TABLEBox Smilies ======= --> <center><table id="Tab_01" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td width="100%" valign="bottom" colspan="8"> <table id="Tab_Ekr" align="left" width="100%" border="0" cellspacing="0" cellpadding=0"> <tbody> <tr id="Ekr"> <!--&&& BOXES Smilies --> </tr> </tbody> </table><!--&&&End EKR table--> </td> </tr> <tr id="prevnext" style="height:27px!important;"> <td id="prevtd" width="50%" height="23" valign="center" align="right" colspan="4"> </td> <td id="nexttd" width="50%" height="23" align="left" colspan=4> </td> </tr> </tbody> </table></center> <!-- ============== &&&"/End/TABLEBox/ =========== --> </div> <style>/* ========= Персональные Поправки для некоторых ОКОН ========= */ /* Развижка Смайлов в третьем Скролл-блоке */ #Ekr td.E3 div img{ line-height:0!important; margin: 8px 3px; padding:0 1px; } /* End -Стиль для CScrollboxSmilies */ </style> <!--Изменение текста сообщений--> <style type="text/css"> .punbb .post-content { font-size:12px; } </style>
Затем сделаете Скриншот и на нём пояснить - что еще поправлять
Поделиться6Сб, 17 Мар 2012 15:25:08
Светлана Мирчева
Еще раз
<!--Сужение форума--> <style> #pun { width:1020px; margin:0 auto; } <style> <script src="http://hostjs-mybb2011.narod.ru/js/Get_HTML_Post_CODE.js"></script> <!--Убрала заглавие--> <style> #pun-title .title-logo {display: none;} </style> <!--Исчезновение Участники и Поиск--> <style> #pun-navlinks #navuserlist, #pun-navlinks #navsearch { display:none;} </style> <script src="http://hostjs-mybb2011.narod.ru/js/Get_HTML_Post_CODE.js"></script> <!--Убрала заглавие--> <style> #pun-title .title-logo {display: none;} </style> <!--Исчезновение Участники и Поиск--> <style> #pun-navlinks #navuserlist, #pun-navlinks #navsearch { display:none;} </style> <!--Центрирование- Форум, участники..--> <style type="text/css"> #pun-navlinks, #pun-ulinks { text-align: center; } </style> <style type="text/css"> .title-logo-tdr a, .title-logo-tdr iframe, .title-logo-tdr object, #tieser-bottom { filter:alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6; } .title-logo-tdr a img:hover, .title-logo-tdr iframe:hover, .title-logo-tdr object:hover, #tieser-bottom:hover { filter:alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0; -khtml-opacity: 1.0; } </style> <!--Каринка в шапке--> <style type="text/css"> #pun-title table { background: url(http://www.lenagold.ru/fon/flo/fial/violet07.jpg) repeat top left; height: 260px; } </style> <!--Фон--> <style type="text/css"> HTML, BODY {background-image: url("http://ohiok.com/img/nature/20.gif")!important; background-repeat: repeat !important;} #pun-main h2 { } </style> <!--Дополнительные смайлы--> <link rel="stylesheet" type="text/css" href="http://hostjs-mybb2011.narod.ru/css/ScrollboxSmiliesTable.css" /> <script src="http://hostjs-mybb2011.narod.ru/js/SmiliesBox.js"></script> <style> /* Стиль для ScrollboxSmilies */ #smilies-area.container { width:476px!important; /* Ширина таблички */ padding:10px; } #Ekr,#Ekr td,#Ekr td div { height:250px!important; /* Высота Экрана таблицы */ } #Tab_01 { height:323px; /* Общая высота таблицы(К высоте #Ekr добавить 73px(паддинги и кнопки) */ } </style> <div id="FutureScrollboxSmilies" style="display:none"> <!--====== &&&\ START TABLEBox Smilies ======= --> <center><table id="Tab_01" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td width="100%" valign="bottom" colspan="8"> <table id="Tab_Ekr" align="left" width="100%" border="0" cellspacing="0" cellpadding=0"> <tbody> <tr id="Ekr"> <!--&&& BOXES Smilies --> </tr> </tbody> </table><!--&&&End EKR table--> </td> </tr> <tr id="prevnext" style="height:27px!important;"> <td id="prevtd" width="50%" height="23" valign="center" align="right" colspan="4"> </td> <td id="nexttd" width="50%" height="23" align="left" colspan=4> </td> </tr> </tbody> </table></center> <!-- ============== &&&"/End/TABLEBox/ =========== --> </div> <style>/* ========= Персональные Поправки для некоторых ОКОН ========= */ /* Развижка Смайлов в третьем Скролл-блоке */ #Ekr td.E3 div img{ line-height:0!important; margin: 8px 3px; padding:0 1px; } /* End -Стиль для CScrollboxSmilies */ </style> <!--Изменение текста сообщений--> <style type="text/css"> .punbb .post-content { font-size:12px; } </style>
Поделиться8Вс, 18 Мар 2012 12:11:27
Уже сделала неподвижный фон, оказалось совсем не сложно.