Форум поддержки пользователей ZeroParking

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

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



Вопрос по шапке и форуму

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

1

Дайте пожалуйста скрипт на увеличение шапки в высоту. Видела где-то, но не нашла. И еще можно скрипт чтобы форум был прозрачным? (Сами категории, блоки... чтобы фон через них был виден)
Ссылка на форум - http://guardianstest.8bb.ru/

0

2

Еще желательно чтобы область для шапки была 900х386 px., для картинки

0

3

Все найденные скрипты не помогают(

0

4

Gera Blake,
1. Дайте ссылку на картинку шапки,
2. Вас какая прозрачность интересует? Частичная, или полная?
*Частичная - через тело форума виден фон, на котором нарисована подложка под тело.
*Полная - тело форума полностью прозрачное - исключая границы и фоны. Не включая фон всего форума.
3. Если шапка шириной 900 пикселов - какой ширины само тело форума должно быть?

0

5

1. http://uploads.ru/?v=S8b1x.jpg
2. Думаю, полная.
3. Тоже 900, под шапку. Желательно чтобы шапка плавно переходила в фон (фон будет черным под шапку)

Отредактировано Gera Blake (2012-02-11 19:18:20)

0

6

Gera Blake, ну давайте потихоньку.

1. Html-верх замените полностью на такой:

<style>
#pun-title table {background-image: url(http://uploads.ru/i/S/8/b/S8b1x.jpg);}
</style>

2. В первом окне стиля найдите блок и допишите в него выделенное красным:

/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 */
#pun {
  width: 900px;
  margin: 30px;
  position: relative;
  }

В том же первом окне стиля найдите еще один блок - исправьте то, что выделено синим:

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
  margin: 0;
  border-style: solid solid none solid;
  border-width: 1px 1px 0 1px;
  }

/* D1.2 */
#pun-title h1 {
  display : block;
  height: 180px;
  padding: 2em 1em 0 1em;
  }

/* D1.3 */
#pun-title .container {
  border-style: none solid none solid;
  }

/* D1.4 */
#pun-title h1 span  {
  font-size: 1.5em;
  }

#pun-title table {
border: none;
height: 386px;
width: 100%;
}

#pun-title td.title-logo-tdl {
border: none;
width: 100%;
}

#pun-title td.title-logo-tdr {
border: none;
width: 468px;
        vertical-align: bottom;
}

Насчет полной прозрачности - поставьте фон для начала, если он картинкой должен быть. Если его просто красить в черный - вы ничего не увидите, если сейчас все цвета стереть, т.к. текст тоже черный.  :glasses:

0

7

Ставила фон, но никакой прозрачности не увидела. Да и фон странно скосился, делала стоячий, картинку с прозрачным фоном ставила на черный фон форума, чтобы она была только слева внизу и была видна через прозрачный форум. И как сделать шапку почти как на этом форуме? Чтобы она плавно переходила в фон.

0

8

Gera Blake написал(а):

Ставила фон, но никакой прозрачности не увидела.

Ссылку на фон, который нужен.

Gera Blake написал(а):

И как сделать шапку почти как на этом форуме?

Знакомый форум, блин... таблицу помнить буду долго.  :D

В программе Фотошоп нужно подогнать шапку под фон, ссылку на который вы еще не предоставили.

0

9

Фон такой или такой (смотря какой к шапке подойдет)

0

10

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

В программе Фотошоп нужно подогнать шапку под фон

Объясните пожалуйста, как это сделать? Я давно не работала в ФШ и забыла..

0

11

Gera Blake,

Gera Blake написал(а):

Объясните пожалуйста, как это сделать? Я давно не работала в ФШ и забыла..

пока забудьте)  8-) вернемся к прозрачности)

Из html-верха удаляем кусок:

<style>
#pun-title table {background-image: url(http://uploads.ru/i/S/8/b/S8b1x.jpg);}
</style>

Ищем в первом окне стиля подобные кусочки и в каждом изменяем параметры как указано здесь синим:

/* A5.1 */
#pun {
  width: 900px;
  margin: 0px auto auto auto;
  position: relative;
  }

/* D1.2 */
#pun-title h1 {
  display : block;
  height : 0px;
  padding: 2em 1em 0 1em;
  }

/* D1.4 */
#pun-title h1 span  {
  display: none;
  }

