Kompx.com or Compmiscellanea.com

ELinks. Использование

Операционные системы : Windows, Linux

Перейти к страницам:

ELinks - Текстовый, или консольный веб браузер. Описание: возможности, скриншоты, где скачать.

ELinks. Настройка - Как настроить ELinks.


Запущенный ELinks позволяет делать почти все, что он может через использование его меню. Так что далее речь только о том, как запустить ELinks и, для примера, как сделать несколько других вещей.

1 ) Как запустить ELinks - ELinks может быть запущен в среде с графическим интерфейсом (X Windows, MS Windows и др.) или с интерфейсом командной строки. В первом случае сначала должен быть запущен эмулятор терминала / консоль: xterm, rxvt, Win32 консоль и другие:

ELinks ( Linux )

- Что бы запустить ELinks, введите команду:

elinks

- Что бы запустить ELinks, открывающий веб-документ из интернета:

elinks Веб-адрес веб-документа

- Что бы запустить ELinks получающим доступ к жесткому диску для просмотра локальных папок:

elinks file:///

или:

elinks /

- Что бы запустить ELinks, открывающий локальную папку:

elinks file:///home/user1/

или:

elinks /home/user1/

- Что бы запустить ELinks, открывающий локальный файл:

elinks file:///home/user1/document1.htm

или:

elinks /home/user1/document1.htm

ELinks ( Windows )

- Что бы запустить ELinks, введите команду:

elinks

- Что бы запустить ELinks, открывающий веб-документ из интернета:

elinks Веб-адрес веб-документа

- Что бы запустить ELinks получающим доступ к жесткому диску для просмотра локальных папок:

elinks file:///

- Что бы запустить ELinks, открывающий локальную папку:

elinks file://c/home/user1/

- Что бы запустить ELinks, открывающий локальный файл:

elinks file://c/home/user1/document1.htm

2 ) Для доступа к меню ELinks:

Нажать Esc на клавиатуре

3 ) Что бы открыть веб-документ в уже запущенном ELinks:

Нажать g на клавиатуре или Esc --> File --> Go to URL --> [ Ввести веб-адрес ] --> Enter

4 ) Вернуться назад:

Клавиша-стрелка влево на клавиатуре или Esc --> File --> Go back

5 ) Открыть ссылку в новой фоновой вкладке:

Shift - t или Esc --> Link --> Open in new tab in background

6 ) Перейти к следующей вкладке:

Shift - > или Esc --> View --> Next tab

7 ) Закрыть вкладку:

Нажать c на клавиатуре или Esc --> View --> Close tab

8 ) Передать URI внешнему приложению, когда ELinks запущен в эмуляторе терминала. Передать URI можно множеству приложений, в данном случае речь о передаче URI в буфер обмена. Настройка этой возможности объясняется здесь:

- Что бы передать в буфер обмена URI веб страницы открытой в ELinks:

Alt - p

- Что бы передать в буфер обмена URI выбранной ссылки на странице:

Alt - l

9 ) Редактировать текстовые поля форм веб-страниц во внешнем текстовом редакторе. Если ELinks скомпилирован с поддержкой внешних текстовых редакторов, тот или иной имеющийся в системе редактор может быть использован для редактирования текстовых полей форм веб-страниц, как в среде с графическим интерфейсом, так и с интерфейсом командной строки. Настройка этой возможности объясняется здесь. Что бы редактировать текст в текстовом поле формы:

Перевести курсор в текстовое поле формы, нажать на клавиатуре Enter, чтобы начать редактировать. Ctrl - t что бы запустить внешний текстовый редактор, выбранный в процессе настройки. Ввести / редактировать текст в запущенном редакторе. Затем:

- Если это редактор с графическим интерфейсом:

Нажать Сохранить или Save в его меню или использовать сочетание клавиш, например Ctrl - S, чтобы сохранить подготовленный текст. Закрыть окно редактора - введенный / редактированный и сохраненный во внешнем редакторе текст оказывается в текстовом поле формы, готовый к отсылке.

- Если это редактор с текстовым интерфейсом, например vi или vim:

Esc что бы выйти из режима ввода, потом : [двоеточие] чтобы приступить к вводу команды, wq, затем Enter, чтобы сохранить и выйти из редактора. Введенный / редактированный и сохраненный во внешнем редакторе текст оказывается в текстовом поле формы, готовый к отсылке. Если это не vi или vim, процедура все равно такая же, просто используются соответствующие команды данного редактора.


Aliosque subditos et thema

 

CSS ролловер. Изменение положения фонового изображения

 

