Добавление виджета "ломает страницу"

L

LEXAlForpostl

Мой дом здесь!
Регистрация
21 Май 2008
Сообщения
766
Реакции
228
Здравствуйте.
На вордпрессе решил добавить виджет:
Для просмотра ссылки Войди или Зарегистрируйся
Нажмите для раскрытия...
Сам шаблон:
Для просмотра ссылки Войди или Зарегистрируйся
Нажмите для раскрытия...
Добавляю весь код, который находится в информере между тегами <body>, естественно, их не включаю в код.
После добавления шаблон "ломается". Все блоки смещаются и т.д. Информер встраиваю после строки поиска в сайдбаре.


В информере задана ширина:
HTML: 
#finans-info{
width:240px; }
А в сайдбаре:
HTML: 
.sidebar {
    position: relative;
    float: right;
    width: 282px;
 
В верстке информера основная table, например, не закрыта, от этого все что ниже "едет".
И вы уверены, что он вообще будет обновляться, если вставить таким способом?

Попробуйте так в шаблон добавить...
HTML: 
            <div class="widget2">
                <div class="inner">
                    <div class="caption">
                        <h3>Информер</h3>
                    </div>
                    <script src="http://www.vesti.ru/js/jquery.tabs.pack.js" type="text/javascript"></script>
                    <link rel="stylesheet" href="http://cdn1.vesti.ru/fininfo.tabs.css?p=1" type="text/css" media="print, projection, screen">
                    <!-- Additional IE/Win specific style sheet (Conditional Comments) -->
                    <!--[if lte IE 8]>
                                    <link rel="stylesheet" href="http://cdn1.vesti.ru/fininfo.tabs-ie.css?p=1" type="text/css" media="projection, screen">
                                    <![endif]-->
                    <script type="text/javascript">
                    $(document).ready(function() {
                        $('#finans-info').tabs();
                        //$("table.tblfi").find("tr:nth-child(odd)").addClass("odd");
                    });
                    </script>
            <table>
                <tr>
                    <td>
                        <div id="finans-info" style="position: relative;">
                            <ul class="tabs-nav">
                                <li class="tabs-selected first_li"><a href="#index"><span>Индексы</span></a></li>
                                <li><a href="#mmvb"><span style="padding-top: 3px;">ММВБ</span></a></li>
                                <li><a href="#rts"><span style="padding-top: 3px;">РТС</span></a></li>
                                <li class="last_li"><a href="#valuta"><span style="padding-top: 3px;">Forex</span></a></li>
                            </ul>
                            <div style="clear: left;">
                            </div>
                            <div class="tabs-container" id="index">
                                <table border="0" cellspacing="0" cellpadding="3" class="tblfi">
                                <thead class="finans-table-title" align="center">
                                <td>
                                    &nbsp;
                                </td>
                                <td>
                                    &nbsp;
                                </td>
                                <td>
                                    вр./дата
                                </td>
                                <td>
                                    Знач.
                                </td>
                                <td>
                                    День&nbsp;%
                                </td>
                                </thead>
                                <tbody class="finans-table-content">
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/up.png">
                                    </td>
                                    <td class="name">
                                        MICEX
                                    </td>
                                    <td>
                                        11.07
                                    </td>
                                    <td class="value_fin">
                                        1364.76
                                    </td>
                                    <td class="day_p">
                                        2.33
                                    </td>
                                </tr>
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/up.png">
                                    </td>
                                    <td class="name">
                                        RTS
                                    </td>
                                    <td>
                                        11.07
                                    </td>
                                    <td class="value_fin">
                                        1314.74
                                    </td>
                                    <td class="day_p">
                                        3.09
                                    </td>
                                </tr>
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/up.png">
                                    </td>
                                    <td class="name">
                                        Dow Jones
                                    </td>
                                    <td>
                                        11.07
                                    </td>
                                    <td class="value_fin">
                                        15420.18
                                    </td>
                                    <td class="day_p">
                                        1.01
                                    </td>
                                </tr>
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/up.png">
                                    </td>
                                    <td class="name">
                                        S&P
                                    </td>
                                    <td>
                                        11.07
                                    </td>
                                    <td class="value_fin">
                                        1669.39
                                    </td>
                                    <td class="day_p">
                                        1.09
                                    </td>
                                </tr>
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/up.png">
                                    </td>
                                    <td class="name">
                                        DAX
                                    </td>
                                    <td>
                                        11.07
                                    </td>
                                    <td class="value_fin">
                                        8145.7
                                    </td>
                                    <td class="day_p">
                                        0.98
                                    </td>
                                </tr>
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/down.png">
                                    </td>
                                    <td class="name">
                                        Nikkei
                                    </td>
                                    <td>
                                        11.07
                                    </td>
                                    <td class="value_fin">
                                        14341.59
                                    </td>
                                    <td class="day_p red_text">
                                        -0.52
                                    </td>
                                </tr>
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/up.png">
                                    </td>
                                    <td class="name">
                                        HSI
                                    </td>
                                    <td>
                                        11.07
                                    </td>
                                    <td class="value_fin">
                                        21436.21
                                    </td>
                                    <td class="day_p">
                                        2.54
                                    </td>
                                </tr>
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/down.png">
                                    </td>
                                    <td class="name">
                                        NASDAQ
                                    </td>
                                    <td>
                                        30.12
                                    </td>
                                    <td class="value_fin">
                                        3007.11
                                    </td>
                                    <td class="day_p red_text">
                                        -0.21
                                    </td>
                                </tr>
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/up.png">
                                    </td>
                                    <td class="name">
                                        CAC 40
                                    </td>
                                    <td>
                                        11.07
                                    </td>
                                    <td class="value_fin">
                                        3864.66
                                    </td>
                                    <td class="day_p">
                                        0.63
                                    </td>
                                </tr>
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/up.png">
                                    </td>
                                    <td class="name">
                                        SSE
                                    </td>
                                    <td>
                                        16.11
                                    </td>
                                    <td class="value_fin">
                                        2525.72
                                    </td>
                                    <td class="day_p">
                                        1.04
                                    </td>
                                </tr>
                                </tbody>
                                </table>
                            </div>
                            <div class="tabs-container tabs-hide" id="mmvb" style="display: none;">
                                <table border="0" cellspacing="0" cellpadding="3" class="tblfi">
                                <thead class="finans-table-title" align="center">
                                <td>
                                    &nbsp;
                                </td>
                                <td>
                                    &nbsp;
                                </td>
                                <td>
                                    вр./дата
                                </td>
                                <td>
                                    Знач.
                                </td>
                                <td>
                                    День&nbsp;%
                                </td>
                                </thead>
                                <tbody class="finans-table-content">
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/up.png">
                                    </td>
                                    <td class="name">
                                        GAZP
                                    </td>
                                    <td>
                                        11.07
                                    </td>
                                    <td class="value_fin">
                                        117.73
                                    </td>
                                    <td class="day_p">
                                        3.53
                                    </td>
                                </tr>
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/up.png">
                                    </td>
                                    <td class="name">
                                        GMKN
                                    </td>
                                    <td>
                                        11.07
                                    </td>
                                    <td class="value_fin">
                                        4691
                                    </td>
                                    <td class="day_p">
                                        2.87
                                    </td>
                                </tr>
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/up.png">
                                    </td>
                                    <td class="name">
                                        LKOH
                                    </td>
                                    <td>
                                        11.07
                                    </td>
                                    <td class="value_fin">
                                        1955
                                    </td>
                                    <td class="day_p">
                                        3.24
                                    </td>
                                </tr>
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/up.png">
                                    </td>
                                    <td class="name">
                                        ROSN
                                    </td>
                                    <td>
                                        11.07
                                    </td>
                                    <td class="value_fin">
                                        239.8
                                    </td>
                                    <td class="day_p">
                                        2.62
                                    </td>
                                </tr>
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/up.png">
                                    </td>
                                    <td class="name">
                                        SBER03
                                    </td>
                                    <td>
                                        11.07
                                    </td>
                                    <td class="value_fin">
                                        95.11
                                    </td>
                                    <td class="day_p">
                                        4.39
                                    </td>
                                </tr>
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/up.png">
                                    </td>
                                    <td class="name">
                                        VTBR
                                    </td>
                                    <td>
                                        11.07
                                    </td>
                                    <td class="value_fin">
                                        0.05
                                    </td>
                                    <td class="day_p">
                                        1.92
                                    </td>
                                </tr>
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/up.png">
                                    </td>
                                    <td class="name">
                                        IRGZ
                                    </td>
                                    <td>
                                        11.07
                                    </td>
                                    <td class="value_fin">
                                        9.82
                                    </td>
                                    <td class="day_p">
                                        3.29
                                    </td>
                                </tr>
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/up.png">
                                    </td>
                                    <td class="name">
                                        HYDR
                                    </td>
                                    <td>
                                        11.07
                                    </td>
                                    <td class="value_fin">
                                        0.55
                                    </td>
                                    <td class="day_p">
                                        2.84
                                    </td>
                                </tr>
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/up.png">
                                    </td>
                                    <td class="name">
                                        KRSG
                                    </td>
                                    <td>
                                        11.07
                                    </td>
                                    <td class="value_fin">
                                        44.2
                                    </td>
                                    <td class="day_p">
                                        0.09
                                    </td>
                                </tr>
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/down.png">
                                    </td>
                                    <td class="name">
                                        OGK-4
                                    </td>
                                    <td>
                                        19.11
                                    </td>
                                    <td class="value_fin">
                                        2.37
                                    </td>
                                    <td class="day_p red_text">
                                        -0.11
                                    </td>
                                </tr>
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/down.png">
                                    </td>
                                    <td class="name">
                                        OGK-6
                                    </td>
                                    <td>
                                        26.10
                                    </td>
                                    <td class="value_fin">
                                        0.76
                                    </td>
                                    <td class="day_p red_text">
                                        -2
                                    </td>
                                </tr>
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/up.png">
                                    </td>
                                    <td class="name">
                                        OGK-3
                                    </td>
                                    <td>
                                        25.09
                                    </td>
                                    <td class="value_fin">
                                        1.02
                                    </td>
                                    <td class="day_p">
                                        1.21
                                    </td>
                                </tr>
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/zero.png">
                                    </td>
                                    <td class="name">
                                        TGK-13
                                    </td>
                                    <td>
                                        19.11
                                    </td>
                                    <td class="value_fin">
                                        0.08
                                    </td>
                                    <td class="day_p">
                                        0
                                    </td>
                                </tr>
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/zero.png">
                                    </td>
                                    <td class="name">
                                        KZBN
                                    </td>
                                    <td>
                                        19.11
                                    </td>
                                    <td class="value_fin">
                                        0.27
                                    </td>
                                    <td class="day_p">
                                        0
                                    </td>
                                </tr>
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/up.png">
                                    </td>
                                    <td class="name">
                                        TGK-11
                                    </td>
                                    <td>
                                        03.01
                                    </td>
                                    <td class="value_fin">
                                        0.01
                                    </td>
                                    <td class="day_p">
                                        0.11
                                    </td>
                                </tr>
                                </tbody>
                                </table>
                            </div>
                            <div class="tabs-container tabs-hide" id="rts" style="display: none;">
                                <table border="0" cellspacing="0" cellpadding="3" class="tblfi">
                                <thead class="finans-table-title" align="center">
                                <td>
                                    &nbsp;
                                </td>
                                <td>
                                    &nbsp;
                                </td>
                                <td>
                                    вр./дата
                                </td>
                                <td>
                                    Знач.
                                </td>
                                <td>
                                    День&nbsp;%
                                </td>
                                </thead>
                                <tbody class="finans-table-content">
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/up.png">
                                    </td>
                                    <td class="name">
                                        GAZP
                                    </td>
                                    <td>
                                        11.07
                                    </td>
                                    <td class="value_fin">
                                        3.55
                                    </td>
                                    <td class="day_p">
                                        3.2
                                    </td>
                                </tr>
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/down.png">
                                    </td>
                                    <td class="name">
                                        GMKN
                                    </td>
                                    <td>
                                        18.06
                                    </td>
                                    <td class="value_fin">
                                        146.4
                                    </td>
                                    <td class="day_p red_text">
                                        -0.54
                                    </td>
                                </tr>
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/up.png">
                                    </td>
                                    <td class="name">
                                        LKOH
                                    </td>
                                    <td>
                                        11.07
                                    </td>
                                    <td class="value_fin">
                                        58.7
                                    </td>
                                    <td class="day_p">
                                        1.56
                                    </td>
                                </tr>
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/down.png">
                                    </td>
                                    <td class="name">
                                        ROSN
                                    </td>
                                    <td>
                                        20.02
                                    </td>
                                    <td class="value_fin">
                                        8.67
                                    </td>
                                    <td class="day_p red_text">
                                        -1.63
                                    </td>
                                </tr>
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/up.png">
                                    </td>
                                    <td class="name">
                                        SBER
                                    </td>
                                    <td>
                                        11.07
                                    </td>
                                    <td class="value_fin">
                                        2.9
                                    </td>
                                    <td class="day_p">
                                        3.39
                                    </td>
                                </tr>
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/down.png">
                                    </td>
                                    <td class="name">
                                        SNGS
                                    </td>
                                    <td>
                                        24.04
                                    </td>
                                    <td class="value_fin">
                                        0.97
                                    </td>
                                    <td class="day_p red_text">
                                        -2.32
                                    </td>
                                </tr>
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/down.png">
                                    </td>
                                    <td class="name">
                                        SIBN
                                    </td>
                                    <td>
                                        06.06
                                    </td>
                                    <td class="value_fin">
                                        3.7
                                    </td>
                                    <td class="day_p red_text">
                                        -22.76
                                    </td>
                                </tr>
                                </tbody>
                                </table>
                            </div>
                            <div class="tabs-container tabs-hide" id="valuta" style="display: none;">
                                <table border="0" cellspacing="0" cellpadding="3" class="tblfi">
                                <thead class="finans-table-title" align="center">
                                <td>
                                    &nbsp;
                                </td>
                                <td>
                                    &nbsp;
                                </td>
                                <td>
                                    вр./дата
                                </td>
                                <td>
                                    Знач.
                                </td>
                                <td>
                                    День&nbsp;%
                                </td>
                                </thead>
                                <tbody class="finans-table-content">
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/down.png">
                                    </td>
                                    <td class="name">
                                        USD/RUB
                                    </td>
                                    <td>
                                        11.07
                                    </td>
                                    <td class="value_fin">
                                        32.64
                                    </td>
                                    <td class="day_p red_text">
                                        -0.88
                                    </td>
                                </tr>
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/up.png">
                                    </td>
                                    <td class="name">
                                        EUR/USD
                                    </td>
                                    <td>
                                        11.07
                                    </td>
                                    <td class="value_fin">
                                        1.3
                                    </td>
                                    <td class="day_p">
                                        1.27
                                    </td>
                                </tr>
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/down.png">
                                    </td>
                                    <td class="name">
                                        USD/JPY
                                    </td>
                                    <td>
                                        11.07
                                    </td>
                                    <td class="value_fin">
                                        99.11
                                    </td>
                                    <td class="day_p red_text">
                                        -1.19
                                    </td>
                                </tr>
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/down.png">
                                    </td>
                                    <td class="name">
                                        USD/CHF
                                    </td>
                                    <td>
                                        11.07
                                    </td>
                                    <td class="value_fin">
                                        0.95
                                    </td>
                                    <td class="day_p red_text">
                                        -1.74
                                    </td>
                                </tr>
                                <tr>
                                    <td class="img">
                                        <img src="http://cdn1.vesti.ru/i/up.png">
                                    </td>
                                    <td class="name">
                                        GBP/USD
                                    </td>
                                    <td>
                                        11.07
                                    </td>
                                    <td class="value_fin">
                                        1.51
                                    </td>
                                    <td class="day_p">
                                        1.35
                                    </td>
                                </tr>
                                </tbody>
                                </table>
                            </div>
                        </div>
                    </table>                                     
                </div>
            </div>
 
Compressor написал(а):
В верстке информера основная table, например, не закрыта, от этого все что ниже "едет".
И вы уверены, что он вообще будет обновляться, если вставить таким способом?

Попробуйте так в шаблон добавить...
Нажмите для раскрытия...
Спасибо, попробовал.
Шаблон уже "не ломается".
Но информер так и не удалось "вписать", как добавляются виджеты в шаблоне. Гляньте, пожалуйста, что не так:
finansistics.ru
Нажмите для раскрытия...
P.S.
Только что отправил сайт на смену ДНСов, на новый сервер там и новый шаблон стоит(о нем и речь в топике). Поэтому пропишите,пожалуйста, в хостс ручками домен на IP: 144.76.61.52
Извините за неудобства.
 
LEXAlForpostl написал(а):
Спасибо, попробовал.
Шаблон уже "не ломается".
Но информер так и не удалось "вписать", как добавляются виджеты в шаблоне. Гляньте, пожалуйста, что не так:
Нажмите для раскрытия...

Под «вписать», вы имеете ввиду, что он отображается «жутко криво и некрасиво»? Дело тут в наслоении CSS.

Вы проигнорировали эту мысль в первом моем сообщении, но вы уверены, что правильно его вставляете?
Не уверен, что данные на информере буду обновляться, если вставить таким способом. Там конечно идет плагин jquery.tabs,и он может подгружать AJAXом странички из вне, но даже сейчас значения информера на вашем сайте и на Для просмотра ссылки Войди или Зарегистрируйся разные.


Найдите на сайте Для просмотра ссылки Войди или Зарегистрируйся инструкцию к нему (я не смог найти).
 
А не проще ли вставить информер в iframe и не мучиться с интеграцией?
 
Код: 
<iframe src="http://www.vesti.ru/fininfo.html" width="268" height="510" scrolling="no" frameborder="0"></iframe>
 
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху