Дайте пожалуйста скрипт на увеличение шапки в высоту. Видела где-то, но не нашла. И еще можно скрипт чтобы форум был прозрачным? (Сами категории, блоки... чтобы фон через них был виден)
Ссылка на форум - http://guardianstest.8bb.ru/
Вопрос по шапке и форуму
Сообщений 1 страница 17 из 17
Поделиться12012-02-11 18:19:04
Поделиться22012-02-11 18:23:02
Еще желательно чтобы область для шапки была 900х386 px., для картинки
Поделиться32012-02-11 19:04:16
Все найденные скрипты не помогают(
Поделиться42012-02-11 19:14:34
Gera Blake,
1. Дайте ссылку на картинку шапки,
2. Вас какая прозрачность интересует? Частичная, или полная?
*Частичная - через тело форума виден фон, на котором нарисована подложка под тело.
*Полная - тело форума полностью прозрачное - исключая границы и фоны. Не включая фон всего форума.
3. Если шапка шириной 900 пикселов - какой ширины само тело форума должно быть?
Поделиться52012-02-11 19:16:54
1. http://uploads.ru/?v=S8b1x.jpg
2. Думаю, полная.
3. Тоже 900, под шапку. Желательно чтобы шапка плавно переходила в фон (фон будет черным под шапку)
Отредактировано Gera Blake (2012-02-11 19:18:20)
Поделиться62012-02-11 19:40:47
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;
}
Насчет полной прозрачности - поставьте фон для начала, если он картинкой должен быть. Если его просто красить в черный - вы ничего не увидите, если сейчас все цвета стереть, т.к. текст тоже черный.
Поделиться72012-02-11 20:33:51
Ставила фон, но никакой прозрачности не увидела. Да и фон странно скосился, делала стоячий, картинку с прозрачным фоном ставила на черный фон форума, чтобы она была только слева внизу и была видна через прозрачный форум. И как сделать шапку почти как на этом форуме? Чтобы она плавно переходила в фон.
Поделиться82012-02-11 20:43:54
Ставила фон, но никакой прозрачности не увидела.
Ссылку на фон, который нужен.
И как сделать шапку почти как на этом форуме?
Знакомый форум, блин... таблицу помнить буду долго.
В программе Фотошоп нужно подогнать шапку под фон, ссылку на который вы еще не предоставили.
Поделиться102012-02-12 14:32:07
В программе Фотошоп нужно подогнать шапку под фон
Объясните пожалуйста, как это сделать? Я давно не работала в ФШ и забыла..
Поделиться112012-02-12 15:27:47
Gera Blake,
Объясните пожалуйста, как это сделать? Я давно не работала в ФШ и забыла..
пока забудьте) вернемся к прозрачности)
Из 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; }
Смотрим, чо получилось
Поделиться122012-02-13 09:22:44
LeonheartВы волшебник :О
Спасибо большое! А как поменять шапку или фон, если вдруг захочу?
Поделиться132012-02-13 10:12:29
Leonheart
Вы волшебник :О
Спасибо большое! А как поменять шапку или фон, если вдруг захочу
Шапка
<img src="ССЫЛКА" style="width: 100%; margin: 8px 0 0 0;" />
фон
Поделиться142012-02-13 10:25:37
VASDERJ
Спасибо, это я знаю. Просто думала что шапка и фон спрятаны где то в стиле.
Поделиться152012-02-13 12:17:40
Спасибо большое! А как поменять шапку или фон, если вдруг захочу?
Если захотите, шапку или основной фон поменять - придется менять оба) потому что шапка завязана на фон.
во втором окне стиля:
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;} - а это полупрозрачная картинка на тело форума.
Поделиться162012-02-13 12:30:32
Leonheart
Спасибо) И последний вопрос - у меня текст на форуме стал черным, и в админке его не видно, очень не удобно настраивать форум. Подскажите как изменить цвет текста чтобы полностью не менять 2 окно стиля? (А то поменяю, а потом не исправлю)
Поделиться172012-02-13 13:19:11
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;
}
Похожие темы
Вопрос по фиксированию ширины форума вместе с шапкой. | Архив тем | 2011-05-02 |
Вопрос про шапку форума | Архив тем | 2009-02-28 |
Вопрос о шапке | Архив тем | 2010-10-05 |
Вопрос по шапке. | Оформление форумов | 2012-05-04 |
Прошупомщи у профи!Вопрос по шапке форума,нужен скрипт | Вопросы по скриптам | 2012-10-22 |