Автор Тема: Видоизменение справки (HTML)  (Прочитано 955 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн saraconor [?]

  • Новичок
  • *
  • Сообщений: 318
  • Репутация: 2
  • Пол: Мужской
    • Награды
  • Версия AutoIt: 3.3.14.0
Как можно поменять цвет фона справки, допустим с белого на темный?
Собираюсь переводить v3.3.14.5  за одно хочу поменять фон.
в Help & Manual такое можно сделать, но программа очень сильно корежит справку при импорте.
В CHM Editor импортирует нормально, но очень маленький функционал, непонятно как там менять цвет фона, можно менять только цвет текста.
« Последнее редактирование: Май 27, 2019, 23:53:53 от CreatoR »

Русское сообщество AutoIt

Видоизменение справки (HTML)
« Отправлен: Май 22, 2019, 12:22:13 »

Оффлайн joiner [?]

  • Расмус-бродяга
  • Локальный модератор
  • *
  • Сообщений: 2949
  • Репутация: 494
  • Пол: Мужской
    • Награды
  • Версия AutoIt: 3.3.12.0
Re: Видоизменение справки (HTML)
« Ответ #1, Отправлен: Май 22, 2019, 17:18:57 »
ПредупреждениеЗа нарушение правил форума (пункт Б.5):
Цитировать
Имя темы должно нести смысловую нагрузку (отражать суть вопроса/проблемы)
Правильно сформулированное название темы привлекает больше внимания, и шансы получить конкретный ответ увеличиваются.

Данные правила могут пополняться локальными правилами раздела.
Как правильно называть темы

"Cправка светлая - темная" - это неприемлемое название темы, переименуйте тему иначе она будет закрыта, а вам возможно будет выдан бан на несколько дней.

С уважением, ваш Модератор.
Были времена, когда солнце было ярче, трава зеленее, а водка сорокоградуснее

Оффлайн CreatoR [?]

  • Администратор
  • *
  • Сообщений: 8082
  • Репутация: 2314
  • Пол: Мужской
  • AutoIt is simple, subtle, elegant
    • CreatoR's Lab
    • Награды
  • Версия AutoIt: 3.3.14.0
Re: Видоизменение справки (HTML)
« Ответ #2, Отправлен: Май 22, 2019, 19:44:36 »
Кто одобрил тему?
Это не место теме, в этом разделе только Инструменты и справка, а не общие вопросы.
Переношу...


Правила, Поиск, Супер тема


AutoIt is simple, subtle, elegant.


«Не оказываю тех. поддержку через ПМ/ICQ, и по электронной почте - для этого есть форум. (C)»
«Законы Мэрфи неоспоримы!»


Мои работы

Русское сообщество AutoIt

Re: Видоизменение справки (HTML)
« Ответ #2 Отправлен: Май 22, 2019, 19:44:36 »

Оффлайн saraconor [?]

  • Новичок
  • *
  • Сообщений: 318

  • Автор темы
  • Репутация: 2
  • Пол: Мужской
    • Награды
  • Версия AutoIt: 3.3.14.0
Re: Видоизменение справки (HTML)
« Ответ #3, Отправлен: Май 23, 2019, 09:40:50 »
Есть у кого-нибудь идеи?

Оффлайн AZJIO [?]

  • VIP
  • *
  • Сообщений: 2740
  • Репутация: 1143
    • мой сайт
    • Награды
  • Версия AutoIt: 3.3.8.1
Re: Видоизменение справки (HTML)
« Ответ #4, Отправлен: Май 23, 2019, 19:34:29 »
saraconor
в файле css\default.css в "body" сменить цвет в "background-color:#fff;"
а также везде где встречается color или background-color изменять на нужное

Русское сообщество AutoIt

Re: Видоизменение справки (HTML)
« Ответ #4 Отправлен: Май 23, 2019, 19:34:29 »

Оффлайн saraconor [?]

  • Новичок
  • *
  • Сообщений: 318

  • Автор темы
  • Репутация: 2
  • Пол: Мужской
    • Награды
  • Версия AutoIt: 3.3.14.0
Re: Видоизменение справки (HTML)
« Ответ #5, Отправлен: Май 24, 2019, 09:30:00 »
Ясно, спасибо

Оффлайн saraconor [?]

  • Новичок
  • *
  • Сообщений: 318

  • Автор темы
  • Репутация: 2
  • Пол: Мужской
    • Награды
  • Версия AutoIt: 3.3.14.0
Re: Видоизменение справки (HTML)
« Ответ #6, Отправлен: Май 27, 2019, 17:22:47 »
Уже некоторое время перекрашиваю справку v3.3.14.5 в темный стиль, некоторые элементы найти не удалось, помогите кто знает HTML, или умеет работать в CHM Editor.
html {
    font-family:Verdana, Arial, 'Segoe UI', 'Lucida Grande', Helvetica, 'MS sans serif';
    font-size:.8125em
}

body {
    font-family: Verdana, Arial, 'Segoe UI', 'Lucida Grande', Helvetica, 'MS sans serif';
    background-color:#343432;  /* цвет основного фона */
    color:#B0B0B0;             /* цвет основного текста */
    font-size:15px;
    font-weight:400;
    max-width: 1080px;
    margin: 10px;
}

table {
    border-collapse:collapse;
    border-color:#666666;      /* цвет рамок таблиц */
    color:#BABABA;             /* цвет основного текста таблиц */
    border-style:solid;
    border-width:1px;
    margin-top:5px;
    width:100%
}

table.noborder {
    border-width:0
}

th {
    background-color:#084458;  /* цвет фона заголовков таблиц */
    border-color:#666666;      /* цвет перегородки в заголовке таблиц */   
    border-style:solid;
    border-width:1px;
    color:#CCCCCC;             /* цвет текста заголовков таблиц */
    padding:4px;
    text-align:left
}

th.new {
    width:224px
}

th.old {
    width:226px
}

th.width25 {
    width:25%
}

th.width75 {
    width:75%
}

tr {
    padding:4px
}

tr.yellow,tr.yellowbold {
    background-color:#454334   /* цвет разделов таблиц */
}

tr.yellowbold {
    font-weight:700
}

table td {
    border-color:#666666;      /* цвет перегородок таблиц */
    border-style:solid;
    border-width:1px;
    padding:4px
}

table.noborder td {
    border-width:0
}

td.center {
    text-align:center
}

td.right {
    text-align:right
}

td.sep {
    border-color:silver /* ??????????????????? */         
}

b {
    font-weight:700
}

u {
    text-decoration:underline
}

p {
    margin:0;
    padding-bottom:5px;
    padding-top:5px
}

p.center {
    text-align:center
}

span.underline {
    text-decoration:underline
}

.funcdesc {
    font-size:1.25em   
}

ul.cell {
    margin:0 0 0 25px
}

div.indent {
    margin-left:32px
}

a,a:link {
    color:#8888DD   /* цвет ссылок */
}

a:visited {
    color:#8888DD   /* цвет посещенных ссылок */
}

a:active {
    color:#8888DD   /* цвет активных ссылок */
}

a:hover {
    color:#C4C4FF   /* цвет ссылки под курсором */
}

a,a:link,a:visited,a:active {
    text-decoration:none
}

a:hover {
    text-decoration:underline
}

a.ext:link,a.ext:visited,a.ext:active {
    text-decoration:underline
}

a.codeSnippetLink:hover {
    text-decoration:underline
}

h1 {
    color:#B49A67;   /* цвет заголовка страницы */
    font-family:Arial, Verdana, 'Segoe UI', 'Lucida Grande', Helvetica, 'MS sans serif';
    font-size:20px;
    font-weight:700;
    margin:0;
    padding-bottom:5px;
    padding-top:5px;
}

.small {
    font-size:.875em; 
    margin:-12px 0 -4px;
    padding-bottom:0;
    padding-top:9px
}

h2 {
    color:#A09078;   /* цвет названи¤ темы */
    font-family: Verdana, Arial, 'Segoe UI', 'Lucida Grande', Helvetica, 'MS sans serif';
    font-size:1.1em;
    font-weight:bold;
    line-height:bold;
    margin:0;
    padding-bottom:5px;
    padding-top:25px
}

h3 {
    color:#BAA98F;   /* цвет названи¤ примера */
    font-family: Verdana, Arial, 'Segoe UI', 'Lucida Grande', Helvetica, 'MS sans serif';
    font-size:0.9em;
    font-weight:bold;
    line-height:bold;
    margin-bottom:0;
    margin-left:5px
}

pre,.code,.codeheader,.codebox {
    background-color:#3F3F3F;    /* цвет фона боксов с кодом */
    font-family:Arial, 'Courier New', Courier, Verdana;
}

.code {
    white-space:nowrap
}

.codeheader {
    background-color:#656354;    /* фон функции в заглавии темы */
    border: #AAAAAA 1px solid;   
    border-bottom:1px solid #aaa;
    border-left:1px solid #aaa;
    border-right:1px solid #aaa;
    border-top:1px solid #aaa;
    padding:16px;
    font-family: Arial, 'Courier New', Courier, Verdana;
    color: #DDDDDD;              /* цвет текста функции в заглавии */
    white-space: normal;
}

.codebox {
    border-bottom:1px solid #aaa;
    border-left:1px solid #aaa;
    border-right:1px solid #aaa;
    border-top:1px solid #aaa;
    color:#465584;
    background-color:#3F3F3F;    /* фон внутри отдельных боксов с кодом */
    overflow-x:auto;
    padding:8px 8px 16px;
    margin-top:5px;
    white-space:nowrap;
    width:99%
}

.S0 {
    color:#30BBF7;    /* функции в скрипте ( example(), func example() ) */
}   

.S1 {
    color:#9AED9A;   /* строковый комментарий (; коммент) */
    font-style:italic
}

.S2 {
    color:#9AED9A;   /* секторный комментарий (#cs  #ce) */
    font-style:italic
}

.S3 {
    color:#E381BA    /* числа (1 13 53 5 95 23 54)*/
}

.S4 {
    color:#89A8F8    /* функции (MsgBox, Winclose, Sleep) */
}

.S5 {
    color:#5EFFF2    /* операторы (if, else, while, func, endif) */
}

.S6 {
    color:#74B533    /* макросы (@ScriptFullPath, @CR */
}

.S7 {
    color:#E8E8E8    /* основной текст (тот что в кавычках) */
}

.S8 {
    color:#FFE77A    /* символы (= & , []) */
}

.S9 {
    color:#F09835    /* переменные ($example_1, $example_2) */
}

.S10 {
    color:#EBDC15    /* клавиши ({F1}, {A}, {Left}, {Enter}) */
}

.S11 {
    color:#FC49C7    /* включени¤ в скрипт (#Include) */
}

.S12 {
    color:#D16868    /* особые включени¤ (#forcedef, #ignorefunc) */
}

.S13 {
    background-color:#DDE8F0;  /* ??????????????????? */
    color:red                  /* ??????????????????? */
}

.S14 {
    color:#9FB7F2    /* расширени¤ (.exe, .au3) 
}

.S15 {
    color:#B59BFF    /* внутренние функции (_PathFull, _arraydisplay) */
}

.bottom {
    padding-bottom:0;
    margin-bottom:0
}

.experimental {               
    background-color:#7D5959;  /* цвет фона предупреждени¤ */   
    border:solid;
    border-color:#AAAAAA;      /* цвет рамки предупреждени¤ */
    color:#E8E8E8;             /* цвет текста предупреждени¤ */
    font-size:1.5em;
    font-weight:700;
    border-width:1px;
    margin:0;
    padding:4px
}

.specialnote {
 
    background-color:#FF36EB;  /* ??????????????????? */   /* #FF36EB   fffffa */ /* ================= */
    border:solid;
    border-color:blue;         /* ??????????????????? */
    font-size:1.5em;
    font-weight:500;
    padding:4px
}

img.logo_v3 {
    /* box-shadow:5px 5px 20px #aaa */
}

.noPageBreak {
    page-break-inside:avoid
}

.codeSnippetContainer {
    min-width:260px;   
    margin:0;
    padding:0
}

.codeSnippetContainerTabs {
    font-size:.8333em;
    height:20px;
    position:relative;
    vertical-align:middle;
    z-index:1
}

.codeSnippetContainerTab { 
    border-bottom:2px solid #d0d2d2;                       
    border-top:1px solid #bbb;                         
    border-left:1px solid #929292;                     
    float:left;
    height:20px;
    padding:0 4px;
    width:auto;
    overflow:hidden;
    position:relative;
    font-weight:400
}

.codeSnippetContainerTabSingle {
    border:none;
    color:#00709f;  /* ??????????????????? */
    vertical-align:baseline;         
    top:10px;
    left:12px;
    position:relative;
    background-color:#fff  /* ??????????????????? */     
}

.codeSnippetContainerTabSingle a {
    color:#e66a38   /* ??????????????????? */   
}

.codeSnippetContainerTab a,.codeSnippetContainerTab a:link,.codeSnippetContainerTab a:visited,.codeSnippetContainerTab a:active {
    color:#1364c4;                /* ???????????????????????? */
    text-decoration:none
}

.codeSnippetContainerTab a:hover {
    color:#e66a38;                /* ???????????????????????? */
    position:relative
}

.codeSnippetContainerCodeContainer {
    background-color:#3F3F3F;           /* цвет фона рамок блоков кода  */
    border-bottom:1px solid #AAAAAA;    /* верхн¤¤ рамка основных блоков кода */   
    border-left:1px solid #AAAAAA;      /* лева¤ рамка основных блоков кода */ 
    border-right:1px solid #AAAAAA;     /* права¤ рамка основных блоков кода */ 
    clear:both;
    margin-bottom:0; 
    position:relative;
    top:-3px; 
}

.codeSnippetToolBar {
    border-left:0 solid #AAAAAA;       
    border-right:0 solid #AAAAAA;
    border-top:1px solid #AAAAAA;   /* верхн¤¤ рамка основных блоков кода */ 
    height:auto;
    width:auto     
}

div.codeSnippetToolBarText {
    float:right;         
    top:-12px;
    position:relative;
    background-color:#fff;          /* ??????????????????????? */
    width:auto;   
    padding-left:4px;
    padding-right:4px;   
    height:0;
    vertical-align:top 
}

div.codeSnippetToolBarText>a:link,div.codeSnippetToolBarText>a:visited,div.codeSnippetToolBarText>a:active {
    margin-left:7px;
    margin-right:7px;
    font-size:12pt;                 /* размер текста клипборда */
    text-decoration:none;
    background-color:#3F3F3F;       /* цвет фона клипборда */
    padding-left:7px;               /* отступ от левого кра¤ текста */
    padding-right:7px;              /* отступ от правого кра¤ текста */
    border-color:#AAAAAA;           /* цвет рамок клипборда */
    color:#A4A4DB;                  /* цвет текста клипборда */
    border-style:solid;
    border-width:1px;
}

div.codeSnippetToolBarText>a:hover {
    text-decoration:underline
}

.codeSnippetContainerCode {
    background-color:#3F3F3F;        /* цвет фона внешнего контейнера скриптового бокса */
    margin-top:0;   
    padding:5; 
    width:auto
}

.codeSnippetContainerCode div {
    padding:0;
    margin:0
}

.codeSnippetContainerCode pre {
    padding-left:5px;
    margin:0;
    font-style:normal;
    font-weight:400;
    overflow:auto;
    word-wrap:normal
}

#hhctrl {
    vertical-align:middle
}

