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

 obmen_soobsheniyami.png Чат для технических писателей 
 Зарегистрируйтесь
Страницы: 1
RSS
Фоновый рисунок для Webhelp и HTML Help
 
Хотел бы поставить фоновый рисунок при генерации HTML и Webhelp.

Не могу сообразить как это сделать подскажите где рыть.
В документации по HTML прочитал что можно написать во так:
Код
<st yle>
  background {
                      background-image: url(fon.png); /* Путь к фоновому изображению */ 
                      background-attachment:scroll; /*прокручивающийся вместе с  текстом */
                      background-repeat: no-repeat; /*не повторяется на странице*/
                      background-position: center;  /*выравнивание по центру*/
                     } 
</style> 
добавлял в скин, в HTML Page template - default, Webhelp - Table of Content, но результат 0(
Подскажите что не так сделал?
С уважением, Максим!
 
попробуй указать полный путь до изображения
 
Проверить в данный момент не могу, но скорей надо делать фон не в TOC, а в каждую страницу (топик) HTML, из которой будет делаться справка. И делать это лучше в отдельном CSS файле, а не внутри самой страницы.

А при помощи чего генерится webhelp ?
 
Цитата
'''ADVANCED''' пишет:

А при помощи чего генерится webhelp ?
H&M
я уже и в CSS пихал. только результата никакого:(
CSS - это файл который в skin'е используется. Саму же картинку положил в Baggage
С уважением, Максим!
 
Прошу прощения, не заметил что это ветка H&M, я в нем не силен.
Этот вопрос вроде уже поднимался как-то в H&M. Видимо очень удобный и полезный инструмент, если никто не знает как им пользоваться :))
Изменено: '''ADVANCED''' - 16.08.2013 14:15:27
 
Цитата
'''ADVANCED''' пишет:
Прошу прощения, не заметил что это ветка H&M, я в нем не силен.
Этот вопрос вроде уже поднимался как-то в H&M. Видимо очень удобный и полезный инструмент, если никто не знает как им пользоваться )
да я просто не особо шарю в html. может  не туда вставил ил мож заыбл где -что добавить..
С уважением, Максим!
 
Всем привет!
Давненько не забегал - времени вообще нет [IMG]
Но ладно, что-то я отвлекся. Вопрос интересный, ни разу не интересовался.
Тем не менее, не поленился проверить...
Открыл skin-файл, в багаже нашел основной файл css (в скине их оказалось три штуки). Выбрал его из-за наличия следующего элемента:
Код
html, body {
    height: 100%;
   position: absolute; top: 0; left: 0; right: 0; bottom: 0;
   margin: 0;
    padding: 0;
   }


Добавил  background-image: url("spacer.gif" ), (spacer.gif был в багаже) получилось:
Код
html, body {
   height: 100%;
   position: absolute; top: 0; left: 0; right: 0; bottom: 0;
   margin: 0; padding: 0;
   background-image: url("spacer.gif") ;
    }

Сохранил, скомпилировал свой проект с использованием этого скина - появился фон!  :)
Изменено: H&M User - 27.08.2013 13:13:37
 
В Configuration -> HTML Page Templates -> Default внутри тега <st yle></style> вставляем следующий код:

     html, body { margin:0;
            padding:0;
            overflow: hidden;
            background: #FFFFFF;
            background-image: url(backimage.png);
      }

, где backimage.png - фоновая картинка, расположенная в Baggage Files.
Изменено: goodgrief - 20.06.2014 11:39:01
 
Цитата
goodgrief написал:
В Configuration -> HTML Page Templates -> Default внутри тега <st yle></style> вставляем следующий код:

     html, body { margin:0;
            padding:0;
            overflow: hidden;
            background: #FFFFFF;
            background-image: url(backimage.png);
      }

, где backimage.png - фоновая картинка, расположенная в Baggage Files.

У меня там код такой:
Код
<%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: #FFFFFF;">

<IF_TOPIC_HEADER>
<table width="100%" border="0" cellspacing="0" cellpadding="5" bgcolor="#D0D0D0">
  <tr valign="middle">
    <td align="left">
      <%TOPIC_HEADER%>
    </td>
    <td align="right">
     <span style="font-size: 9pt">
     <a href="<%HREF_DEFAULT_PAGE%>">Top</a> 
     <IF_PREVIOUS_PAGE><a href="<%HREF_PREVIOUS_PAGE%>">Previous</a> </IF_PREVIOUS_PAGE>
     <IF_NEXT_PAGE><a href="<%HREF_NEXT_PAGE%>">Next</a></IF_NEXT_PAGE>
     </span>
    </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>

Куда нужно вставить код, предложенный Вами?
Если у вас появятся вопросы, пожалуйста, обращайтесь - будем думать вместе!
 
background: #FFFFFF; background-image: url("имя рисунка в багаже");" >
Изменено: H&M User - 05.05.2015 15:28:07
Страницы: 1
Читают тему