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

 

HTML выравнивание по центру

 

Выравнивание содержимого страницы по центру в видимой области окна браузера с помощью HTML - без CSS. Контейнер, в котором будет находится содержимое веб-страницы выравнивается по центру - по ширине и по высоте: [ Открыть страницу-пример ]. HTML. Код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>HTML выравнивание по центру</title> <meta http-equiv="Content-Type" content="text/html; charset=Windows-1252"> </head> <body bgcolor="#ffffff"> <table width="100%" height="100%" bgcolor="#a3ddc4"> <tr> <td align="center"> <table width="800" height="500" bgcolor="#ff6f6f"> <tr> <td>&nbsp;</td> </tr> </table> </td> </tr> </table> </body> </html> Внешняя HTML-таблица делает всю видимую область окна браузера, за исключением отступов от каждого края элемента, HTML-таблицей, а все пространство этой таблицы - ячейкой HTML-таблицы. Ячейка внешней HTML-таблицы наследует значение по умолчанию для атрибута valign от своего родительского ряда ( тег tr ) таблицы. А этот ряд в свою очередь наследует значение по умолчанию для атрибута valign от тега tbody внешней HTML-таблицы - даже если тег tbody не использован. И это значение: middle. Так что контейнер с содержимым внутри внешней HTML-таблицы выравниватся в видимой области окна браузера по центру - по высоте. Align="center" ячейки внешней HTML-таблицы выравнивает контейнер с содержимым внутри неё по центру / по ширине в видимой области окна браузера Внутренняя таблица, та, которая внутри ячейки внешней HTML-таблицы, создает контейнер данного размера. Высота может быть не задана или ширина или и то, и другое. Тогда размер контейнера будет принимать такие величины, какие позволят вместить содержимое. Если ширина или высота или то, и другое окажутся больше размеров видимой области окна браузера, то все равно контейнер будет выровнен по центру. Поскольку выравнивание по центру с помощью только HTML является самым старым методом, он работает не только в более старых браузерах, но и в таких, которые попросту древние. После добавления еще одного HTML тега ( <center></center> ) вокруг внешней HTML-таблицы данный способ будет работать и в Internet Explorer 3 : [ Открыть страницу-пример ] Скачать Internet Explorer 3: пакет, содержащий версии 3.0, 4.01, 5.01, 5.5, 6.0 Internet Explorer'а HTML.

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 ролловер.