Всем привет.
Можно ли сделать блок наши друзья, наша кнопка например справа в низу форума.
Пример блока наша кнопка
http://i075.radikal.ru/1109/c9/b1aa1b8dc124.jpg
Пример друзья форума
http://s005.radikal.ru/i211/1109/70/3f97547cf9f9.jpg
Вот на подобе можно сделать?
Блок друзья форума
Сообщений 1 страница 14 из 14
Поделиться1Сб, 24 Сен 2011 03:10:04
Поделиться2Сб, 24 Сен 2011 11:22:27
kosoy, Тьфу - думал ты Про типо "Мы в Контакте" говорил!
В HTML низ
<div align="center" style="width:230px; height:115px;position:absolute;left:100%;margin-top:-160px;margin-left:-240px;"> <span style="font-size:17px;font-weight:bold;">Наш Банер</span> <br/><br/><img src="http://img-fotki.yandex.ru/get/4303/m-jackson-info.4/0_31a28_655a7c8f_L.jpg"> <br/>Код нашего банера<!-- Код Нашего Банера --> <br style="clear:both"/> <input type="text" tabindex="9" size="autowidth" value="<a href='http://kosoy.forumsiti.ru/' title='www.kosoy.forumsiti.ru' target='blank'><img src='адрес картинки вашего банера'/></a>" class="inputbox autowidth" onclick="this.focus();this.select();"/><br style="clear:both"/> <br><br> <!-- Начало Секции банеров --> <div align="center" style=" width:100%; height:98px; padding: 0;"><span style="font-size:17px;font-weight:bold;">Наши Друзья</span> <div align="center" width="240" style="position: relative; margin: 0 3px 8px auto; height: 63px; padding;0; overflow-y: auto;" > <center width="200"> <a href=http://souleateralt.rolka.su/ target="_blank"> <img src="http://savepic.org/764404.gif" ></a> <a href="http://vampirediarieseffect.1bb.ru" target="_blank"> <img src="http://savepic.ru/1626007.gif" title=" The Vampire Diaries|Effect deja vu"border="0" width="88" height="31"></a> <br> <a href="http://photoshopcity.ipbb.ru" target=_blank> <img src="http://xmages.net/upload/53877068.gif" border="0" alt="Photoshop-City"></a> <a href=http://urchoice.ru/ target="_blank"> <img src="http://s005.radikal.ru/i212/1001/b3/a2328b18a862.gif" ></a> <br> </center></div> </div><!-- Конец -->
Поправил
Отредактировано Deff (Сб, 24 Сен 2011 11:35:38)
Поделиться3Сб, 24 Сен 2011 11:34:14
Deff
Во, норм, можно перенести его только на лево?
Поделиться4Сб, 24 Сен 2011 11:37:27
kosoy Поправил
Поделиться5Сб, 24 Сен 2011 11:41:54
kosoy вместо адреса картинки - вставляешь тот шо над кодом!! ...
ww.kosoy.forumsiti.ru' target='blank'><img src='адрес картинки вашего банера'/>
Поделиться6Сб, 24 Сен 2011 16:24:06
Deff
Норм все получилось, можно ли все, что у меня щас получилось в рамку взять?
хотя бы как на скринах, которые чуть выше.
ПС, в скрипте ошибочка маленькая, банеры пишется с 2-мя Н )
Отредактировано kosoy (Сб, 24 Сен 2011 16:30:13)
Поделиться7Сб, 24 Сен 2011 17:15:04
Норм все получилось, можно ли все, что у меня щас получилось в рамку взять?
Замените
<div id=Mya align="center" style="background:url(http://savepic.net/2082549.png) no-repeat top center;width:230px; height:auto;position:absolute;left:100%;margin-top:-170px;margin-left:-240px;z-index:120;"><br/> <span style="font-size:17px;font-weight:bold;">Наша Кнопка</span> <br/><br/><img src="http://forumupload.ru/uploads/000e/26/1e/4826-1.gif"> <br/>Код нашего баннера<!-- Код Нашего Банера --> <br style="clear:both"/> <input type="text" tabindex="9" size="autowidth" value="<a href='http://kosoy.forumsiti.ru/' title='www.kosoy.forumsiti.ru' target='blank'><img src='http://forumupload.ru/uploads/000e/26/1e/4826-1.gif'/></a>" class="inputbox autowidth" onclick="this.focus();this.select();"/><br style="clear:both"/> <br><br> <!-- Начало Секции банеров --> <span align="center" style=" width:100%; height:98px; padding: 0;"><span style="font-size:17px;font-weight:bold;">Наши Друзья</span> <div align="center" width="240" style="background:transparent none;position: relative; margin: 0 3px 8px auto; height: 63px; padding;0; overflow-y: auto;" > <center width="200"> <a href=http://kosoy.forumsiti.ru/ target="_blank"> <img src="http://s58.radikal.ru/i162/1109/d5/560584d2e78e.jpg" ></a> <a href=http://kosoy.forumsiti.ru/ target="_blank"> <img src="http://s58.radikal.ru/i162/1109/d5/560584d2e78e.jpg" ></a> <br> <br> </center></div></div><!-- Конец -->
Поделиться8Сб, 24 Сен 2011 23:53:01
Deff
Во спс, прям норм получилось +
Поделиться9Вс, 25 Сен 2011 09:07:11
Deff
Подскажи еще, как мне можно изменить размер блока? хочу его сделать чуть ниже и удлинить маленько)
Поделиться10Вс, 25 Сен 2011 09:35:31
Подскажи еще, как мне можно изменить размер блока? хочу его сделать чуть ниже и удлинить маленько)
<div id=Mya align="center" style="background:url(http://savepic.net/2082549.png) no-repeat top center;width:230px; height:auto;position:absolute;left:100%;margin-top:-170px;margin-left:-240px;z-index:120;height:221px;">
Красным: Адрес картинки; отступ от верха; и высота
- Отступ - уменьшаем, чтобы опустилось
(*= но картинку под большую высоту придётся растягивать
Поделиться11Вс, 25 Сен 2011 12:46:57
Deff
Все сделал, норм.
Вот еще проблемка щас нашлась, как сделать, чтоб этот блок отображался только на ГЛ. странице, а не во всех темах.
Поделиться12Вс, 25 Сен 2011 12:59:42
Вот еще проблемка щас нашлась, как сделать, чтоб этот блок отображался только на ГЛ. странице, а не во всех темах.
Ниже кнопки ставьте скрипт
<script>if($(".punbb").attr("id")!="pun-index") $("#Mya").replaceWith("");</script>
Поделиться13Вс, 25 Сен 2011 13:15:25
Deff
Во, другое дело) спс в 1000 раз
Поделиться14Пн, 26 Сен 2011 14:20:16
Полезная вещь!
Такое многим пригодится!
Похожие темы
Мета-теги и раскрутка Вашего форума | Справочная | Вс, 17 Фев 2019 |
Виджеты на форуме | Сделаем сервис лучше | Пн, 22 Июл 2019 |
Вопросы по оформлению форума | Архив | Вт, 20 Май 2008 |
Форум хорошего настроения и общения | Корзина | Чт, 23 Апр 2015 |
Виджеты на форуме #2 | Корзина | Пн, 26 Авг 2013 |