#hhctrl-bottom {
    vertical-align:bottom
}

.codeSnippetContainerTab object {
    cursor:pointer;
    text-decoration:underline
}

.valign-top {
    vertical-align:text-top
}

Нужно поставить рамочки сверху и снизу "Copy to Clipboard",  и вокруг "Open this Script" все тоже самое (рамочки, фон, цвет шрифта) и чтобы при наведении курсора так-же реагировало как и с "Copy to Clipboard" (менялся цвет и курсор). А, и возможно еще поменять сами названия: "Copy to Clipboard" на "Копировать в буфер", "open the scrip" на "открыть скрипт", или это уже нужно в ручную на каждой странице менять?

После перекомпилирования справка не хочет обрабатывать русские слова в поиске, как правильно настроить поиск чтобы все работало как надо?


Внимание: Для просмотра прикреплённых файлов необходимо Войти или Зарегистрироваться
« Последнее редактирование: Май 28, 2019, 17:48:20 от saraconor »

Оффлайн joiner [?]

  • Расмус-бродяга
  • Локальный модератор
  • *
  • Сообщений: 2949
  • Репутация: 494
  • Пол: Мужской
    • Награды
  • Версия AutoIt: 3.3.12.0
Re: Видоизменение справки (HTML)
« Ответ #7, Отправлен: Май 27, 2019, 18:59:48 »
Дублирование тем

