Добрый день, уважаемые коллеги! Собственно, я вот тут подумал: как мне сделать так, чтобы кнопка дружественного сайта оказалась рядом с полем форума. Сейчас кнопка находится в поле объявления. Но вот хотелось-бы сделать это как-то поаккуратнее. Всё сейчас выглядит так: http://navigator.mybb.ru/
Прошу помощи в оформлении бокового поля форума
Сообщений 1 страница 5 из 5
Поделиться2Вс, 3 Июл 2011 12:26:42
Добрый день, уважаемые коллеги! Собственно, я вот тут подумал: как мне сделать так, чтобы кнопка дружественного сайта оказалась рядом с полем форума. Сейчас кнопка находится в поле объявления. Но вот хотелось-бы сделать это как-то поаккуратнее. Всё сейчас выглядит так: 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>     <A href="http://maximodelizm.com.ua/"
target=_blank><IMG title="Собираем стендовые модели вместе"
border=0
src="https://upforme.ru/uploads/000e/15/b8/4313-2.gif" a> </A>     <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
Deff,очень интересная вещь!А подскажи,что нужно добавить,чтобы при открытии этого окна было две строчки
наши друзя:баннеры
Наши проекты:баннеры
Поделиться4Вс, 3 Июл 2011 14:05:22
Deff,очень интересная вещь!А подскажи,что нужно добавить,чтобы при открытии этого окна было две строчкинаши друзя:баннерыНаши проекты:баннеры
Ну меняй эту часть
НАШИ ДРУЗЬЯ!<br/><br/>
<a href="http://kurskmodel.ru" title="Курский сайт о моделизме"><img border="0" src="http://kurskmodel.ru/images/site_button.png" alt="Курский сайт о моделизме" /></a>     <A href="http://maximodelizm.com.ua/"
target=_blank><IMG title="Собираем стендовые модели вместе"
border=0
src="https://upforme.ru/uploads/000e/15/b8/4313-2.gif" a> </A>     <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>     <A href="http://maximodelizm.com.ua/"
target=_blank><IMG title="Собираем стендовые модели вместе"
border=0
src="https://upforme.ru/uploads/000e/15/b8/4313-2.gif" a> </A>     <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>     <A href="http://maximodelizm.com.ua/"
target=_blank><IMG title="Собираем стендовые модели вместе"
border=0
src="https://upforme.ru/uploads/000e/15/b8/4313-2.gif" a> </A>     <a href="http://www.alphamodel.ru/" title="интернет-магазин редких моделей Alphamodel" target="blank"><img src="http://alphamodel.ru/images/banner_new.gif"></a>
Ну и еще высоту блока нун увеличить(красным)
<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
Все.спасибо! 
Похожие темы
| Общие вопросы по оформлению (17) | Корзина | Вт, 16 Фев 2010 |
| Каталог скриптов/CSS | Форум для новичков | Вт, 1 Окт 2013 |