Разработка технической документации и технические писатели Технические писатели и разработка технической документации технические писатели в Телеграм 

 obmen_soobsheniyami.png Чат для технических писателей 
 Зарегистрируйтесь
Страницы: 1
RSS
Вставить вместо фона рисунок
 
Уважаемые коллеги!
Можно ли на титульную страницу хелпа вставить в качестве фона рисунок (подложку)?
Мы используем Help and Manual и собираем хелп в формате CHM.

Нашел в контекстном меню страницы такую команду - Change Topic Background.
Там есть вкладка HTML Source Code. Может быть картинку можно поместить куда-то туда?
Предлагаемый на вкладке код следующий:
Код
<%DOCTYPE%>
<ht ml>
<head>
   <title><%TOPIC_TITLE%></title>
   <met a name="generator" content="Help &amp; Manual" />
   <met a name="keywords" content="<%TOPIC_KEYWORDS%>" />
   <met a http-equiv="Content-Type" content="text/html; charset=<%DOCCHARSET%>" />
   <met a http-equiv="Content-Style-Type" content="text/css" />
   <li nk type="text/css" href="<%STYLESHEET%>" rel="stylesheet" />
</head>
<body style="margin: 0px 0px 0px 0px; background: #339966;">

<IF_TOPIC_HEADER>
<table width="100%" border="0" cellspacing="0" cellpadding="5" bgcolor="#CCFFCC">
  <tr valign="middle">
    <td align="left">
      <%TOPIC_HEADER%>
    </td>
  </tr>
</table>
</IF_TOPIC_HEADER>

<!-- Placeholder for topic body. -->
<table width="100%" border="0" cellspacing="0" cellpadding="5"><tr valign="top"><td align="left">
<%TOPIC_TEXT%>
</td></tr></table>

</body>
</html>
Прошу Вас посоветовать что-нибудь полезное.
Если у вас появятся вопросы, пожалуйста, обращайтесь - будем думать вместе!
 
По фоновым изображениям писали здесь http://techwriters.ru/forum/messages/forum636/topic19574/message8502/#message8502, по фону для отдельного топика здесь http://techwriters.ru/forum/messages/forum636/topic19814/message10873/#message10873. Попробуйте использовать background-image, только конкретное место вставки не подскажу. Либо в body либо сюда <table width="100%" border="0" cellspacing="0" cellpadding="5"> в виде style. Тут нужно экспериментировать.
 
Большое спасибо! Вы очень помогли.
Если у вас появятся вопросы, пожалуйста, обращайтесь - будем думать вместе!
 
Место для вставки фонового изображения в H&M - заголовок страницы, лучше в виде CSS (шаблона или проекта, HTML Page Templates -> Default):

<%DOCTYPE%>
<html>
<head>
  <title><%TOPIC_TITLE%></title>
  <meta name="keywords" content="<%TOPIC_KEYWORDS%>" />
  <meta http-equiv="Content-Type" content="text/html; charset=<%DOCCHARSET%>" />  
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <link type="text/css" href="<%STYLESHEET%>" rel="stylesheet" />
  <link type="text/css" href="custom.css" rel="stylesheet">
  <style TYPE="text/css" media="screen">
     html, body { margin:0;
           padding:0;
           overflow: hidden;
          background: #FFFFFF url("835c.gif") no-repeat right top;  
           background-size: 300;
      }
  </style>

Можно использовать следующие теги:
background
Универсальное свойство позволяет установить одновременно до пяти характеристик фона.
background-attachment
Устанавливает, будет ли прокручиваться фоновое изображение вместе с содержимым элемента.
background-clip
Определяет, как цвет фона или фоновая картинка должна выводиться  под границами.
background-image
Устанавливает фоновое изображение для элемента.
background-origin
Определяет область  позиционирования фонового рисунка.
background-position
Задает начальное положение фонового изображения, установленного с помощью свойства background-image.
background-position-x
Задает положение фонового изображения внутри элемента по горизонтали.
background-position-y
Задает положение фонового изображения внутри элемента по вертикали.
background-repeat
Определяет, как будет повторяться фоновое изображение, установленное с помощью свойства background-image.
background-size
Масштабирует фоновое изображение согласно заданным размерам.

P.S.: Чтобы работал тег background-origin, следует поправить скрипт инициализации для перехода с CSS2 на CSS3 (обычно nsh.js, функция pageOffset):

function pageOffset(win)
{
   if(!win) win = window;
   var pos = {left:0,top:0};
   if(typeof win.pageXOffset != 'undefined')
   {
        // Mozilla/Netscape
        pos.left = win.pageXOffset;
        pos.top = win.pageYOffset;
   }
   else
   {
        var obj = (win.document.compatMode && win.document.compatMode == "CSS3Compat") ?
        win.document.documentElement : win.document.body || null;
        pos.left = obj.scrollLeft;
        pos.top = obj.scrollTop;
   }
   return pos;
}
Изменено: H&M User - 05.05.2015 14:54:54
 
Для вашего случая: ...  background: #FFFFFF; background-image: url("имя рисунка в багаже");" >
Изменено: H&M User - 05.05.2015 15:28:39
Страницы: 1
Читают тему