ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов

Объявление

🎲 Майский ваншот

Ленивая сезонная майская акция
Сыграем в настольную игру в дискорде?
Пишите, присоединяйтесь к обсуждению!

Подробности

GEMcross

Кроссовер, ориентированный на активную игру и уютный флуд.
Собираем у себя драгоценных игроков уже почти три года.

Посетить

🔥 Новинка в портфолио: ДИЗАЙН И ГРАФИКА В СТИЛЕ GENSHIN IMPACT

Платформа: MyBB.ru (RusFF)
Стоимость: 6500 рублей;
Авторы: Moju & wasurenagusa

Посмотреть

💰 Теперь у нас можно приобрести "Мгновенные уведомления от Алекса"

Скрипт оповещает пользователей о событиях на форуме в реальном времени, придавая динамики общению.
Автор: Alex_63 | Платформа: MyBB.ru.

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

Купить скрипт

🌟 ОПЛАТА ЗАКАЗА НАГРАДНЫМИ БАЛЛАМИ И СКИДКИ

Заказы можно оплачивать наградными баллами (НБ). Полностью или частично.
Бартер за НБ осуществляется на условиях платного заказа, в качестве оплаты - НБ.
А если у вас есть любой платный заказ, вы можете обменять НБ на скидочные купоны.

узнать подробности

❤️ Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайте • Предложения
Стать модератором • Отзывы

Подробнее

SPECIAL OFFER: We distribute designs for free

Finalizing the layout for your project;
Developing a style code;
Mobile version included if you wish.

Details

Support the project

If you want to help us:
Become a moderator
Suggestions • Reviews

Details
СкрытьПоказать
❗ ❗ ❗ Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, switch to the russian language. This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience.

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

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

Таблица

Страница:   1 2 3 4 5 6  
Тема закрыта

Сообщений 31 страница 40 из 52

31

  • Автор: Deff
  • Жерар Депардье
  • Deff
  • Уважение: +3482
  • Достижения/подарки: cake 4 emoji_events 4
  • Наградные баллы: 122

Жду ответа про фон  http://uploads.ru/i/R/j/9/Rj9lU.gif

+1

32

  • Автор: Нелл
  • Бестелесный дух прошлого
  • Нелл
  • Уважение: +123
Deff написал(а):

Кнопочка спойлера http://s1.uploads.ru/oy2Cq.png

повылазило у меня XD

Deff написал(а):

если можно - ссылку на тестовик с фоном в Объяве
             ибо картинка в полмегабайта  в png - я бы её перевел в менее весомый формат

вот этот?

а вот и спойлер

http://s1.uploads.ru/t/z0St9.jpg

0

33

  • Автор: Deff
  • Жерар Депардье
  • Deff
  • Уважение: +3482
  • Достижения/подарки: cake 4 emoji_events 4
  • Наградные баллы: 122
Нелл написал(а):

вот этот? http://s1.uploads.ru/t/z0St9.jpg

Оки (Хотя ссылка на сайт с дизайном интересней...

Лан - ставлю данный фон под картинки
Будет часа через два

Отредактировано Deff (21.05.13 12:21)

0

34

  • Автор: Нелл
  • Бестелесный дух прошлого
  • Нелл
  • Уважение: +123

Deff
Конкретно под эти кнопки я раздумала делать дизайн,так что потом буду делать другие тыкалки)Это я эти дала,чтобы вас не задерживать)

0

35

  • Автор: Deff
  • Жерар Депардье
  • Deff
  • Уважение: +3482
  • Достижения/подарки: cake 4 emoji_events 4
  • Наградные баллы: 122

Нелл ну и лан, будут проблемы при установке других - отпишитесь

+1

36

  • Автор: Нелл
  • Бестелесный дух прошлого
  • Нелл
  • Уважение: +123

Deff
Хорошо)
Вы и так столько возились со мной!*___*

0

37

  • Автор: Deff
  • Жерар Депардье
  • Deff
  • Уважение: +3482
  • Достижения/подарки: cake 4 emoji_events 4
  • Наградные баллы: 122

DEMO

В HTML верх:

