Что нового

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

saraconor

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

joiner

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


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

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

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

CreatoR

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

AZJIO

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

saraconor

Новичок
Сообщения
404
Репутация
3
Уже некоторое время перекрашиваю справку 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
}
m2a565py.png

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

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

Вложения

  • default.rar
    2.7 КБ · Просмотры: 1

joiner

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

CreatoR

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

saraconor

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

saraconor

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

joiner

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

saraconor

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

joiner

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

saraconor

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

joiner

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

Cytrus

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

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

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

AZJIO

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

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

saraconor

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

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