Русское сообщество AutoIt

Re: Видоизменение справки (HTML)
« Ответ #7 Отправлен: Май 27, 2019, 18:59:48 »

Оффлайн CreatoR [?]

  • Администратор
  • *
  • Сообщений: 8082
  • Репутация: 2314
  • Пол: Мужской
  • AutoIt is simple, subtle, elegant
    • CreatoR's Lab
    • Награды
  • Версия AutoIt: 3.3.14.0
Re: Видоизменение справки (HTML)
« Ответ #8, Отправлен: Май 27, 2019, 23:53:17 »
Темы объединил, ибо это глобальный вопрос по редактированию справки.

Оффлайн saraconor [?]

  • Новичок
  • *
  • Сообщений: 318

  • Автор темы
  • Репутация: 2
  • Пол: Мужской
    • Награды
  • Версия AutoIt: 3.3.14.0
Re: Видоизменение справки (HTML)
« Ответ #9, Отправлен: Июнь 04, 2019, 16:45:59 »
Я продолжаю перевод, есть еще пара вопросов по HTML, но хотелось бы всетаки закрыть вопросы по поводу кнопок, кто-нибудь поможет?

Оффлайн saraconor [?]

  • Новичок
  • *
  • Сообщений: 318

  • Автор темы
  • Репутация: 2
  • Пол: Мужской
    • Награды
  • Версия AutoIt: 3.3.14.0
