Редактируем блок "О нас"

[shra75 16]

Итак, продолжаем осваивать систему методом народного тыка. Следующий, простой вопрос: как внести изменения в нижнюю часть сайта,  отредактировать блок "О нас"?

 

Мне захотелось добавить в него ссылку на группу ВК (внимание ссылку а не виджет). Для этого я создал в фотошопе логотип ВК размерами 18х18 пикселей и загрузил его на хостинг: /template/frontend/realia/img/icons/vk.png далее, в /template/frontend/realia/css/realia-blue.css я продублировал такие строчки (просто скопировав их от скайповских и изменив на vk):

#footer-wrapper #footer-top table.contact th.vk {    background-image: url("../img/icons/vk.png");    background-size: 18px 18px;    background-position: 3px 1px}

Следующим шагом, идем в админку КМС - Приложения - Редактор шаблонов- footer.tpl и ищем там строку <th class="address">{$L_ADDRESS}:</th> вот после нее нам и интересно.. у каждого тут своя информация, поэтому я опускаю этот момент. В общем, в эту таблицу, перед закрывающим тегом </tbody> я вставил код:

<tr><th class="vk">ВKонтакте:</th><td><a href="https://vk.com/rentneva" target="_blank">Мы ВКонтакте</a></td></tr>

В итоге надпись Вконтакте появилась, но буквы наехали на описание (см. скрин). С этим безобразием я не смог справится. Давайте вместе? Кто присоединяется? Где я что упустил, куда надо какие маргины прописать?

 

[VladSI 15]

<tr><th class="vk">ВKонтакте:</th><td><a href="https://vk.com/rentneva" target="_blank">Мы ВКонтакте</a></td></tr>

В итоге надпись Вконтакте появилась, но буквы наехали на описание (см. скрин). С этим безобразием я не смог справится. Давайте вместе? Кто присоединяется? Где я что упустил, куда надо какие маргины прописать?

Повесьте класс скайп и не парьтесь).

http://joxi.ru/D2PQPQ0FdpnOBA

 Ой, сам посмотрел что наделал, значек скайпа навесил на контакт).

 

пс по Вам можно редактировать шаблон - очень всё полезное натаскиваете. 

 

Вот, пришлось делать)

http://joxi.ru/MAjlLl9fv4peLm

[shra75 16]

Повесьте класс скайп и не парьтесь).

http://joxi.ru/D2PQPQ0FdpnOBA

 Ой, сам посмотрел что наделал, значек скайпа навесил на контакт).

 

пс по Вам можно редактировать шаблон - очень всё полезное натаскиваете. 

 

Вот, пришлось делать)

http://joxi.ru/MAjlLl9fv4peLm

Не открываются что-то Ваши ссылки. У Вас получилось исправить проблему, если да, то каким способом?

[VladSI 15]

Не открываются что-то Ваши ссылки. У Вас получилось исправить проблему, если да, то каким способом?

Открываются, только надо ждать сейчас тормозит сервис.

[shra75 16]

Да.. вижу теперь.. и как это решилось? Ведь если вернуть класс скайп, то там картинка тоже будет скайповская.

[VladSI 15]

Открываем фотошоп и ... Шутка. Думал ещё кто присоединится к утреннему размину, но что то нет.

Да, стиль наехал на стиль.

Стиль окна ВК на эту ссыль.

100%

5271

[shra75 16]

Открываем фотошоп и ... Шутка. Думал ещё кто присоединится к утреннему размину, но что то нет.

Да, стиль наехал на стиль.

Стиль окна ВК на эту ссыль.

100%

5271

Ну да.. там и так 100%... или там что-то другое надо написать?

.vk {float: left;width: 100%;}

[VladSI 15]

Снесите их, посмотрите туда и туда.

Можно классы более по разному написать наверно.

[shra75 16]

Снесите их, посмотрите туда и туда.

Можно классы более по разному написать наверно.

Итог: благодаря VladSI

проблему далось решить следующим образом: в /template/frontend/realia/css/realia-blue.css в строке 5273 width: 100%; был изменен на 65%

Авэ VladSl

[Chernetskiy 469]

Итог: благодаря VladSI

проблему далось решить следующим образом: в /template/frontend/realia/css/realia-blue.css в строке 5273 width: 100%; был изменен на 65%

Авэ VladSl

Осталось проверить как работает на остальных страницах и на мобильных устройствах, поскольку стили зачастую глобальные и если что-то меняешь в одном месте, то съезжает в другом...

[Chernetskiy 469]

Лучше назовите свой фейсбук классом gps, он уже прописан только у вас не используется... просто вместо координат вставите "Мы в фейсбуке" и ссылку на текст, а картинку замените - имеющуюся gps на фейсбук и будет вам счастье.  

У меня так:

<div class="widget span3">          <div class="title">            <h2>{$LT_ABOUT}</h2>          </div>          <div class="content">            <table class="contact">              <tbody>                <tr>                  <th class="address"></th>                  <td>МО, Раменское, <br>ул. Левашова, 25а</td>                </tr>                <tr>                  <th class="address"></th>                  <td>МО, Раменский р-н, <br>Электроизолятор, 81 <br>ТЦ Городок - 2 этаж</td>                </tr>                <tr>                  <th class="phone"></th>                  <td>+7 (926) 904-0207</td>                </tr>                <tr>                  <th class="phone"></th>                  <td>+7 (496) 469-7741</td>                </tr>                <tr>                  <th class="skype"></th>                  <td><a href="skype:chernetskiy?call" title="Связаться в Skype" target="_blank">Связаться в Skype</a></td>                </tr>                <tr>                  <th class="email"></th>                  <td><a href="mailto:mail@realty-centrum.com">mail@realty-centrum.com</a></td>                </tr>                <tr>                  <th class="email"></th>                  <td><a href="mailto:realty-centrum@mail.ru">realty-centrum@mail.ru</a></td>                </tr>                <tr>                  <th class="gps"></th>                  <td>55.583011, 38.211377</td>                </tr>              </tbody>            </table>          </div>        </div>

вот класс gps и поправьте под свои нужды... Я правда еще выкинул надписи типа: адрес, телефон и т.п., бесят.

[shra75 16]

Да я уже думал про этот вариант, но только опять была проблема-проблем.. у меня gps не отображался на сайте, а как его активировать уже стыдно было спрашивать (элементарная вещь)... а сам, перерыв админку, так и не понял как это сделать. Поэтому пошел другим путем. Но вроде все нормально отображается.

[Chernetskiy 469]

Да я уже думал про этот вариант, но только опять была проблема-проблем.. у меня gps не отображался на сайте, а как его активировать уже стыдно было спрашивать (элементарная вещь)... а сам, перерыв админку, так и не понял как это сделать. Поэтому пошел другим путем. Но вроде все нормально отображается.

Он мог не отображаться из-за ошибки в написании или из-за зависшего кэша... попробуйте впихнуть в контакты этот класс:

<tr>  <th class="gps">ДжиПиЭс</th>  <td>55.583011, 38.211377</td></tr>

Этот класс прописан в шаблоне изначально.

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