Вверх страницы
Вниз страницы

Free Art

Объявление

Добро пожаловать на арт-форум Free Art! Наш проект предназначен для тех, кто жаждет научиться работать в программе фотошоп и делать дизайны, а также для тех, кто готов поделиться знаниями и ресурсами. Также вы можете показать всем свои достижения, заведя свою собственную тему и выкладывая туда свои работы, а еще у вас есть прекрасная возможность пополнить свои загрузки для фотошопа и создания дизайнов.

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

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


Вы здесь » Free Art » CSS и HTML » Вопросы по работе с html и css


Вопросы по работе с html и css

Сообщений 31 страница 60 из 204

31

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

/* ШАПКА */

это то есть продолжение шапки за форумную таблицу?

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

/* НИЗ */

эммм О.о от чего низ? х)

0

32

perla
Сейчас попробую написать туториал, чтоб было понятней.
В двух словах - макет дизайна разрезается на три части - шапка, фон, низ.
Вот этот диз сделан по этому же принципу - шапка выходит за таблицу форума, также сделан низ у форума.
http://uploads.ru/t/i/Y/c/iYcA4.jpg
http://uploads.ru/t/P/0/4/P04sW.jpg
Например, на фриарте низа нет - полоса форума упирается прямо в низ окна браузера.

0

33

Adel
да, я имела в виду, чтобы фон форума был картинкой, а не просто цветом О.о чорд, как на колорфоруме примерно) это та получится?)
если ты сделаешь туториал, я тебя на ручках носить буду))

0

34

perla
Принцип сборки тот же, главное сделать фон бесшовный. В общем, я уже пишу)

0

35

Здравствуйте)
Вы не могли бы мне помочь? Подскажите, пожалуйста, как разместить блок "объявление" сбоку, слева?)

0

36

Colt
Здравствуйте!
Пост № 21 этой темы - оно? :)

0

37

Adel
Ой, видимо да) Это я невнимательная)
Спасибо)

0

38

Здравствуйте ещё раз)
У меня проблема: не получается убрать рамки в форуме. Пробовала делать, как Вы советовали в этой теме, но никак не получается.
Выходит вот такая вот беда.
Может есть какой-то ещё способ кроме того, который Вы указывали?

0

39

Colt
А дайте-ка ссылку на тестовик, я посмотрю, что там не так.

0

40

http://indietro.rusff.ru/

0

41

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;
  }

0

42

В том-то и проблема, ничего не меняется :с

0

43

помогите, пожалуйста, как оформить колонку профиля, как у вас на форуме? чтобы были такие прямоугольнички?

<--

Отредактировано saito (2012-01-08 21:13:48)

0

44

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 - так и должно быть?

0

45

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;}

0

46

Adel
огромное спасибо *_* очень помогло)))

и еще один вопрос (уж прости, я туплю)))
как строку "новые сообщений, важные темы и тд" поставить по центру

0

47

Adel
Спасибо за помошь)
Я сделаю так, как Вы посоветовали)

так и должно быть?

Нет, тоже ошибка. Спасибо ещё раз)

0

48

saito

#pun-ulinks .container {
text-align: center;
}

+1

49

Adel
извини, а куда это вставлять?

0

50

saito
Можно во второе окошко стиля.

0

51

Adel
огромное спасибо)))

0

52

Я снова насчет таблицы. Она установилась, но пропало тело форума (вместе с шапкой)

Вот так у меня был настроен код

<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;
}

0

53

А можно ссылку на проблемный форум?

А заключительный </style> был прописан?
+ можно вместо
<div id="sidebar"  >
<div width="190px">

прописать просто  <div id="sidebar" width="190px">

и разобраться - у вас ширина должна быть 200 или 190px? потому как в css - одно, в html - другое.
Можно просто прописать <div id="sidebar"> , а ширину указать только в css:

#sidebar {
  width: 200px;

.....

}

0

54

Zillah
пожалуйста
http://ploxaya.mybb.ru/

Да, это я, пожалуй, просто тег не закрыл. После закрытия форум вернулся, но какой то уродливый неправильный. Сбились все настройки текста (размер шрифта, цвет...)

Отредактировано моральная крыса (2012-01-11 08:56:20)

0

55

моральная крыса
Вы после списка всяких баннеро-топов поставили закрывающий </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>

+1

56

Zillah
О, да, точно! Во я тупицы... Спасибо большое!

0

57

а все разобрался сам, спасибо

Отредактировано моральная крыса (2012-01-11 18:50:38)

0

58

ребятушки, славные мои) как делают такую боковую таблицу, чтобы она была как бэ под шапкой и в то же время в границе форума? ну вот как тут, допустим - http://morsmordre.rolbb.ru/
как будто она такая прям в форуме. и да, как сделать, чтобы эта самая табличка боковая хорошо смотрелась и на широкоформатниках и на других маниторах?  http://www.10pix.ru/img1/3329/5952260.gif

0

59

perla
Конкретно там верхняя часть таблицы нарисована на шапке, далее тело таблицы прикреплено к фону, а закрывающая часть - к низу форума. И вставлен обычный код таблицы, только фоновая картинка не прописана в нем.
Вот ссылки на шапку и фон, например:
https://forumupload.ru/uploads/000f/c2/6c/7-1-f.jpg
http://s54.radikal.ru/i146/1106/2d/83859894a276.jpg

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

и да, как сделать, чтобы эта самая табличка боковая хорошо смотрелась и на широкоформатниках и на других маниторах?

Раньше не задумывалась над этим вопросом. По идее, делать сам форум нефиксированной ширины, чтобы он подстраивался под разные мониторы, но это надо делать и тестить...

0

60

объясните мне кто-нибудь, нужен ли какой-нибудь код, чтобы при наведении так же увеличивалось изображение, как тут > http://rememberme.hutt.ru/ смотреть лучшие флудеры дня:)

0


Вы здесь » Free Art » CSS и HTML » Вопросы по работе с html и css


Сервис форумов BestBB © 2016-2024. Создать форум бесплатно