Re: Видоизменение справки (HTML)
« Ответ #10, Отправлен: Июнь 08, 2019, 16:21:51 »
Похоже в раздел "общение" вообще никто не заходит. благодарю модератора перенесшего тему туда, где вопрос никогда не будет решен. Ребят, вам не нужна справка?

Оффлайн joiner [?]

  • Расмус-бродяга
  • Локальный модератор
  • *
  • Сообщений: 2949
  • Репутация: 494
  • Пол: Мужской
    • Награды
  • Версия AutoIt: 3.3.12.0
Re: Видоизменение справки (HTML)
« Ответ #11, Отправлен: Июнь 08, 2019, 19:14:18 »
saraconor, ты хорошо владеешь английским? Иначе перевод не имеет смысла.
Насчет основного вопроса. Найди в инете как писать вебстраницу. Примеров много. А лучше форум, где общаются вебпрограммисты. Твою тему видят все, но не все знают как сделать

Оффлайн saraconor [?]

  • Новичок
  • *
  • Сообщений: 318

  • Автор темы
  • Репутация: 2
  • Пол: Мужской
    • Награды
  • Версия AutoIt: 3.3.14.0
Re: Видоизменение справки (HTML)
« Ответ #12, Отправлен: Июнь 14, 2019, 16:25:44 »
saraconor, ты хорошо владеешь английским? Иначе перевод не имеет смысла.
Насчет основного вопроса. Найди в инете как писать вебстраницу. Примеров много. А лучше форум, где общаются вебпрограммисты. Твою тему видят все, но не все знают как сделать
https://yadi.sk/d/xblTEEIiSNjtGg
Вот оцените, там переведено до урока с установкой zip.
Есть конечно некоторые технические термины и разговорные обороты которые я не понимаю, приходится работать совместно с онлайн переводчиками.
« Последнее редактирование: Июнь 14, 2019, 16:33:50 от saraconor »