#pun-title table {
border: none;
height: 400px;
width: 100%;
}

Во втором окне стиля обновляем первые 2 пункта вплоть до надписи /* CS3 Links-------------------------------------------------------------*/ на такой код:

Код:
html, body {background: transparent url(http://uploads.ru/i/E/y/U/EyUqK.jpg) repeat top center scroll;}

#pun-title table {background: #000 url(http://savepic.su/1367017.png) top center no-repeat;}

#pun {background: transparent url(http://savepic.su/1347561.png) repeat;}


/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: transparent;
  color: #000000;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: #000000;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: #000000;
  color: #888888;
  font-weight: normal;
  font-style: italic;
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #000000;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #000000
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #000000
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #232323;
  color: #000000
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: #000000;
  color: #FFFFFF;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

.punbb textarea, .punbb select, .punbb input {
  background-color: #000000;
  color: #000000
}

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #131313 #535353 #535353 #131313;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent
  }

.punbb .divider {
  border-color: transparent
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: none
  }

li.pa-online {
  border-left-color: #000000;
  }

.punbb .post-sig dt {
  border-top-color: #111111 !important;
  }

Смотрим, чо получилось  :jumping:

+1

12

Leonheart
Вы волшебник :О
Спасибо большое! А как поменять шапку или фон, если вдруг захочу?

0

13

Gera Blake написал(а):

Leonheart
Вы волшебник :О
Спасибо большое! А как поменять шапку или фон, если вдруг захочу

Шапка

Код:
<img src="ССЫЛКА" style="width: 100%; margin: 8px 0 0 0;" />

фон

Навигатор по скриптам :glasses:

0

14

VASDERJ
Спасибо, это я знаю. Просто думала что шапка и фон спрятаны где то в стиле.

0

15

Gera Blake написал(а):

Спасибо большое! А как поменять шапку или фон, если вдруг захочу?

Если захотите, шапку или основной фон поменять - придется менять оба) потому что шапка завязана на фон.

во втором окне стиля:

html, body {background: transparent url(http://uploads.ru/i/E/y/U/EyUqK.jpg) repeat top center scroll;}  - здесь ссылка на фон

#pun-title table {background: #000 url(http://savepic.su/1367017.png) top center no-repeat;} - здесь ссылка на шапку

#pun {background: transparent url(http://savepic.su/1347561.png) repeat;} - а это полупрозрачная картинка на тело форума.

:)

0

16

Leonheart
Спасибо) И последний вопрос - у меня текст на форуме стал черным, и в админке его не видно, очень не удобно настраивать форум. Подскажите как изменить цвет текста чтобы полностью не менять 2 окно стиля? (А то поменяю, а потом не исправлю)

0

17

Gera Blake,
за весь цвет текста на форуме отвечает не так много кодов во втором окне стиля:

/* CS1 Background and text colours
-------------------------------------------------------------*/
html, body {background: transparent url(http://uploads.ru/i/E/y/U/EyUqK.jpg) repeat top center scroll;}

#pun-title table {background: #000 url(http://savepic.su/1367017.png) top center no-repeat;}

#pun {background: transparent url(http://savepic.su/1347561.png) repeat;}

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: transparent;
  color: #000000;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: #000000;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: #000000;
  color: #888888;
  font-weight: normal;
  font-style: italic;
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #000000;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #000000
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #000000
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #232323;
  color: #000000
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: #000000;
  color: #FFFFFF;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

.punbb textarea, .punbb select, .punbb input {
  background-color: #000000;
  color: #000000
}

Вот где видите в этом коде color: #000000 - меняйте на свой.

За ссылки - и того меньше, все в том же втором окне - красным - цвет обычных ссылок и после посещения, синим - при наведении:

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #000000;
    border-bottom: 1px dashed #000000;
  text-decoration: none;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #FFFFFF
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #B42000;
    border-bottom: 0px none #000;
  text-decoration: underline;

  }

/* CS3.3 */
#pun-navlinks a {
  color: #FFFFFF;
  font-style: italic;
  border-bottom: 0px none #000;
  text-decoration: none;
  background-color: #000000
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #FFFFFF;
  font-weight: normal;
font-style: italic;
  border-bottom: 0px none #000;
  text-decoration: underline;
  background-color: #000000
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }

0



Рейтинг форумов | Создать форум бесплатно