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

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

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

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

Как сузить форум и разширить шапку

Страница: 1

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

1

  • Автор: Светлана Мирчева
  • Заслуженный
  • Зарегистрирован: Ср, 4 Май 2011
  • Сообщений: 70
  • Уважение: +1
  • Позитив: +7
  • Последний визит:
    Ср, 31 Июл 2013 18:41:18

Как сузить форум и как сделать чтобы шапка была на всю ширину, а не только слева

http://flowerland.mybb.ru/

0

2

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51745
  • Уважение: +15556
  • Позитив: +12377
  • Последний визит:
    Сегодня 08:43:37

Светлана Мирчева
Собственно установка Шапки зависит от формы установки ширины форума,
которая может устанавливацо как в % так и в пикселах(px)

сужение форума делаем так
В HTML верх

<style>
#pun {
width:870px;
margin:0 auto;
}
<style>

Либо в %

<style>
#pun {
width:80%;
margin:0 auto;
}
<style>

+1

3

  • Автор: Светлана Мирчева
  • Заслуженный
  • Зарегистрирован: Ср, 4 Май 2011
  • Сообщений: 70
  • Уважение: +1
  • Позитив: +7
  • Последний визит:
    Ср, 31 Июл 2013 18:41:18

Спасибо, сделала Уже.

А шапку хотелось бы сделать так
http://uploads.ru/t/m/K/Z/mKZiu.png

Что в эллипсе убрать, заглавие в левом нижнем углу  /шрифт хотелось бы с наклоном Italic/, реклама /если можно/ на уровне заглавия и фон на всю ширину.

http://flowerland.mybb.ru/

Извини, но еще вопросик, как сделать фон форума неподвижным?

Отредактировано Светлана Мирчева (Сб, 17 Мар 2012 13:05:45)

0

4

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51745
  • Уважение: +15556
  • Позитив: +12377
  • Последний визит:
    Сегодня 08:43:37

Светлана Мирчева
Пробуйте заменить 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>

Затем сделаете Скриншот и на нём пояснить - что еще поправлять

+1

5

  • Автор: Светлана Мирчева
  • Заслуженный
  • Зарегистрирован: Ср, 4 Май 2011
  • Сообщений: 70
  • Уважение: +1
  • Позитив: +7
  • Последний визит:
    Ср, 31 Июл 2013 18:41:18

Только исчезло название форума /в эллипсе/, предварительный скрин. Больше ничего не изменилось.

А хотелось бы так:
http://uploads.ru/t/O/u/K/OuKVm.png

Название "Чуден свят" такого лилового цвета.

Отредактировано Светлана Мирчева (Сб, 17 Мар 2012 14:54:07)

0

6

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51745
  • Уважение: +15556
  • Позитив: +12377
  • Последний визит:
    Сегодня 08:43:37

Светлана Мирчева
Еще раз

Код:
<!--Сужение форума-->
<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>

+1

7

  • Автор: Светлана Мирчева
  • Заслуженный
  • Зарегистрирован: Ср, 4 Май 2011
  • Сообщений: 70
  • Уважение: +1
  • Позитив: +7
  • Последний визит:
    Ср, 31 Июл 2013 18:41:18

Вот чукча!!!  :blush: Чук на болгарском молоток, а в женком роде чукча, то есть ту...ая. Но кто как хочет, так и понимает, результат один. Извини.

Сейчас вот так, отлично получилось
http://uploads.ru/t/W/n/G/WnGQ0.png

0

8

  • Автор: Светлана Мирчева
  • Заслуженный
  • Зарегистрирован: Ср, 4 Май 2011
  • Сообщений: 70
  • Уважение: +1
  • Позитив: +7
  • Последний визит:
    Ср, 31 Июл 2013 18:41:18

Уже сделала неподвижный фон, оказалось совсем не сложно.  :jumping:

0

Страница: 1

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