Выполненные заказы на техническое оснащение

Страница: « 1 … 75 76 77 78 79 … 83 »

Тема закрыта

Сообщений 761 страница 770 из 821

Поделиться76130.07.12 21:18

Автор: Ulia
Призрак
Последний визит:
05.05.14 14:45
Уважение: +7

1. Ссылка на форум
http://animalisland.rolka.su/

2. Эскиз таблицы

Эскиз

3. Скрипты и всевозможные декорации. Чат, плеер, часы, календари, прокрутка, бегущая строка и пр.
Размер таблицы: 800 на 350.
Размер аватарок админов 60 на 60. Размер аватарок модераторов 50 на 50. Непрозрачность аватарок 60 при наведении плавно становятся совсем непрозрачными, так же всплывает комментарий, а при клике перенаправляет на профиль. Размер окошка слайдера: 250 на 330. Страничек слайдера 5.

4. Форматирование текста
Шрифт: Century Schoolbook

5. Картинки для вставки.
Стрелочки:

Не по шаблону, но всё есть

Поделиться76230.07.12 21:30

Автор: Бу
Призрак
Последний визит:
04.02.13 13:28
Уважение: +298

G.K.
хтмл верх

Код:

<!-- Cлайдер-->
<style type="text/css">
#slideshow {
margin:0 auto;
width:800px;
height:240px;
position:relative;}

#slideshow #slidesContainer {
  margin:0 auto;
  width:600px;
  height:240px;
  position:relative;}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:580px; /* На двадцать пикселев меньше чем ширина #slidesContainer */
  overflow-y:auto; /* поддержка прокрутки */
  height:240px;
  text-align: center;}

.control {
  display:block;
  width:102px;
  height:25px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:100;}

#leftControl {
  top:87px;
  left:0;
  background:transparent url(http://s55.radikal.ru/i148/1207/84/4414f37d779b.png) no-repeat 0 0;}

#rightControl {
  top:87px;
  right:0;
  background:transparent url(http://i051.radikal.ru/1207/03/a03d891150c6.png) no-repeat 0 0;}
</style>
<style>
#my_col {
  float: left;
  width: 160px;
}
</style><style>
#my_cyl {
  float: left;
  width: 240px;
}
</style><style>
#my_col {
  float: left;
  width: 220px;
}
</style><style>
#my_cyl {
  float: left;
  width: 300px;
}
</style>

низ

Код:

<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 600;
  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>

объявление

Код:

<div id="slideshow">
    <div id="slidesContainer">
      <div class="slide"><div id="my_cyl">
<center><div style="overflow-y: auto; height: 220px">Приветствие</div></center>
</div>
<div id="my_cyl">
<center>Время/ погода</center>
</div></div>
<div class="slide"><center><div id="my_cyl">
<center><div style="overflow-y: auto; height: 220px">новости</div></center>
</div><div id="my_cyl">
<center><div style="overflow-y: auto; height: 220px">лучший игрок . . .</div></center>
</div> </center>
</div>
<div class="slide"><div id="my_col">
<center>Администраторы</center>
</div>
<div id="my_col">
<center>Облако тегов</center>
</div><div id="my_col">
<center><div style="overflow-y: auto; height: 220px">Партнеры</div></center>
</div></div>
    </div>

Подпись автора: При заказе таблицы, пожалуйста, сразу указывайте ее ширину и длину, а также другие подробности важные при оформлении таблицы(ширину границ, фон и прочее). Заказы, в которых сразу не будет указано всех подробностей, не переделываются по просьбам: "еще фон сделайте", "а края закруглить можно", " и цвет текста другой сделайте" и прочее в том же духе.

Поделиться76330.07.12 21:37

Автор: Бу
Призрак
Последний визит:
04.02.13 13:28
Уважение: +298

Something Blue написал(а):

А вот еще вопросик - можно табличку немного влево передвинуть, а то одна стрелочка за границу вылазит. Или это так и нужно? *О*

Хм, что - то у вас вообще все полетело
верх

Код:

<!-- Cлайдер-->
<style type="text/css">
#slideshow {
margin:0 auto;
width:800px;
height:240px;
position:relative;}

#slideshow #slidesContainer {
  margin:0 auto;
  width:600px;
  height:240px;
  position:relative;}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:580px; /* На двадцать пикселев меньше чем ширина #slidesContainer */
  overflow-y:auto; /* поддержка прокрутки */
  height:240px;
  text-align: center;}

.control {
  display:block;
  width:102px;
  height:25px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:100;}

#leftControl {
  top:87px;
  left:0;
  background:transparent url(http://s55.radikal.ru/i148/1207/84/4414f37d779b.png) no-repeat 0 0;}

#rightControl {
  top:87px;
  right:0;
  background:transparent url(http://i051.radikal.ru/1207/03/a03d891150c6.png) no-repeat 0 0;}
</style>
<style>
#my_col {
  float: left;
  width: 160px;
}
</style><style>
#my_cyl {
  float: left;
  width: 240px;
}
</style><style>
#my_col {
  float: left;
  width: 220px;
}
</style><style>
#my_cyl {
  float: left;
  width: 300px;
}
</style>

