Часто задаваемые вопросы

Последнее время часто приходится отвечать на одни и те же вопросы, это утомляет, скажу вам честно. Поэтому решила написать такое. Думаю, лишним не будет.
Рассматривала в основном много-емкие ответы, а ответ на остальные вопросы в основном можно получить прочитав уроки.

Минздрав предупреждает:
"Плагиат -  копирование без предупреждения и копирайта, вредит здоровью.

#1 Как передвинуть баннер на шапке?

выделенное меняем на свои значения.
Альтернатива:
.title-logo-tdr a, .title-logo-tdr iframe, .title-logo-tdr object{ position: relative; top:-75px; left:15%; right: 75%;}

#2 Как сделать форум полупрозрачным?
Берем фон, заливаем цветом (белым, розым и другими светлыми оттенками), уменьшаем прозрачность заливки, сохраняем измененный фон и заливаем им форум с помощью кода:

берем исходный, необработанный фон и заливаем им фон форума с помощью кода:

Если же вы хотите сделать весь форум полупрозрачным, то для этого сделаем прозрачным форум, сохранив все предыдущие действия. Для этого вместо кода цвета ставим вот такое значение:

т.е. это будет выглядеть так:

#3 Как сделать форум цельным, без рамок?
Идем во второе окошко и в группе
/* CS2 Border colours
делаем рамки такого же цвета как и вес форум.
А так же зальем тем же цветом промежутки:

#4 Как сдвинуть форум в сторону?
Идем в структура и ищем группу:
/* A5.1 */
и прописываем такое значение:

выделенное меняйте на свое значение: left(лево) или right(право)

#4.1 Как сдвинуть форум немного в сторону?
Если вы хотите сдвинуть форум не полностью в сторону, а немножко подвинуть, то так же идем в
/* A5.1 */

выделенное меняем на свое значение.

#5 Как сделать меню навигации на шапке?
Для начала опустим шапку в структуре:

выделенное меняем на свое значение.

Потом изменим само расположение меню навигации. D.2 и D.3 меняем на это:

/* D2 Page navigation
-------------------------------------------------------------*/

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: -15px;
  left: 0;
  margin: 0;
  border: none;
  padding: 0;
  width: 100%;
  }

/* D2.2 */
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0}

/* D2.3 */
#pun-pagelinks .container li {
  display: inline
  }

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
  height: 2em;
  line-height: 2em;
  padding: 0;
  font-size: 1.2em;
  margin-left: -9999px;
  display: block;
  float:left;
  width: 100%;
  }

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }

#pun-pagelinks li a span {
  display:block;
  margin: 0 1em
  }

/* D3 Forum navigation
-------------------------------------------------------------*/

/* D3.1 */
#pun-navlinks {
  border: none;
  margin-bottom: 130px;
}

#pun-navlinks .container {
  border: none;
  margin: 0;
  }

/* D3.2 */
#pun-navlinks .container {
  padding-top: 20px;
  padding-right: 80px;
  height: 27px;
  font-weight: bold;
  text-align: right;
}

/* D.3 */
#pun-navlinks .container {
  padding-top: 15px;
  padding-bottom: 0px;
  height: 16px;
  font-family: comic sans ms;
}

.container #pun-navlinks li {
  display: inline;
  margin: 0.1%;
  padding: 3px 4px 4px 4px;
  border-left: 1px solid #fff;
}

/* D3.1 */
margin-bottom: 130px - расстояние между меню навигации и пользовательскими ссылками

/* D3.2 */
padding-top: 20px;
  padding-right: 80px;
двигает меню навигации

/* D.3 */
  font-family: comic sans ms; - шрифт меню навигации

#6 Как сделать иконки справа?
в структуре:

жирные единицы размер иконок.

Теги: css, дизайн, стиль, faq