Marizza
молодец)))))) что там у нас следующие? эээ.... иконки вроде) ты умеешь их делать?

Marizza
ну короче принцип тот же самый что и у шапки. только можно делать только с текстом или только с картинкой. Только с текстом, ты создаешь новый документ в фотошопе, прозрачный, размером 100 пикселей на 100 пикселей. и просто добавляешь туда текст. С картинками принцип тот же, но только уменьшаешь картинку до размера 100Х100. и можно к картинкам еще добавить колорку. Старую и закрытую тему, можно сделать тусклыми и текст не яркий, а вот новую и важную тему можно сделать яркими. с надписями то же самое, но только цвет менять не надо. вот как-то так.

Сделай четыре иконки (новое, старое, важное, закрытое) с текстом и четыре с картинкой.

Отредактировано enivrantes (2010-10-16 18:19:55)

Marizza
отлично! на картинки можно еще и текст добавлять. итак, разберемся как все это вставлять. мне влом расписывать уроки и поэтому буду писать прямо так. короче, переселяешься во второе окошко в самый конец.

/* CS4 Post status icons
-------------------------------------------------------------*/

div.icon {border-color: #CC99FF #AC79DF #9C69CF #AC79DF}
tr.iredirect div.icon {border-color: #CC99FF #CC99FF #CC99FF #CC99FF}
div.inew {border-color: #CC99FF #AC79DF #9C69CF #AC79DF}

#pun-main div.catleft, #pun-main div.catright {display: none}

это все удаляешь. вместо этого вставляешь это:

/* CS4 Post status icons
-------------------------------------------------------------*/

div.icon {
        background: url(адрес картинки старая тема) no-repeat;
}

tr.inew div.icon {
        background: url(адрес картинки новое сообщение) no-repeat;
}

tr.iclosed div.icon {
        background: url(адрес картинки закрытая тема) no-repeat;
}

tr.iredirect div.icon {
        background: url(адрес картинки важная тема) no-repeat;
}

tr.isticky div.icon {
        background: url(адрес картинки закрытая и важная тема (Я обычно вставляю картинку важное)) no-repeat;
}

вставлять иконки можешь по вкусу. какие больше нравятся.

Marizza
умница! *расцеловала* теперь давай учиться как двигать иконки. ищем вот такой вот код:

/* C2.15 */
.punbb div.icon {
  float: right;
  display: block;
  width: 100px;
  height: 100px;
  padding-top: 1px;
  margin-top: 1px;
}

разбираем.
  float: right; - расположение иконок справа, слева (left, right)
  width: 100px; - ширина (вроде)
  height: 100px; - высота.

ширину и высоту больше 100 пикселей делать не советую.
как-то у нас быстро процесс обучение идет.

а то)) теперь давай учиться вставлять фон. для этого берешь вот этот код и удаляешь его на фиг:

а вместо этого вставляешь вот это (пишу короче):

обычный код (прокрутка во все стороны)

фиксированная картинка:

Могу предложить сайт с огромным выбором фонов для форумов. Там есть еще кое-что для фотошопа. http://lenagold.ru/fon/main.html

Marizza
отлично. давай теперь поучимся вставлять копирайт.
мне нравятся копирайты в шапке, но научиться вставлять его в самый.
Сделай картинку той-же шириной, что и сам форум. А вставляют её во второе окошко.
Прокручиваем код в самый низ, там где иконки. И ниже их вставляем такой кодик:

Marizza
умничка ты моя)) у меня сегодня необычайно хорошее настроение. короче, объясняю как сделать текст форума больше или меньше.

Ищем вот такой вот кодик:

то что выделено красным - рамер шрифта. его меняем на все что хочешь. 100% - стандартный. Меньше 90% не делай. Больше 110% тоже не советую.

Marizza
мне тоже больше маленький нравится. ну остались маленькие и не значительные детали.

Marizza
не знаю
шутка))) мы научимся делать округлый форум. это очень просто, нужно только подобрать цветовую гамму точь в точь как форум. точнее цвет. Все это делается в фотошопе при создании шапки. Все просто. Выбираешь инструмент 18 сверху и выделяешь самый низ шапки. главное, проверь чтобы цвет был такой же как и цвет форума. На залитую область можно добавить текст. получится очень даже не плохо))