Что нового

Видоизменение справки (HTML)

saraconor

Новичок
Сообщения
362
Репутация
2
Как можно поменять цвет фона справки, допустим с белого на темный?
Собираюсь переводить v3.3.14.5 за одно хочу поменять фон.
в Help & Manual такое можно сделать, но программа очень сильно корежит справку при импорте.
В CHM Editor импортирует нормально, но очень маленький функционал, непонятно как там менять цвет фона, можно менять только цвет текста.
 

joiner

Модератор
Локальный модератор
Сообщения
3 050
Репутация
511
Предупреждение За нарушение правил форума (пункт Б.5):
Имя темы должно нести смысловую нагрузку (отражать суть вопроса/проблемы)
Правильно сформулированное название темы привлекает больше внимания, и шансы получить конкретный ответ увеличиваются.


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

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

С уважением, ваш Модератор.
 

CreatoR

Must AutoIt!
Команда форума
Администратор
Сообщения
8 175
Репутация
2 331
Кто одобрил тему?
Это не место теме, в этом разделе только Инструменты и справка, а не общие вопросы.
Переношу...
 
Автор
S

saraconor

Новичок
Сообщения
362
Репутация
2
Есть у кого-нибудь идеи?
 

AZJIO

Меценат
Меценат
Сообщения
2 752
Репутация
1 147
saraconor
в файле css\default.css в "body" сменить цвет в "background-color:#fff;"
а также везде где встречается color или background-color изменять на нужное
 
Автор
S

saraconor

Новичок
Сообщения
362
Репутация
2
Ясно, спасибо
 
Автор
S

saraconor

Новичок
Сообщения
362
Репутация
2
Уже некоторое время перекрашиваю справку 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" на "открыть скрипт", или это уже нужно в ручную на каждой странице менять?

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

Вложения

joiner

Модератор
Локальный модератор
Сообщения
3 050
Репутация
511
Дублирование тем
 

CreatoR

Must AutoIt!
Команда форума
Администратор
Сообщения
8 175
Репутация
2 331
Темы объединил, ибо это глобальный вопрос по редактированию справки.
 
Автор
S

saraconor

Новичок
Сообщения
362
Репутация
2
Я продолжаю перевод, есть еще пара вопросов по HTML, но хотелось бы всетаки закрыть вопросы по поводу кнопок, кто-нибудь поможет?
 
Автор
S

saraconor

Новичок
Сообщения
362
Репутация
2
Похоже в раздел "общение" вообще никто не заходит. благодарю модератора перенесшего тему туда, где вопрос никогда не будет решен. Ребят, вам не нужна справка?
 

joiner

Модератор
Локальный модератор
Сообщения
3 050
Репутация
511
saraconor, ты хорошо владеешь английским? Иначе перевод не имеет смысла.
Насчет основного вопроса. Найди в инете как писать вебстраницу. Примеров много. А лучше форум, где общаются вебпрограммисты. Твою тему видят все, но не все знают как сделать
 
Автор
S

saraconor

Новичок
Сообщения
362
Репутация
2
joiner сказал(а):
saraconor, ты хорошо владеешь английским? Иначе перевод не имеет смысла.
Насчет основного вопроса. Найди в инете как писать вебстраницу. Примеров много. А лучше форум, где общаются вебпрограммисты. Твою тему видят все, но не все знают как сделать
https://yadi.sk/d/xblTEEIiSNjtGg
Вот оцените, там переведено до урока с установкой zip.
Есть конечно некоторые технические термины и разговорные обороты которые я не понимаю, приходится работать совместно с онлайн переводчиками.
 

joiner

Модератор
Локальный модератор
Сообщения
3 050
Репутация
511
saraconor
как я понял, ты разобрался с кнопкой копирования. ну а так, как доделаешь, то общество, думаю , оценит положительно.
 
Автор
S

saraconor

Новичок
Сообщения
362
Репутация
2
joiner сказал(а):
saraconor
как я понял, ты разобрался с кнопкой копирования. ну а так, как доделаешь, то общество, думаю , оценит положительно.
С кнопкой так и не ясно что делать, я все еще жду помощи с этим моментом. Они работают конечно, но выглядят коряво.
 

joiner

Модератор
Локальный модератор
Сообщения
3 050
Репутация
511
Я бы кнопку напоследок оставил. Главное это перевод
 

Cytrus

Новичок
Сообщения
86
Репутация
1
А что переведенно? UDF переведены?

Что там вообще нового, кроме стиля?
Подредактировать default.css, особого труда не составляет.

Самое главное - это перевод UDF.
 
Автор
S

saraconor

Новичок
Сообщения
362
Репутация
2
Я работатю над этим.
 

AZJIO

Меценат
Меценат
Сообщения
2 752
Репутация
1 147
После перекомпилирования справка не хочет обрабатывать русские слова в поиске, как правильно настроить поиск чтобы все работало как надо?
на страницах нужно charset=windows-1251", ну и соответственно кодировка страниц 1251. С charset="utf-8" работать не будет. По крайней мере я не знаю этого способа. У меня есть скрипт, который конвертирует, там не сложно, открыть файл в одной кодировке, а сохранить в другой и замена charset, и функция которая пересохранить все файлы в папке. В любой момент можно преобразовать туда-сюда. Но я бы преобразовал туда-сюда копию, потом в программе сравнения папок сравнил бы поломался ли файл, утерялись ли буквы. Если программа покажет разницу, то надо в ручную подойти к некоторым файлам, к некоторым текстам в файлах.

____________________
Я сегодня использовал функции CreateCompatibleBitmap и CreateCompatibleDC и BitBlt, стал хорошо понятен смысл функций. Здесь есть пример, а здесь я уже применил. Если что-то нарисовано в DC и нужно перерисовать, чтобы не использовать сложную формулу/функцию нужно сделать растровую копию в памяти и просто копировать её.
 
Автор
S

saraconor

Новичок
Сообщения
362
Репутация
2
на страницах нужно charset=windows-1251", ну и соответственно кодировка страниц 1251. С charset="utf-8" работать не будет. По крайней мере я не знаю этого способа. У меня есть скрипт, который конвертирует, там не сложно, открыть файл в одной кодировке, а сохранить в другой и замена charset, и функция которая пересохранить все файлы в папке. В любой момент можно преобразовать туда-сюда. Но я бы преобразовал туда-сюда копию, потом в программе сравнения папок сравнил бы поломался ли файл, утерялись ли буквы. Если программа покажет разницу, то надо в ручную подойти к некоторым файлам, к некоторым текстам в файлах.

____________________
Я сегодня использовал функции CreateCompatibleBitmap и CreateCompatibleDC и BitBlt, стал хорошо понятен смысл функций. Здесь есть пример, а здесь я уже применил. Если что-то нарисовано в DC и нужно перерисовать, чтобы не использовать сложную формулу/функцию нужно сделать растровую копию в памяти и просто копировать её.
Поделись скриптом конвертации?
 
Верх