Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Единый форум поддержки » Корзина » Прошу помощи в оформлении бокового поля форума

Прошу помощи в оформлении бокового поля форума

Страница: 1

Сообщений 1 страница 5 из 5

1

  • Автор: 123456марина
  • Заслуженный
  • 123456марина
  • Зарегистрирован: Чт, 16 Дек 2010
  • Сообщений: 31
  • Уважение: 0
  • Позитив: +7
  • Пол: Мужской
  • Последний визит:
    Вс, 8 Июн 2014 17:47:02

Добрый день, уважаемые коллеги! Собственно, я вот тут подумал: как мне сделать так, чтобы кнопка дружественного сайта оказалась рядом с полем форума. Сейчас кнопка находится в поле объявления. Но вот хотелось-бы сделать это как-то поаккуратнее. Всё сейчас выглядит так: http://navigator.mybb.ru/

0

2

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51458
  • Уважение: +15421
  • Позитив: +12052
  • Последний визит:
    Сегодня 09:25:00
123456марина написал(а):

Добрый день, уважаемые коллеги! Собственно, я вот тут подумал: как мне сделать так, чтобы кнопка дружественного сайта оказалась рядом с полем форума. Сейчас кнопка находится в поле объявления. Но вот хотелось-бы сделать это как-то поаккуратнее. Всё сейчас выглядит так: http://navigator.mybb.ru/

Типо так:

http://savepic.ru/2800973.png

Попробуйте засунуть в Конец Объявления:

Код:
<div style="position:fixed;z-index:1000; right:0.6%;top:60%;">
<div class="container" style="
    background-color:#F6FBFF;
    text-align:center;
    float:right;
    width:14px;
    font-size: 14px;
    padding:12px;
    line-height:86%;
    font-family:tahoma;
    text-shadow:#1C437E 2px 2px 2px,
    #B8D4F9 -1px -1px 3px,
    #48648E 3px 3px 6px,
    #000 1px 1px 0;
    color:#15CBF2;

    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;

    box-shadow: 0px 5px 18px #000;
    -webkit-box-shadow:0px 5px 18px #000;
    -khtml-box-shadow:0px 5px 18px #000;
    -moz-box-shadow:0px 5px 18px #000;
    }"
onclick="$('#MyDryzya').toggle('slow')"/>Н<br/>а<br/>ш<br/>и<br/><br/>д<br/>р<br/>у<br/>з<br/>ь<br/>я<br/></div>

<div id="MyDryzya" class="container" style="
    display:none;
    background:transparent url(http://savepic.ru/2769231.png) repeat;
    text-align:center;
    position:relative;
    height:130px!important;
    padding:12px;
    padding-right:30px;
    margin-right:-20px;
    float:right;
    z-index:-10;

    line-height:86%;
    font-family:System;
    text-shadow:none;
    color:red;
    font-size:16px;
    font-weight:bold;

    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;

    box-shadow: 0px 5px 18px #000;
    -webkit-box-shadow:0px 5px 18px #000;
    -khtml-box-shadow:0px 5px 18px #000;
    -moz-box-shadow:0px 5px 18px #000;
    }" >
НАШИ ДРУЗЬЯ!<br/><br/>
<a href="http://kurskmodel.ru" title="Курский сайт о моделизме"><img border="0" src="http://kurskmodel.ru/images/site_button.png" alt="Курский сайт о моделизме" /></a> &nbsp&nbsp&nbsp  <A href="http://maximodelizm.com.ua/"
target=_blank><IMG title="Собираем стендовые модели вместе"
border=0
 src="https://forumupload.ru/uploads/000e/15/b8/4313-2.gif" a> </A> &nbsp&nbsp&nbsp <a href="http://www.alphamodel.ru/" title="интернет-магазин редких моделей Alphamodel" target="blank"><img src="http://alphamodel.ru/images/banner_new.gif"></a>

</div></div>

Отредактировано Deff (Вс, 3 Июл 2011 13:02:52)