Код:
<!-- Стиль меню таблицы в объявлении -->
<style type="text/css">
/****************************************
   Таблица с переключаемыми Вкладками

****************************************/
#tab2,#tab2*{
  paddibg:0;
  margin:0;
}
#tab2 {
  background:transparent url(http://s1.uploads.ru/QjV4E.jpg) 0 0 no-repeat;
  height:594px;
  width:800px;
}
#tab2,#tab2 td{
  border:none 0 transparent!important;
  border-collapse:collapse;
}
#tab2 td.content {
    width:544px;
}
img[data^="tab"]{
  cursor:pointer;
  height:100%;
  border:none 0 transparent!important;
}
.tab-content {
  display:none;
  width:80%;
  height:226px;
  color:#483119;
  overflow-y:auto;
scrollbar-face-color: #A3622F;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #999999;
scrollbar-shadow-color: #990066;
scrollbar-darkshadow-color: #000000;
scrollbar-arrow-color: #DBAA83;
scrollbar-track-color: #C18B67;
}
</style>
<script type="text/javascript">
$.fn.switch_tabs = function() {
  var tbl = this,knopK = $("img[data^='tab']",tbl);
  knopK.each(function(){
    var arr = $(this).attr('data').split(",");
    $(this).css("background-image","url("+arr[1]+")")
  }); knopK.css("background-position","120% 10000px")
      knopK.css("background-repeat","no-repeat")

  knopK.click(function(){
    knopK.removeClass('active');
    $(this).addClass('active');
    var arr = $(this).attr('data').split(",");
    tbl.css("background-image","url("+arr[1]+")")
    $(".tab-content",tbl).hide();
    $("#"+arr[0]+"",tbl).show();
  });
}
</script>

В Объявление:

Код:
<div align=center> <table id="tab2" class="tbl-0" border="0">
 <tr>
 <td  class="content" align=center>
<!-- Контейнер контента 1-й кнопки -->
<div id="tab-1" class="tab-content"  style="display:block;
scrollbar-face-color: #A3622F;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #999999;
scrollbar-shadow-color: #990066;
scrollbar-darkshadow-color: #000000;
scrollbar-arrow-color: #DBAA83;
scrollbar-track-color: #C18B67;">

Контент 1-й кнопки<br />
Контент 1-й кнопки<br />
Контент 1-й кнопки<br />
Контент 1-й кнопки<br />
Контент 1-й кнопки<br />
Контент 1-й кнопки<br />
Контент 1-й кнопки<br />
Контент 1-й кнопки<br />
Контент 1-й кнопки<br />
Контент 1-й кнопки<br />
Контент 1-й кнопки<br />
Контент 1-й кнопки<br />

Контент 1-й кнопки<br />
Контент 1-й кнопки<br />
Контент 1-й кнопки<br />
Контент 1-й кнопки<br />
Контент 1-й кнопки<br />
Контент 1-й кнопки<br />
Контент 1-й кнопки<br />
Контент 1-й кнопки<br />
Контент 1-й кнопки<br />
Контент 1-й кнопки<br />
Контент 1-й кнопки<br />
Контент 1-й кнопки<br />
</div>

<!-- Контейнер контента 2-й кнопки -->
<div id="tab-2" class="tab-content" style="scrollbar-face-color: #A3622F;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #999999;
scrollbar-shadow-color: #990066;
scrollbar-darkshadow-color: #000000;
scrollbar-arrow-color: #DBAA83;
scrollbar-track-color: #C18B67;">

Контент 2-й кнопки<br />
Контент 2-й кнопки<br />
Контент 2-й кнопки<br />
Контент 2-й кнопки<br />
Контент 2-й кнопки<br />
Контент 2-й кнопки<br />
Контент 2-й кнопки<br />
Контент 2-й кнопки<br />
Контент 2-й кнопки<br />
Контент 2-й кнопки<br />
Контент 2-й кнопки<br />
Контент 2-й кнопки<br />

Контент 2-й кнопки<br />
Контент 2-й кнопки<br />
Контент 2-й кнопки<br />
Контент 2-й кнопки<br />
Контент 2-й кнопки<br />
Контент 2-й кнопки<br />
Контент 2-й кнопки<br />
Контент 2-й кнопки<br />
Контент 2-й кнопки<br />
Контент 2-й кнопки<br />
Контент 2-й кнопки<br />
Контент 2-й кнопки<br />

</div>

<!-- Контейнер контента 3-й кнопки -->
<div id="tab-3" class="tab-content" style="scrollbar-face-color: #A3622F;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #999999;
scrollbar-shadow-color: #990066;
scrollbar-darkshadow-color: #000000;
scrollbar-arrow-color: #DBAA83;
scrollbar-track-color: #C18B67;">

