Каков наилучший способ добавить строку с информацией (например, stackoverflow) на любой сайт? - PullRequest
Новая
       1

Каков наилучший способ добавить строку с информацией (например, stackoverflow) на любой сайт?

0 голосов
/ 30 ноября 2011

Я разрабатываю плагин для Chrome. Я хотел бы реализовать его интерфейс в виде строки с контентом, который будет отображаться до запуска контента сайта (аналогично информационной панели stackoverflow). Я не очень хорош в HTML и CSS.
1. Как я могу реализовать это для корректной работы на любом сайте?
2. Какой HTML-код лучше всего использовать для создания прямоугольника, который будет правильно отображаться в верхней части любого сайта?

Ответы [ 2 ]

1 голос
/ 30 ноября 2011

1- Убедитесь, что HTML-код, который вы вводите, находится сразу после тега Body.

2- С помощью CSS введите Width 100%;position: fixed (всегда в верхней части браузера) или position: absolute (всегда в верхней части страницы);верх: 0;z-index: 999 (он всегда сверху) (некоторые незначительные корректировки могут быть сделаны, это не в моей голове)

3 - Направьте на первый элемент после вашего бара (должен быть контейнер)и примените его к верхнему краю высоты добавленного элемента.

Должен создать верхнюю панель, где вы можете поместить любую вещь, какую захотите.

0 голосов
/ 30 ноября 2011

Самый простой способ сделать это - просто добавить <div> в начало тела: 

<!-- old -->
<body>
    <div id="header">
        <h1>Hello, world!</h1>
        <!-- ... -->

<!-- new -->
<body>
    <div>Your content goes here.</div>
    <div id="header">
        <h1>Hello, world!</h1>
        <!-- ... -->

Поскольку <div> является элементом уровня блока, по умолчанию он должен растягиваться по всему экрану, а затем вы можете стилизовать его так, как вам нравится.

Однако есть две основные проблемы:

  1. CSS сайта мешает работе вашего бара. Это может отображаться в виде стилей, которые вы обязательно объявляете, чтобы ваш бар не выглядел забавно. Или это может означать, что некоторые элементы на странице были расположены абсолютно, а добавление панели нарушает компоновку.
  2. JS сайта мешает вашей панели. Если сайт сам динамически добавляет элементы в начало <body>, то ваша панель будет сдвинута вниз по странице. Что если JS выделит все <div> s на странице и затемнит их?
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...