низ

Код:

<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 720;
  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>

Переставляем, смотрим что получилось, если стало хуже - пишем сюда.

Подпись автора: При заказе таблицы, пожалуйста, сразу указывайте ее ширину и длину, а также другие подробности важные при оформлении таблицы(ширину границ, фон и прочее). Заказы, в которых сразу не будет указано всех подробностей, не переделываются по просьбам: "еще фон сделайте", "а края закруглить можно", " и цвет текста другой сделайте" и прочее в том же духе.

Поделиться76430.07.12 21:38

Автор: G.K.
Призрак
Последний визит:
24.10.16 22:23
Уважение: +39

Бу
а это весь код? оО я приминила код на проверочном форуме и вот что: http://proverkaproverka.mybb.by/

Поделиться76530.07.12 21:46

Автор: Charli
Призрак
Последний визит:
02.11.12 01:19
Уважение: +1

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

Бу
https://forumstatic.ru/files/0011/c5/75/74617.png
https://forumstatic.ru/files/0011/c5/75/20006.png
размер:
Ширина: 314 пикс.
Высота: 316 пикс.

может не заметили О.о

Поделиться76630.07.12 21:51

Автор: Something Blue
Призрак
Последний визит:
03.08.12 17:12
Уважение: 0

Бу написал(а):

Хм, что - то у вас вообще все полетело

А -то думала, что у меня из-за инета фигового нормально не отображается *О*
Теперь все просто супер) Спасибо еще раз х))

Поделиться76730.07.12 22:02

Автор: Бу
Призрак
Последний визит:
04.02.13 13:28
Уважение: +298

G.K. написал(а):

а это весь код? оО я приминила код на проверочном форуме и вот что:

Попробуйте скопировать еще раз, может где - то что -то недокопировали, ибо у меня отображается все.

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

может не заметили О.о

В процессе, извините за задержку, но, как видите, со слайдерами у меня проблемы.

Something Blue написал(а):

Теперь все просто супер) Спасибо еще раз х))

Надеюсь, все действительно теперь в порядке, обращайтесь.

Подпись автора: При заказе таблицы, пожалуйста, сразу указывайте ее ширину и длину, а также другие подробности важные при оформлении таблицы(ширину границ, фон и прочее). Заказы, в которых сразу не будет указано всех подробностей, не переделываются по просьбам: "еще фон сделайте", "а края закруглить можно", " и цвет текста другой сделайте" и прочее в том же духе.

Поделиться76830.07.12 22:03

Автор: Charli
Призрак
Последний визит:
02.11.12 01:19
Уважение: +1

Бу
да ничего я подожду.) знаю что это труд еще тот)
ну просто есть еще одна маленькая просьба, так ка таблица идет в шапку, не могли бы подобрать тот код который выровняет ее в нужное место.( ну или поставить там любые цифры я сама если что подвину)

Отредактировано Charli (30.07.12 22:04)

Поделиться76930.07.12 22:06

Автор: Бу
Призрак
Последний визит:
04.02.13 13:28
Уважение: +298

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

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

Конечно, постараюсь все сделать.

Подпись автора: При заказе таблицы, пожалуйста, сразу указывайте ее ширину и длину, а также другие подробности важные при оформлении таблицы(ширину границ, фон и прочее). Заказы, в которых сразу не будет указано всех подробностей, не переделываются по просьбам: "еще фон сделайте", "а края закруглить можно", " и цвет текста другой сделайте" и прочее в том же духе.

Поделиться77030.07.12 22:11

Автор: G.K.
Призрак
Последний визит:
24.10.16 22:23
Уважение: +39

Бу
заработал, НО вы не сделали не все что я просила( та мнет колонки для топов и колонки "лучший пост", "модераторы" место для картинок под админов и модеров и "партнеры" находится под админами.

Тема закрыта

Страница: « 1 … 75 76 77 78 79 … 83 »

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

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

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

Объявление

🎧 Подкаст «НЕТЕРОЛЕВЫЕ»

🍁 Что такое осень? Конкурс осенних дизайнов!

🔥 Акция! Осенние скидки на Мгновенные уведомления

❤️ Поддержи проект! Стань модератором!

💌 Акция! Подписка, лайк, коммент, репост!

🌟 SPECIAL OFFER: We distribute designs for free

❤️ Support the project

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

Выполненные заказы на техническое оснащение

Сообщений 761 страница 770 из 821

Поделиться76130.07.12 21:18

Поделиться76230.07.12 21:30

Поделиться76330.07.12 21:37

Поделиться76430.07.12 21:38

Поделиться76530.07.12 21:46

Поделиться76630.07.12 21:51

Поделиться76730.07.12 22:02

Поделиться76830.07.12 22:03

Поделиться76930.07.12 22:06

Поделиться77030.07.12 22:11