Adel написал(а):
/* ШАПКА */
это то есть продолжение шапки за форумную таблицу?
Adel написал(а):
/* НИЗ */
эммм О.о от чего низ? х)
Вопросы по работе с html и css
Сообщений 31 страница 60 из 204
Поделиться312012-01-06 18:43:38
- НАПАЛМ
- Зарегистрирован: 2012-01-01
- Приглашений: 0
- Сообщений: 200
- Уважение: +47
- Пол: Женский
- Провел на форуме:
2 дня 1 час - Последний визит:
2012-05-20 12:11:33
Поделиться322012-01-06 18:52:31
- Администратор
- Зарегистрирован: 2011-07-18
- Приглашений: 0
- Сообщений: 3896
- Уважение: +235
- Возраст: 25 [1999-07-04]
- Провел на форуме:
8 дней 15 часов - Последний визит:
2013-12-08 08:25:31
perla
Сейчас попробую написать туториал, чтоб было понятней.
В двух словах - макет дизайна разрезается на три части - шапка, фон, низ.
Вот этот диз сделан по этому же принципу - шапка выходит за таблицу форума, также сделан низ у форума. 
Например, на фриарте низа нет - полоса форума упирается прямо в низ окна браузера.
Поделиться332012-01-06 18:59:46
- НАПАЛМ
- Зарегистрирован: 2012-01-01
- Приглашений: 0
- Сообщений: 200
- Уважение: +47
- Пол: Женский
- Провел на форуме:
2 дня 1 час - Последний визит:
2012-05-20 12:11:33
Adel
да, я имела в виду, чтобы фон форума был картинкой, а не просто цветом О.о чорд, как на колорфоруме примерно) это та получится?)
если ты сделаешь туториал, я тебя на ручках носить буду))
Поделиться342012-01-06 19:06:45
- Администратор
- Зарегистрирован: 2011-07-18
- Приглашений: 0
- Сообщений: 3896
- Уважение: +235
- Возраст: 25 [1999-07-04]
- Провел на форуме:
8 дней 15 часов - Последний визит:
2013-12-08 08:25:31
perla
Принцип сборки тот же, главное сделать фон бесшовный. В общем, я уже пишу)
Поделиться352012-01-07 21:47:44
- статус ставим сами
- Зарегистрирован: 2012-01-04
- Приглашений: 0
- Сообщений: 12
- Уважение: +0
- Провел на форуме:
6 часов 15 минут - Последний визит:
2012-03-22 13:56:12
Здравствуйте)
Вы не могли бы мне помочь? Подскажите, пожалуйста, как разместить блок "объявление" сбоку, слева?)
Поделиться362012-01-07 22:04:16
- Администратор
- Зарегистрирован: 2011-07-18
- Приглашений: 0
- Сообщений: 3896
- Уважение: +235
- Возраст: 25 [1999-07-04]
- Провел на форуме:
8 дней 15 часов - Последний визит:
2013-12-08 08:25:31
Colt
Здравствуйте!
Пост № 21 этой темы - оно? 
Поделиться372012-01-07 22:52:07
- статус ставим сами
- Зарегистрирован: 2012-01-04
- Приглашений: 0
- Сообщений: 12
- Уважение: +0
- Провел на форуме:
6 часов 15 минут - Последний визит:
2012-03-22 13:56:12
Adel
Ой, видимо да) Это я невнимательная)
Спасибо)
Поделиться382012-01-08 17:06:32
- статус ставим сами
- Зарегистрирован: 2012-01-04
- Приглашений: 0
- Сообщений: 12
- Уважение: +0
- Провел на форуме:
6 часов 15 минут - Последний визит:
2012-03-22 13:56:12
Поделиться392012-01-08 17:20:35
- Администратор
- Зарегистрирован: 2011-07-18
- Приглашений: 0
- Сообщений: 3896
- Уважение: +235
- Возраст: 25 [1999-07-04]
- Провел на форуме:
8 дней 15 часов - Последний визит:
2013-12-08 08:25:31
Colt
А дайте-ка ссылку на тестовик, я посмотрю, что там не так.
Поделиться402012-01-08 18:32:30
- статус ставим сами
- Зарегистрирован: 2012-01-04
- Приглашений: 0
- Сообщений: 12
- Уважение: +0
- Провел на форуме:
6 часов 15 минут - Последний визит:
2012-03-22 13:56:12
Поделиться412012-01-08 18:49:40
- Администратор
- Зарегистрирован: 2011-07-18
- Приглашений: 0
- Сообщений: 3896
- Уважение: +235
- Возраст: 25 [1999-07-04]
- Провел на форуме:
8 дней 15 часов - Последний визит:
2013-12-08 08:25:31
Colt
гм, так у вас все цвета на месте..
Замените это
Свернутый текст
/* CS2 Border colours
-------------------------------------------------------------*//* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
border-color: #ccc #ccc #aaa #ccc;
}/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: #f5f5f5
}/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: #004F90;
}/* 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: #C9D6E0;
}/* CS2.5 */
.punbb th {
border-color: #dedfdf
}/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: #ccc #fff #fff #ccc;
}#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: #ccc
}#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: #fff
}.punbb .divider {
border-color: #ccc #fff #fff #fff
}.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid #dedfdf
}li.pa-online {
border-left-color: #005EAB;
}
на это во втором окошке стиля
Свернутый текст
/* 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: transparent;
}#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: 1px solid #dedfdf;
}li.pa-online {
border-left-color: transparent;
}
Поделиться422012-01-08 19:44:13
- статус ставим сами
- Зарегистрирован: 2012-01-04
- Приглашений: 0
- Сообщений: 12
- Уважение: +0
- Провел на форуме:
6 часов 15 минут - Последний визит:
2012-03-22 13:56:12
В том-то и проблема, ничего не меняется :с
Поделиться432012-01-08 21:03:20
- статус ставим сами
- Зарегистрирован: 2012-01-08
- Приглашений: 0
- Сообщений: 20
- Уважение: +0
- Провел на форуме:
3 часа 50 минут - Последний визит:
2012-05-11 17:00:37
помогите, пожалуйста, как оформить колонку профиля, как у вас на форуме? чтобы были такие прямоугольнички?
<--
Отредактировано saito (2012-01-08 21:13:48)
Поделиться442012-01-08 21:57:07
- Администратор
- Зарегистрирован: 2011-07-18
- Приглашений: 0
- Сообщений: 3896
- Уважение: +235
- Возраст: 25 [1999-07-04]
- Провел на форуме:
8 дней 15 часов - Последний визит:
2013-12-08 08:25:31
Colt
вы знаете, у вас в коде так много ошибок, что я советую вам сделать новый тестовик и аккуратно по новой все вставить.
во-первых, не забывайте про то, что фигурных скобок должно буть две - открывающая { и закрывающая }
не вставляйте ничего в html-верх, у вас там напутано, теги потеряны, да к тому же это может конфликтовать с тем, что вы будете делать в файле стиля.
в вашем первом окошке стиля в конце кусок кода пропал вообще, это уже ошибка:
/* D9.7 */
#pun-help .formal dt span {
font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier,
далее, во втором окошке вместо этого
body {
background-color: #bfa98a;
}
html, body {background-color: #bfa98a; background-image: url("http://i047.radikal.ru/1201/80/54f42c568852.jpg"); background-repeat: repeaty; background-attachment: fixed;
background-position: top center;
color: e4e1ce;}
BODY {background:fixed;}
background-attachment: scroll;
background-position: top center;
#pun-about p.container {background-image : url("http://i047.radikal.ru/1201/80/54f42c568852.jpg"); background-repeat : repeat; height: 270px;}
#pun-redirect.punbb #pun-main h1 {
background: none;
width: 327px;
text-align: center;}
#pun-ulinks .container { background-color: #e4e1ce;
height: 85px;}
}
должно быть это
HTML, body {
background-color: #bfa98a;
background-image: url("http://i047.radikal.ru/1201/80/54f42c568852.jpg");
background-repeat: repeat-y;
background-attachment: fixed;
background-position: top center;
color: #e4e1ce;
}#pun-about p.container {
background-image : url("http://i047.radikal.ru/1201/80/54f42c568852.jpg");
background-repeat : repeat;
height: 270px;
}#pun-redirect.punbb #pun-main h1 {
background: none;
width: 327px;
text-align: center;
}#pun-ulinks .container {
background-color: #e4e1ce;
height: 85px;
}
обратите внимание, что у вас там в конце стоит лишняя фигурная скобка } и оба раза вставлена одна и та же ссылка на картинку http://i047.radikal.ru/1201/80/54f42c568852.jpg - так и должно быть?
Поделиться452012-01-08 22:04:17
- Администратор
- Зарегистрирован: 2011-07-18
- Приглашений: 0
- Сообщений: 3896
- Уважение: +235
- Возраст: 25 [1999-07-04]
- Провел на форуме:
8 дней 15 часов - Последний визит:
2013-12-08 08:25:31
saito
в конец второго окошка стиля вставьте это плюс проставьте нужные вам значения
.post-author ul li {
width: ширина колонки;
text-align: center;
color: #цвет текста;
padding: 2px;
border: none;
margin: 2px;
background-color: #цвет фона;
}
.post-author ul li.pa-reg {
margin-bottom: 0px;
}.post-author ul li.pa-respect {
border-bottom: none;
margin-top: 0px;
margin-bottom: 0px;
}.post-author ul li.pa-posts, {
margin-top: 0px;
margin-bottom: 0px;}
.post-author ul li.pa-positive {
margin-top: 0px;
border-top: none;
}
.post-author ul li.pa-online, .post-author ul li.pa-author {
border: none;
color: #цвет текста;
padding: 2px;
background-color: #цвет фона;
font-size: размер шрифта;
text-transform: uppercase;
font-family: verdana;
font-weight: 500;
font-weight: bold;
}
.post-author ul li.pa-avatar {
text-align: center; border: 0px; padding: 0px; background: transparent; margin: auto auto auto auto;}
Поделиться462012-01-09 14:30:33
- статус ставим сами
- Зарегистрирован: 2012-01-08
- Приглашений: 0
- Сообщений: 20
- Уважение: +0
- Провел на форуме:
3 часа 50 минут - Последний визит:
2012-05-11 17:00:37
Adel
огромное спасибо *_* очень помогло)))
и еще один вопрос (уж прости, я туплю)))
как строку "новые сообщений, важные темы и тд" поставить по центру
Поделиться472012-01-09 17:09:11
- статус ставим сами
- Зарегистрирован: 2012-01-04
- Приглашений: 0
- Сообщений: 12
- Уважение: +0
- Провел на форуме:
6 часов 15 минут - Последний визит:
2012-03-22 13:56:12
Adel
Спасибо за помошь)
Я сделаю так, как Вы посоветовали)
так и должно быть?
Нет, тоже ошибка. Спасибо ещё раз)
Поделиться482012-01-09 20:47:19
- Администратор
- Зарегистрирован: 2011-07-18
- Приглашений: 0
- Сообщений: 3896
- Уважение: +235
- Возраст: 25 [1999-07-04]
- Провел на форуме:
8 дней 15 часов - Последний визит:
2013-12-08 08:25:31
saito
#pun-ulinks .container {
text-align: center;
}
Поделиться492012-01-09 20:58:53
- статус ставим сами
- Зарегистрирован: 2012-01-08
- Приглашений: 0
- Сообщений: 20
- Уважение: +0
- Провел на форуме:
3 часа 50 минут - Последний визит:
2012-05-11 17:00:37
Adel
извини, а куда это вставлять?
Поделиться502012-01-09 21:13:39
- Администратор
- Зарегистрирован: 2011-07-18
- Приглашений: 0
- Сообщений: 3896
- Уважение: +235
- Возраст: 25 [1999-07-04]
- Провел на форуме:
8 дней 15 часов - Последний визит:
2013-12-08 08:25:31
saito
Можно во второе окошко стиля.
Поделиться512012-01-09 21:15:20
- статус ставим сами
- Зарегистрирован: 2012-01-08
- Приглашений: 0
- Сообщений: 20
- Уважение: +0
- Провел на форуме:
3 часа 50 минут - Последний визит:
2012-05-11 17:00:37
Adel
огромное спасибо)))
Поделиться522012-01-11 01:42:47
- рыба - Знаний Глыба
- Зарегистрирован: 2012-01-01
- Приглашений: 0
- Сообщений: 151
- Уважение: +45
- Пол: Мужской
- Провел на форуме:
1 день 6 часов - Последний визит:
2013-01-09 09:37:49
Я снова насчет таблицы. Она установилась, но пропало тело форума (вместе с шапкой)
Вот так у меня был настроен код
<div id="sidebar" >
<div width="190px">
<br></div>
</div>
<style>
#sidebar {
width: 200px; height: 1700px;
background-color: #000000;
text-align: center;
position: absolute;
top: 0px;
margin-left: -200px;
font-size: 7.5pt;
}
Поделиться532012-01-11 04:37:32
- Angelus Domini
- Зарегистрирован: 2012-01-04
- Приглашений: 0
- Сообщений: 52
- Уважение: +32
- Провел на форуме:
12 часов 2 минуты - Последний визит:
2013-01-02 23:49:18
А можно ссылку на проблемный форум?
А заключительный </style> был прописан?
+ можно вместо
<div id="sidebar" >
<div width="190px">
прописать просто <div id="sidebar" width="190px">
и разобраться - у вас ширина должна быть 200 или 190px? потому как в css - одно, в html - другое.
Можно просто прописать <div id="sidebar"> , а ширину указать только в css:
#sidebar {
width: 200px;
.....
}
Поделиться542012-01-11 08:47:03
- рыба - Знаний Глыба
- Зарегистрирован: 2012-01-01
- Приглашений: 0
- Сообщений: 151
- Уважение: +45
- Пол: Мужской
- Провел на форуме:
1 день 6 часов - Последний визит:
2013-01-09 09:37:49
Zillah
пожалуйста
http://ploxaya.mybb.ru/
Да, это я, пожалуй, просто тег не закрыл. После закрытия форум вернулся, но какой то уродливый неправильный. Сбились все настройки текста (размер шрифта, цвет...)
Отредактировано моральная крыса (2012-01-11 08:56:20)
Поделиться552012-01-11 09:41:57
- Angelus Domini
- Зарегистрирован: 2012-01-04
- Приглашений: 0
- Сообщений: 52
- Уважение: +32
- Провел на форуме:
12 часов 2 минуты - Последний визит:
2013-01-02 23:49:18
моральная крыса
Вы после списка всяких баннеро-топов поставили закрывающий </div>
Уберите его - и форум придет в норму.
+ также не нашел в сайдбаре одного закрывающего </font> в этой части:
<img src="http://uploads.ru/i/I/h/e/IhesR.png">
<font color="#996699"><b>B E S T P L A Y E R</b><br>
<a href="http://holodgorod.mybb.ru/profile.php?id=30"><img border="0" src="http://uploads.ru/i/D/a/j/Dajst.jpg"title="Jeanette Voerman"></a>
Поделиться562012-01-11 10:14:32
- рыба - Знаний Глыба
- Зарегистрирован: 2012-01-01
- Приглашений: 0
- Сообщений: 151
- Уважение: +45
- Пол: Мужской
- Провел на форуме:
1 день 6 часов - Последний визит:
2013-01-09 09:37:49
Zillah
О, да, точно! Во я тупицы... Спасибо большое!
Поделиться572012-01-11 18:27:49
- рыба - Знаний Глыба
- Зарегистрирован: 2012-01-01
- Приглашений: 0
- Сообщений: 151
- Уважение: +45
- Пол: Мужской
- Провел на форуме:
1 день 6 часов - Последний визит:
2013-01-09 09:37:49
а все разобрался сам, спасибо
Отредактировано моральная крыса (2012-01-11 18:50:38)
Поделиться582012-01-12 12:45:31
- НАПАЛМ
- Зарегистрирован: 2012-01-01
- Приглашений: 0
- Сообщений: 200
- Уважение: +47
- Пол: Женский
- Провел на форуме:
2 дня 1 час - Последний визит:
2012-05-20 12:11:33
ребятушки, славные мои) как делают такую боковую таблицу, чтобы она была как бэ под шапкой и в то же время в границе форума? ну вот как тут, допустим - http://morsmordre.rolbb.ru/
как будто она такая прям в форуме. и да, как сделать, чтобы эта самая табличка боковая хорошо смотрелась и на широкоформатниках и на других маниторах? 
Поделиться592012-01-12 17:37:55
- Администратор
- Зарегистрирован: 2011-07-18
- Приглашений: 0
- Сообщений: 3896
- Уважение: +235
- Возраст: 25 [1999-07-04]
- Провел на форуме:
8 дней 15 часов - Последний визит:
2013-12-08 08:25:31
perla
Конкретно там верхняя часть таблицы нарисована на шапке, далее тело таблицы прикреплено к фону, а закрывающая часть - к низу форума. И вставлен обычный код таблицы, только фоновая картинка не прописана в нем.
Вот ссылки на шапку и фон, например:
https://forumupload.ru/uploads/000f/c2/6c/7-1-f.jpg
http://s54.radikal.ru/i146/1106/2d/83859894a276.jpg
perla написал(а):
и да, как сделать, чтобы эта самая табличка боковая хорошо смотрелась и на широкоформатниках и на других маниторах?
Раньше не задумывалась над этим вопросом. По идее, делать сам форум нефиксированной ширины, чтобы он подстраивался под разные мониторы, но это надо делать и тестить...
Поделиться602012-01-13 20:23:29
- .и целого мира мало
- Зарегистрирован: 2012-01-07
- Приглашений: 0
- Сообщений: 160
- Уважение: +17
- Провел на форуме:
2 дня 1 час - Последний визит:
2012-06-13 12:27:16
объясните мне кто-нибудь, нужен ли какой-нибудь код, чтобы при наведении так же увеличивалось изображение, как тут > http://rememberme.hutt.ru/ смотреть лучшие флудеры дня:)