Контент 3-й кнопки<br />
Контент 3-й кнопки<br />
Контент 3-й кнопки<br />
Контент 3-й кнопки<br />
Контент 3-й кнопки<br />
Контент 3-й кнопки<br />
Контент 3-й кнопки<br />
Контент 3-й кнопки<br />
Контент 3-й кнопки<br />
Контент 3-й кнопки<br />
Контент 3-й кнопки<br />
Контент 3-й кнопки<br />

Контент 3-й кнопки<br />
Контент 3-й кнопки<br />
Контент 3-й кнопки<br />
Контент 3-й кнопки<br />
Контент 3-й кнопки<br />
Контент 3-й кнопки<br />
Контент 3-й кнопки<br />
Контент 3-й кнопки<br />
Контент 3-й кнопки<br />
Контент 3-й кнопки<br />
Контент 3-й кнопки<br />
Контент 3-й кнопки<br />

</div>

<!-- Контейнер контента 4-й кнопки -->
<div id="tab-4" class="tab-content" style="scrollbar-face-color: #A3622F;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #999999;
scrollbar-shadow-color: #990066;
scrollbar-darkshadow-color: #000000;
scrollbar-arrow-color: #DBAA83;
scrollbar-track-color: #C18B67;">

Контент 4-й кнопки<br />
Контент 4-й кнопки<br />
Контент 4-й кнопки<br />
Контент 4-й кнопки<br />
Контент 4-й кнопки<br />
Контент 4-й кнопки<br />
Контент 4-й кнопки<br />
Контент 4-й кнопки<br />
Контент 4-й кнопки<br />
Контент 4-й кнопки<br />
Контент 4-й кнопки<br />
Контент 4-й кнопки<br />

Контент 4-й кнопки<br />
Контент 4-й кнопки<br />
Контент 4-й кнопки<br />
Контент 4-й кнопки<br />
Контент 4-й кнопки<br />
Контент 4-й кнопки<br />
Контент 4-й кнопки<br />
Контент 4-й кнопки<br />
Контент 4-й кнопки<br />
Контент 4-й кнопки<br />
Контент 4-й кнопки<br />
Контент 4-й кнопки<br />

Контент 4-й кнопки

</div>

 </td>
 <td class="butt" valign=center align=left>   <!-- Секция кнопок -->
<img width="238" style="height:110px;margin-top:14px;" data="tab-1,http://s1.uploads.ru/QjV4E.jpg"  src="/i/blank.gif" class="active"/>

<div style="position:absolute;width:170px;height:230px;margin-left:40px;margin-top:-12px;"><img width=170 style="box-shadow: 0px 4px 18px #000;border:solid 5px #A5A28E;" src="http://forumavatars.ru/img/avatars/0000/14/1c/22142-1353993647.png"/></div>

<img width="238" style="height:90px;margin-top:232px;" data="tab-2,http://s1.uploads.ru/GEHRU.jpg"  src="/i/blank.gif"/>
 </td>
 </tr>
 <tr>
 </td>
 <td align=left colspan=2 class="butt" valign=center height=130>   <!-- Секция кнопок -->
<img width="170" style="margin-left:80px;" data="tab-3,http://s1.uploads.ru/86p7W.jpg"  src="/i/blank.gif"/>
<img width="170" style="margin-left:17px" data="tab-4,http://s1.uploads.ru/lTpiC.jpg"  src="/i/blank.gif"/>

 </td>
 </tr>
</table><script>$("#tab2").switch_tabs()</script><!--//End/-switch Tabs --></div>

авик вставляется в объявлении в строке
<img width=170 style="box-shadow: 0px 4px 18px #000;border:solid 5px #A5A28E;" src="http://forumavatars.ru/img/avatars/0000/14/1c/22142-1353993647.png"/>

Отредактировано Deff (21.05.13 16:32)

+1

38

  • Автор: Нелл
  • Бестелесный дух прошлого
  • Нелл
  • Уважение: +123

Deff
немного не то,что я хотела,но это еще лучше.Спасибо!)

0

39

  • Автор: Deff
  • Жерар Депардье
  • Deff
  • Уважение: +3482
  • Достижения/подарки: cake 4 emoji_events 4
  • Наградные баллы: 122

Нелл
Поправил - букву упустил

0

40

  • Автор: Нелл
  • Бестелесный дух прошлого
  • Нелл
  • Уважение: +123
Deff написал(а):

Поправил - букву упустил

где?
И тут это...я разродилась на нормальную графику,но кое что чуть не совпадает...Можно подправить?ричунок (чувак с тачкой) ниже опустить,чтобы кнопку не закрывал и в табло уже немного текст...
http://testnell.rolka.su/

0

Тема закрыта
Страница:   1 2 3 4 5 6