CSS ролловер. Изменение положения фонового изображения. Пример: CSS ролловер. Изменение положения фонового изображения HTML / XHTML. Код: <div class="example"> <a href="css-rollover-izmenenie-polozhenija-fonovogo-izobrazhenija.htm">CSS ролловер. Изменение положения фонового изображения</a> </div> CSS. Код: .example {position: relative; top: 0px; left: 0px; height: auto; width: 100%; white-space: nowrap; padding: 10px 20px 10px 20px;} .example a {height: 35px; width: 100%; font-size: 24px; line-height: 35px; color: #006; text-decoration: none; text-align: right; display: block; background: url("bgimg.png") no-repeat left top;} .example a:hover {color: #c00; background: url("bgimg.png") no-repeat left bottom;} Фоновое изображение: CSS ролловер Изменение положения фонового изображения Общая идея : 1. Создается ссылка с явно указанными width, height (в данном случае 674px и 35px) и display: block - это образует прямоугольник размером 674px на 35px, вся область которого представляет собой гиперссылку. line-height так же указывается в явном виде, со значением равным высоте прямоугольника (в данном случае 35px) - это способствует тому, что бы вертикальное выравнивание текста ссылки было одинаковым в разных браузерах. text-align: right добавляется, что бы поместить текст ссылки в правую часть блока. (Область блока с ссылкой выделена зеленым цветом для большей наглядности) CSS ролловер. Изменение положения фонового изображения 2. Создается изображение для фона блока с ссылкой высотой в две высоты этого блока. У изображения две части, верхняя и нижняя, каждая высотой равная высоте области блока с ссылкой; в данном случае 35px. 3. URL фонового изображения добавляется к CSS свойству фона псевдоклассов :link, :visited, :active ссылки. CSS значения no-repeat и left свойства background позиционируют фоновое изображение в левой части блока с ссылкой. CSS значение top свойства background помещает верхнюю часть фонового изображения на один уровень с текстом ссылки. 4. URL фонового изображения добавляется к CSS свойству фона псевдокласса :hover ссылки. CSS значения no-repeat и left свойства background псевдокласса :hover ссылки позиционируют фоновое изображение в левой части блока с ссылкой. CSS значение bottom свойства background псевдокласса :hover ссылки помещает нижнюю часть фонового изображения на один уровень с текстом ссылки, когда пользователь наводить курсор мыши на область блока с ссылкой. Таким образом, когда курсор мыши не наведен на область блока с ссылкой, верхняя часть фонового изображения находится на одном уровне с текстом. Когда курсор мыши наводится на область блока с ссылкой, нижняя часть фонового изображения перемещается на одним уровень с текстом. Mouse out - отображается верхняя часть фонового изображения, mouse over - отображается нижняя часть фонового изображения. И нет необходимости в предзагрузке дополнительных рисунков. CSS ролловер.

Выравнивание по центру с помощью JavaScript и CSS

 

Выравнивание содержимого страницы по центру, по ширине и по высоте с помощью JavaScript и CSS. По центру выравнивается контейнер, в котором находится всё содержимое веб-страницы. Два случая: 1. Контейнер выравнивается по центру, если разрешение экрана монитора равно или больше 1024x768 - [ Открыть страницу-пример ] 2. Контейнер выравнивается по центру, если разрешение экрана монитора равно или больше 1024x768 + курсор мыши наводится на ссылку в одном из элементов содержимого страницы - [ Открыть страницу-пример ] Выравнивание по центру, по ширине и по высоте с помощью JavaScript и CSS. Случай первый. По шагам. 1. Создается страница, чьей частью будет элемент, который будет выравниваться по центру, по ширине и по высоте с помощью JavaScript и CSS: HTML / XHTML. Код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <title>Выравнивание по центру с помощью JavaScript и CSS. Первый случай. Шаг 1</title> <meta http-equiv="Content-Type" content="text/html; charset=Windows-1251" /> <link rel="stylesheet" type="text/css" href="1.css" /> </head> <body>   </body> </html> CSS. Код: html {height: 100%; margin: 0px;} body {background-color: #ffffff; margin: 0px; height: 100%;} 2. В теле данной страницы создается элемент A (серый цвет) блочного уровня c явно указанными размерами, например, 800 на 500 пикселов и относительным позиционированием. [ Результат ]. HTML / XHTML. Код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <title>Выравнивание по центру с помощью JavaScript и CSS. Первый случай. Шаг 2</title> <meta http-equiv="Content-Type" content="text/html; charset=Windows-1251" /> <link rel="stylesheet" type="text/css" href="2.css" /> </head> <body> <div class="element_A">&nbsp;</div> </body> </html> CSS.