Как я могу изменить позицию виджета с прогнозом погоды на моем сайте?

0

Я пошел на сайт accuweather.com в эту область:

Accuweather

И получил правильный виджет. Скопировал код на мой сайт:

<a href="http://www.accuweather.com/en/il/hod-hasharon/212527/current-weather/212527" class="aw-widget-legal">
<!--
By accessing and/or using this code snippet, you agree to AccuWeathers terms and conditions (in English) which can be found at http://www.accuweather.com/en/free-weather-widgets/terms and AccuWeathers Privacy Statement (in English) which can be found at http://www.accuweather.com/en/privacy.
-->
</a><div id="awtd1399327708942" class="aw-widget-36hour"  data-locationkey="" data-unit="f" data-language="en-us" data-useip="true" data-uid="awtd1399327708942" data-editlocation="true"></div><script type="text/javascript" src="http://oap.accuweather.com/launch.js"></script>

Но он помещает виджет посередине на этой странице, и я хочу, чтобы он поместил его на правую сторону над длинным черным, спускающимся прямо под цифровыми часами.

Вот как это выглядит сейчас на моем сайте:

Мой тестовый сайт

РЕДАКТИРОВАТЬ

Это то, что я сделал в основном обертке:

<div id="main-wrap">
<div id="sidebar" style="float:right;">
    <a href="http://www.accuweather.com/en/il/hod-hasharon/212527/current-weather/212527" class="aw-widget-legal">
<!--
By accessing and/or using this code snippet, you agree to AccuWeathers terms and conditions (in English) which can be found at http://www.accuweather.com/en/free-weather-widgets/terms and AccuWeathers Privacy Statement (in English) which can be found at http://www.accuweather.com/en/privacy.
-->
</a><div id="awtd1399327708942" class="aw-widget-36hour"  data-locationkey="" data-unit="f" data-language="en-us" data-useip="true" data-uid="awtd1399327708942" data-editlocation="true"></div><script type="text/javascript" src="http://oap.accuweather.com/launch.js"></script>

Это правильно? И у меня есть high-header.html short-header.html no-header.html и landing.html в том, что один из них, чтобы добавить его в основной обертке, у всех у них есть div main-wrap.

  • 1
    Вы не можете просто добавить предоставленный код на свой сайт и надеяться, что все будет хорошо.
Теги:

2 ответа

2
Лучший ответ

Эта длинная черная область является частью фона вашей страницы.

  1. Создайте div внутри <div id="main-wrap"> который представляет область, в которой вы хотите видеть виджетов. <div id="sidebar" style="float:right;"></div>.

  2. Скопируйте код виджета в новый div

Поделиться
  • 0
    Div, на который я ссылаюсь, является основной оболочкой всего контента на вашей странице. Вам не нужно вообще изменять div Accuweather.
  • 0
    agressen отредактировал мой вопрос, пожалуйста, посмотрите на него. Я нашел основной пакет, но не уверен, правильно ли это, как я это сделал и в какой HTML-код добавить его.
Показать ещё 5 комментариев
0

Получите новый обновленный код от accuweather. (Вам нужно добавить это в свой стиль.css) Где вы размещаете это зависит от вас (главное меню). Это положит его в верхнем правом углу страницы. Я тянул свои волосы за день, пытаясь заставить его работать. Я знаю, что это двухгодичный поток, но я думал, что id вернет всю помощь, которую мне дал этот сайт.

.aw-widget-current .aw-widget-current-inner { /*+placement: 865px -334px;*/ position: relative; left: 865px; top: -334px; }
Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню