Общие вопросы по оформлению (23)

Поделиться561Чт, 19 Авг 2010 23:34:14

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 10:48:17

.roro написал(а):

здравствуйте.возник вопрос: можно ли сделать три фона? один закреплен наверху и не прокручивается, другой (под двумя другими) прокручивается, третий - закреплен внизу и не прокручивается. http://thewest.rusff.ru/

Непонятно и картинки дайте на два остальных и хотя бы эскиз в пейнте

Отредактировано Deff (Чт, 19 Авг 2010 23:35:18)

0

Поделиться562Чт, 19 Авг 2010 23:35:00

Автор: Asanare
Заслуженный
Зарегистрирован: Пт, 25 Июн 2010
Сообщений: 11
Уважение: 0
Позитив: 0
Последний визит:
Сб, 12 Фев 2011 03:33:43

Deff
http://testdesignvendetta.magicbb.ru/

0

Поделиться563Чт, 19 Авг 2010 23:37:35

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 10:48:17

Asanare Стиль меняли ток во втором окне Стиля ? -Высота прошлой шапки была меньше ?

ясн

Отредактировано Deff (Чт, 19 Авг 2010 23:41:39)

0

Поделиться564Чт, 19 Авг 2010 23:38:24

Автор: Asanare
Заслуженный
Зарегистрирован: Пт, 25 Июн 2010
Сообщений: 11
Уважение: 0
Позитив: 0
Последний визит:
Сб, 12 Фев 2011 03:33:43

Deff
да.
Когда я писала "поменяла шапку" - немного неправильно выразилась. Я поставила шапку, до этого шапки не было.

Отредактировано Asanare (Чт, 19 Авг 2010 23:40:15)

0

Поделиться565Чт, 19 Авг 2010 23:49:34

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 10:48:17

Asanare а Логотип это вот это изображение > http://s46.radikal.ru/i111/1008/88/458b54a3cd81.png ,?

0

Поделиться566Чт, 19 Авг 2010 23:51:15

Автор: Asanare
Заслуженный
Зарегистрирован: Пт, 25 Июн 2010
Сообщений: 11
Уважение: 0
Позитив: 0
Последний визит:
Сб, 12 Фев 2011 03:33:43

Deff
нет, это обьявление. Логотип вот:
http://s49.radikal.ru/i123/1008/a4/1e70f2d49846.png

0

Поделиться567Пт, 20 Авг 2010 00:16:50

Автор: .roro
Заслуженный
Зарегистрирован: Пн, 24 Май 2010
Сообщений: 225
Уважение: +1
Позитив: +47
Последний визит:
Вс, 26 Июн 2016 22:57:03

Deff
верх там есть, вот [середина], а это [низ].
т.е., хотела узнать возможность [такого] дизайна.

0

Поделиться568Пт, 20 Авг 2010 00:21:20

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 10:48:17

Asanare Колдую (а кто Вам сказал что все надо сваливать вниз , *что Вы сами дописывать стали

0

Поделиться569Пт, 20 Авг 2010 00:25:34

Автор: Asanare
Заслуженный
Зарегистрирован: Пт, 25 Июн 2010
Сообщений: 11
Уважение: 0
Позитив: 0
Последний визит:
Сб, 12 Фев 2011 03:33:43

Deff
никто... а куда его сваливать нужно? оО

0

Поделиться570Пт, 20 Авг 2010 00:33:17

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 10:48:17

Asanare Ну лого идет сразу после бекграунда - вам же просто стандартный стиль нужно было подправить (во втором окне

Отредактировано Deff (Пт, 20 Авг 2010 00:33:35)

0

Поделиться571Пт, 20 Авг 2010 00:42:53

Автор: Asanare
Заслуженный
Зарегистрирован: Пт, 25 Июн 2010
Сообщений: 11
Уважение: 0
Позитив: 0
Последний визит:
Сб, 12 Фев 2011 03:33:43

Deff
я не нашла после бекграунда лого

0

Поделиться572Пт, 20 Авг 2010 00:53:17

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 10:48:17

Asanare я Ващет буду долго кывыряцо. мну стилями редко заниаецо... так что сильно не ожидайте...(если ток rps тут не подойдет - у него всё мгновенно

Вот типо скопировал со стандартного style_cs.css - но цвета и установки нужно менять
/* CS1 Background and text colours
-------------------------------------------------------------*/

Код:

html, body {
background: #A39C7F url(eed36136.jpg);	
background-attachment: fixed;
}

#pun {
background-image: url(aa2a14a2.png);
  }

#pun-title TABLE {
background: url(58f480c2.jpg) transparent no-repeat top left ;
}


/* 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: #210302;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: #210302;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent;
  color: #663300;
  font-weight: bold;
  font-style: normal;
  }

#pun-category1 h2 {
height: 81px; 
background-image: url(17935900.htm) !important; 
background-repeat: no-repeat;  
background-position: top center;
}
 
#pun-category2 h2 {
height: 81px; 
background-image: url(Адрес изображения для второй категории) !important; 
background-repeat: no-repeat;  
background-position: top center;
}
 
#pun-category3 h2 {
height: 81px; 
background-image: url(Адрес изображения для третьей категории) !important; 
background-repeat: no-repeat;  
background-position: top center;
}
 
#pun-category4 h2 {
height: 81px; 
background-image: url(Адрес изображения для четвёртой категории) !important; 
background-repeat: no-repeat;  
background-position: top center;
}
 
#pun-category5 h2 {
height: 81px; 
background-image: url(Адрес изображения для пятой категории) !important; 
background-repeat: no-repeat;  
background-position: top center;
}
 
#pun-category6 h2 {
height: 81px; 
background-image: url(Адрес изображения для шестой категории) !important; 
background-repeat: no-repeat;  
background-position: top center;
}
 
#pun-category7 h2 {
height: 81px; 
background-image: url(Адрес изображения для седьмой категории) !important; 
background-repeat: no-repeat;  
background-position: top center;
}
 
#pun-category8 h2 {
height: 81px; 
background-image: url(Адрес изображения для восьмой категории) !important; 
background-repeat: no-repeat;  
background-position: top center;
}

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #FFE4C4;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #210302
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #210302
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: transparent;
  color: #210302
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: transparent;
  color: #663300;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

.punbb textarea, .punbb select, .punbb input {
  background-color: #D2B48C;
  color: #210302
}

/* 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, .punbb td {
  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-color: transparent;

  }

li.pa-online {
  border-left-color: #D2B48C;
  }

.punbb .post-sig dt {
  border-top-color: #663300 !important;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* 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: #663300;
  border-bottom: 1px dashed #663300;
  font-family: "Century gothic";
  text-decoration: none;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #210302
  }

/* 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: #A0522D;
    border-bottom: 1px dashed #663300;
  text-decoration: none;

  }

/* CS3.3 */
#pun-navlinks a {
  color: #663300;
  border-bottom: 1px dashed #663300;
  text-decoration: none;
  font-family: "Century gothic";
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #D2B48C;
  font-weight: normal;
font-style: normal;
  border-bottom: 1px dashed #663300;
  text-decoration: none;

  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }

/* CS4 Post status icons
 -------------------------------------------------------------*/
div.icon {
        background: url(62262400.htm) no-repeat;
}
tr.inew div.icon {
        background: url(62160200.png) no-repeat;
}
tr.iclosed div.icon {
        background: url(60317100.png) no-repeat;
}
tr.isticky div.icon {
        background: url(59088200.png)no-repeat;
}

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

Отредактировано Deff (Пт, 20 Авг 2010 00:59:43)

0

Поделиться573Пт, 20 Авг 2010 00:54:36

Автор: Asanare
Заслуженный
Зарегистрирован: Пт, 25 Июн 2010
Сообщений: 11
Уважение: 0
Позитив: 0
Последний визит:
Сб, 12 Фев 2011 03:33:43

Deff
да ничего страшного) спасибо за помощь и прошу прощения за беспокойство

0

Поделиться574Пт, 20 Авг 2010 00:55:47

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 10:48:17

.roro но рамка движецо вместе с форумом или прикреплена к бекраунду и движецо вместе с ним ?

0

Поделиться575Пт, 20 Авг 2010 00:56:37

Автор: .roro
Заслуженный
Зарегистрирован: Пн, 24 Май 2010
Сообщений: 225
Уважение: +1
Позитив: +47
Последний визит:
Вс, 26 Июн 2016 22:57:03

Deff
не рамка - фон, там только он, а сам форум прозрачен.

0

Поделиться576Пт, 20 Авг 2010 01:03:24

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 10:48:17

.roro Форум должен быть привязан так же как и сейчас ? (верхней частью ?
ясн

Отредактировано Deff (Пт, 20 Авг 2010 01:06:26)

0

Поделиться577Пт, 20 Авг 2010 01:05:31

Автор: .roro
Заслуженный
Зарегистрирован: Пн, 24 Май 2010
Сообщений: 225
Уважение: +1
Позитив: +47
Последний визит:
Вс, 26 Июн 2016 22:57:03

Deff
да

0

Поделиться578Пт, 20 Авг 2010 01:25:47

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 10:48:17

.roro
В HTML верх

<style>
HTML {background-image: url("http://s51.radikal.ru/i131/1008/50/deeb7c48725c.jpg"); background-repeat: repeat-y; background-position: center top; }
</style>

В HTML низ > в !!Cамый низ !!

<img src="http://s003.radikal.ru/i203/1008/6e/0303581ca36a.jpg" style="width: 1440px;
margin-top: 0px; margin-bottom: -100px; margin-left: -330px; margin-right: 0px; ">

Отредактировано Deff (Пт, 20 Авг 2010 02:00:19)

+2

Поделиться579Пт, 20 Авг 2010 01:49:28

Автор: .roro
Заслуженный
Зарегистрирован: Пн, 24 Май 2010
Сообщений: 225
Уважение: +1
Позитив: +47
Последний визит:
Вс, 26 Июн 2016 22:57:03

Deff
спасибо, почти получилось. вот только низ смещен немного вправо, а под ним (в самом низу форума) средний фрагмент ("средний фон"). подскажите пожалуйста, как можно убрать?
+ а все же как фон низ нельзя забить? что бы по нему мог текст идти, как наверху?
и да, делаю дизайн в ксс, можно ли это туда перенести?

Отредактировано .roro (Пт, 20 Авг 2010 01:53:58)

0

Поделиться580Пт, 20 Авг 2010 01:54:23

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 10:48:17

Поправил ?
Кароче, чтобы совпадали вертикали, нужно заново перенарезать части из-одного общего рисунка - сейчас низ я делал - потому что вы дали с черным фоном, и он возможно не точно совместим со средней частью

rps, Возможно низ картинки правильней к #pun прицепить ? > http://thewest.rusff.ru/ ?

(Кстать проверил - совпадение со средней частью -идеальное,мну думает из-за разных алгоритмов отображение img и бекграунда...т.е img своего рода масштабируецо всё ж

Отредактировано Deff (Пт, 20 Авг 2010 02:34:06)

0

Единый форум поддержки

Меню навигации

Пользовательские ссылки

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