Оффлайн joiner [?]

  • Расмус-бродяга
  • Локальный модератор
  • *
  • Сообщений: 2949
  • Репутация: 494
  • Пол: Мужской
    • Награды
  • Версия AutoIt: 3.3.12.0
Re: Видоизменение справки (HTML)
« Ответ #13, Отправлен: Июнь 14, 2019, 20:32:40 »
saraconor
как я понял, ты разобрался с кнопкой копирования. ну а так, как доделаешь, то общество, думаю , оценит положительно.

Оффлайн saraconor [?]

  • Новичок
  • *
  • Сообщений: 318

  • Автор темы
  • Репутация: 2
  • Пол: Мужской
    • Награды
  • Версия AutoIt: 3.3.14.0
Re: Видоизменение справки (HTML)
« Ответ #14, Отправлен: Июнь 14, 2019, 20:36:29 »
saraconor
как я понял, ты разобрался с кнопкой копирования. ну а так, как доделаешь, то общество, думаю , оценит положительно.
С кнопкой так и не ясно что делать, я все еще жду помощи с этим моментом. Они работают конечно, но выглядят коряво.

Русское сообщество AutoIt

Re: Видоизменение справки (HTML)
« Ответ #14 Отправлен: Июнь 14, 2019, 20:36:29 »

 

Похожие темы

  Тема / Автор Ответов Последний ответ
8 Ответов
8974 Просмотров
Последний ответ Март 19, 2015, 14:45:58
от CreatoR
0 Ответов
4393 Просмотров
Последний ответ Март 19, 2010, 14:07:48
от Kaster
0 Ответов
2795 Просмотров
Последний ответ Апрель 27, 2010, 16:57:04
от gregaz
6 Ответов
7004 Просмотров
Последний ответ Август 21, 2013, 09:54:55
от Yuriy
1 Ответов
1956 Просмотров
Последний ответ Июнь 20, 2014, 09:58:38
от C2H5OH
6 Ответов
3550 Просмотров
Последний ответ Август 20, 2014, 12:32:32
от Violence
3 Ответов
1337 Просмотров
Последний ответ Декабрь 02, 2015, 21:05:23
от Prog
1 Ответов
1369 Просмотров
Последний ответ Март 11, 2016, 09:28:03
от Garrett
2 Ответов
696 Просмотров
Последний ответ Май 22, 2017, 15:15:47
от AlexNewman
0 Ответов
69 Просмотров
Последний ответ Май 27, 2019, 19:01:06
от joiner