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

Объявление

🔴 МАСТЕР-КЛАСС от magia "Жизненный цикл проекта"

Дата и время: начало 28 апреля в 16:00 по МСК;
Если у вас возникла идея создать ролевую игру, сообщество любителей собак или форум для киноманов,
но не знаете с чего начать и что делать, не беда! Мы здесь чтобы помочь.

Подробности

GEMcross

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

Посетить

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

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

Посмотреть

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

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

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

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

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

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

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

📣 Наш проект: Ролевой поисковик

Поиск роли на текстовых ролевых
Проект от специалистов FD

Спойлеры и обсуждение

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

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

Подробнее

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  
Тема закрыта

Сообщений 11 страница 20 из 23

11

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

Бу
я щас ппришлю экскиз сам, чтобы понятнее было

http://s1.uploads.ru/i/wz52F.png
ширина слайдера 379*320

ширина колононок с топами и партнерами 130
высота 320
в слайдере делать две вкладки
на первой приветсвие и навигация (две колонки)
на второй админы и модеры (две колонки)
картинки-надписи:
топы - http://s1.uploads.ru/i/fBkhK.png
партнеры - http://s1.uploads.ru/i/vJNpI.png
приветствие - http://s1.uploads.ru/i/7duPM.png
навигация - http://s1.uploads.ru/i/oaUC3.png
админы - http://s1.uploads.ru/i/P7o8r.png
модеры - http://s1.uploads.ru/i/h4UNo.png
я искренне верю, что вы не жаждете меня покромсать

0

12

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

Rush
А у вас(тебя) ошибка на картинке "приветствие"
верх

Код:
<style type="text/css">
<!--
#slideshow {
margin:0 auto;
width:379px;
height:320px;
position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:300px;
  height:320px;
  overflow:auto; /* поддержка прокрутки */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:280px; /* На двадцать пикселев меньше чем ширина #slidesContainer */
  height:320px;
}
.control {
  display:block;
  width:56px;
  height:41px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:100;}
#leftControl {
  top:125px;
  left:0;
  background:transparent url(http://s1.uploads.ru/i/irkny.png) no-repeat 0 0;
}
#rightControl {
  top:125px;
  left:320px;
  background:transparent url(http://s1.uploads.ru/i/EyBPS.png) no-repeat 0 0;
}
.slide h2, .slide p {
  margin:15px;
}
.slide img {
  float:right;
  margin:0 15px;
}


-->
</style>

низ

Код:
<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 300;
  var slides = $('.slide');
  var numberOfSlides = slides.length;
  // С помощью скрипта убираем прокрутку в контейнере.
  $('#slidesContainer').css('overflow', 'hidden');
  // Свернем все вкладки .slides в блок #slideInner 
  slides .wrapAll('<div id="slideInner"></div>')
.css({
      'float' : 'left',
      'width' : slideWidth
    });
  // Проставим блоку #slideInner ширину, равную общей ширине контейнеров
  $('#slideInner').css('width', slideWidth * numberOfSlides);
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');
  manageControls(currentPosition);
  $('.control')
    .bind('click', function(){
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
    manageControls(currentPosition);
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });
  function manageControls(position){
    // Скрыть левую стрелку у первого контейнера
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Скрыть правую стрелку у последнего контейнера
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }	
});
</script>

объявление

Код:
<table height="320" width="660" background="http://s1.uploads.ru/i/S7ZtT.png">
<tr>
<td width="379" height="320"><div id="slideshow">
    <div id="slidesContainer">
      <div class="slide"><table width="100%">
<tr>
<td width="60%"><img src="http://s1.uploads.ru/i/7duPM.png"><br>текст</td>
<td><img src="http://s1.uploads.ru/i/oaUC3.png"><br>текст</td>
</tr>
</table></div>
<div class="slide"><table width="100%">
<tr>
<td width="60%"><img src="http://s1.uploads.ru/i/P7o8r.png"><br>текст</td>
<td><img src="http://s1.uploads.ru/i/h4UNo.png"><br>текст</td>
</tr>
</table>
</div>
</td>
<td width="130"><div style="padding-left:2px; ">топы</div></td>
<td><div style="padding-left:15px; ">партнеры</div></td>
</tr>
</table>

Только есть одно но, если слово в колонке навигация будет длинным оно будет заходить на колонку админы. За этим нужно следить внимательно, и, если что, переносить слова вручную на новую строчку.

0

13

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

А у вас(тебя) ошибка на картинке "приветствие"

да? может быть хд после верстки у меня всегда так хд

а можно топы отовдинуть от правой стрелки слайдера? и подвигать те блоки ближе к тому краю..

0

14

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

Rush
верх

Код:
<style type="text/css">
<!--
#slideshow {
margin:0 auto;
width:480px;
height:320px;
position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:400px;
  height:320px;
  overflow:auto; /* поддержка прокрутки */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:380px;
  height:320px;
}
.control {
  display:block;
  width:56px;
  height:41px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:100;}
#leftControl {
  top:125px;
  right:430px;
  background:transparent url(http://s1.uploads.ru/i/irkny.png) no-repeat 0 0;
}
#rightControl {
  top:125px;
  left:415px;
  background:transparent url(http://s1.uploads.ru/i/EyBPS.png) no-repeat 0 0;
}
.slide h2, .slide p {
  margin:15px;
}
.slide img {
  float:left;
  margin:0 15px;
}

-->
</style>

объявление

Код:
<table height="320" width="760" background="http://s1.uploads.ru/i/7BLOY.png">
<tr>
<td width="379" height="320"><div id="slideshow">
    <div id="slidesContainer">
      <div class="slide"><table width="100%">
<tr>
<td width="50%"><img src="http://s1.uploads.ru/i/7duPM.png"><br>текст</td>
<td><img src="http://s1.uploads.ru/i/oaUC3.png"><br>текст</td>
</tr>
</table></div>
<div class="slide"><table width="100%">
<tr>
<td width="50%"><img src="http://s1.uploads.ru/i/P7o8r.png"><br>текст</td>
<td><img src="http://s1.uploads.ru/i/h4UNo.png"><br>текст</td>
</tr>
</table>
</div>
</td>
<td width="130"><div style="padding-left:2px; ">текст</div></td>
<td><div style="padding-left:15px; ">текст</div></td>
</tr>
</table>

0

15

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

Rush
Ну как, всё на своих местах?

0

16

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

Бу
не совсем, часть надписи админы на первой слайдере видно
и такой вопрос, то что текст в колонках топы и партнеры посередине это норм?

0

17

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

Rush
Хм, давай я зарегистрируюсь, и попробую поправить код на самом форуме, а то на моем тестовике нет такой проблемы.

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

и такой вопрос, то что текст в колонках топы и партнеры посередине это норм?

Ага, он по мере заполнения поднимется.
А вообще, попробуй уменьшить вот здесь, например до 380

#slideshow #slidesContainer {
  margin:0 auto;
  width:400px;
  height:320px;

Если не поможет, буду регистрироваться

0

18

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

Бу
неа, все равно обрезается

0

19

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

Rush
Права можно?

0

20

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

Бу
дала

0

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