0

3

  • Автор: УМКА
  • Заслуженный
  • УМКА
  • Зарегистрирован: Сб, 9 Апр 2011
  • Сообщений: 342
  • Уважение: +12
  • Позитив: +54
  • Пол: Женский
  • Последний визит:
    Пн, 2 Сен 2013 14:51:53

Deff,очень интересная вещь!А подскажи,что нужно добавить,чтобы при открытии этого окна было две строчки
наши друзя:баннеры
Наши проекты:баннеры

0

4

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51458
  • Уважение: +15421
  • Позитив: +12052
  • Последний визит:
    Сегодня 09:25:00
УМКА написал(а):

Deff,очень интересная вещь!А подскажи,что нужно добавить,чтобы при открытии этого окна было две строчкинаши друзя:баннерыНаши проекты:баннеры

Ну меняй эту часть

НАШИ ДРУЗЬЯ!<br/><br/>
<a href="http://kurskmodel.ru" title="Курский сайт о моделизме"><img border="0" src="http://kurskmodel.ru/images/site_button.png" alt="Курский сайт о моделизме" /></a> &nbsp&nbsp&nbsp  <A href="http://maximodelizm.com.ua/"
target=_blank><IMG title="Собираем стендовые модели вместе"
border=0
src="https://forumupload.ru/uploads/000e/15/b8/4313-2.gif" a> </A> &nbsp&nbsp&nbsp <a href="http://www.alphamodel.ru/" title="интернет-магазин редких моделей Alphamodel" target="blank"><img src="http://alphamodel.ru/images/banner_new.gif"></a>

К примеру на такое

НАШИ ДРУЗЬЯ!<br/><br/>
<a href="http://kurskmodel.ru" title="Курский сайт о моделизме"><img border="0" src="http://kurskmodel.ru/images/site_button.png" alt="Курский сайт о моделизме" /></a> &nbsp&nbsp&nbsp  <A href="http://maximodelizm.com.ua/"
target=_blank><IMG title="Собираем стендовые модели вместе"
border=0
src="https://forumupload.ru/uploads/000e/15/b8/4313-2.gif" a> </A> &nbsp&nbsp&nbsp <a href="http://www.alphamodel.ru/" title="интернет-магазин редких моделей Alphamodel" target="blank"><img src="http://alphamodel.ru/images/banner_new.gif"></a>

<br/><br/>

<font color=blue>НАШИ ПРОЕКТЫ!</font><br/><br/>
<a href="http://kurskmodel.ru" title="Курский сайт о моделизме"><img border="0" src="http://kurskmodel.ru/images/site_button.png" alt="Курский сайт о моделизме" /></a> &nbsp&nbsp&nbsp  <A href="http://maximodelizm.com.ua/"
target=_blank><IMG title="Собираем стендовые модели вместе"
border=0
src="https://forumupload.ru/uploads/000e/15/b8/4313-2.gif" a> </A> &nbsp&nbsp&nbsp <a href="http://www.alphamodel.ru/" title="интернет-магазин редких моделей Alphamodel" target="blank"><img src="http://alphamodel.ru/images/banner_new.gif"></a>

:glasses: Ну и еще высоту блока нун увеличить(красным)

<div id="MyDryzya" class="container" style="
    display:none;
    background:transparent url(http://savepic.ru/2769231.png) repeat;
    text-align:center;
    position:relative;
    height:130px!important;

Отредактировано Deff (Вс, 3 Июл 2011 14:08:31)

+1

5

  • Автор: УМКА
  • Заслуженный
  • УМКА
  • Зарегистрирован: Сб, 9 Апр 2011
  • Сообщений: 342
  • Уважение: +12
  • Позитив: +54
  • Пол: Женский
  • Последний визит:
    Пн, 2 Сен 2013 14:51:53

Все.спасибо! :flag:

0

Страница: 1

Вы здесь » Единый форум поддержки » Корзина » Прошу помощи в оформлении бокового поля форума