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

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

Поделиться1Вт, 14 Июн 2011 21:58:18

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

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

Поделиться2Вс, 3 Июл 2011 12:26:42

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Вчера 23:36:59

123456марина написал(а):

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

Типо так:

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

Код:

<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="http://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)

Поделиться3Вс, 3 Июл 2011 14:01:13

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

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

Поделиться4Вс, 3 Июл 2011 14:05:22

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Вчера 23:36:59

УМКА написал(а):

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

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

НАШИ ДРУЗЬЯ! 
<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="http://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>

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

НАШИ ДРУЗЬЯ! 
<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="http://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>

 

НАШИ ПРОЕКТЫ! 
<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="http://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)

Поделиться5Вс, 3 Июл 2011 14:11:34

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

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

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

Меню навигации

Пользовательские ссылки

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