Единый форум поддержки

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

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


Вы здесь » Единый форум поддержки » Архив » Таблицы на заказ (14)


Таблицы на заказ (14)

Сообщений 21 страница 40 из 1000

21

Rion Leonheart
Спасибо большое!!!  :love:

0

22

Keira2787,

объявление

Код:
<!-- Cлайдер-->
<style type="text/css">
#slideshow {
margin:0 auto;
width:640px;
height:263px;
background: transparent none;
position:relative;
}

#slideshow #slidesContainer {
  margin:0 auto;
  width:560px;
  height:263px;
  position:relative;
}

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

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

#leftControl {
  top:44px;
  left:0;
  background:transparent url(левая стрелка) no-repeat 0 0;
}

#rightControl {
  top:44px;
  right:0;
  background:transparent url(правая стрелка) no-repeat 0 0;
}
</style>
<div id="slideshow">
    <div id="slidesContainer">
      <div class="slide">
<table style="width: 100%; height: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 33%;" align="center" valign="top">

<img src="http://savepic.su/1485277.png">
<br/><br/>

текст текст текст текст

</td>
<td style="width: 33%;" align="center" valign="top">

<img src="http://savepic.su/1464796.png">
<br/><br/>

текст текст текст

</td>
<td style="width: 33%;" align="center" valign="top">

<img src="http://savepic.su/1469916.png">
<br/><br/>

текст текст текст текст

</td>
</tr>
</table>
      </div>
<div class="slide">
<table style="width: 100%; height: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 33%;" align="center" valign="top">

<img src="http://savepic.su/1456605.png">
<br/><br/>

текст текст текст текст

</td>
<td style="width: 33%;" align="center" valign="top">

<img src="http://savepic.su/1504732.png">
<br/><br/>

текст текст текст текст

</td>
<td style="width: 33%;" align="center" valign="top">

<img src="http://savepic.su/1497564.png">
<br/><br/>

текст текст текст текст

</td>
</tr>
</table>
      </div>
   </div>
</div>
<!--End// Cлайдер-->

html-низ

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

Картинки стрелачек нарисуете сами. Там написано - куды вставлять.
Стрелачки - 25х175 не больше.

ЗЫ. дизайн симпотишный  8-) . Дальний фон немного отвлекает...

0

23

Rion Leonheart
-- спасибо огромное))))

0

24

1) --
1---
2---
3---
2) http://theninthcircleofhell.mybb.ru/
3) При наведение на любую из кнопок, нужно что бы вылетала вложенная туда информация
table width="100%"
td style="padding: 0px;"

Отредактировано ThePhantom (Вс, 4 Мар 2012 19:12:39)

0

25

Доброго времени суток.

1) Эскиз.
2) Сайт.
3)
   а) табличка без линий, лишь фон.
   б) там где "Кнопки",надо чтобы при нажатии на них, переносило сразу на страницу , к примеру кнопка1(она же будущая кнопка "Сюжет"), при нажатии на неё чтобы сразу переносило на страницу с сообщением на сюжет. и так с остальными кнопками, чисто чтобы кнопки-переносы на полезные ссылки были. никакого меняющегося меню или что. что касается картинок на эти самые кнопки, пусть они все с одним и тем же фоном и шрифтом будут,  фон, а шрифт пусть Trebuchet размером 12px, цвет #431a1a. Я не знаю, можно ли для всех кнопок одним кодом всё написать, или же это для каждой кнопки отдельно всё прописывается?если да, то только счастье.. и ещё не всё, при наведении на эти кнопки, можно чтобы цвет текста белым становился?)
   в)что касается картинок на Ивэнтс, Квэстс, Админс, картинки я на них сделала бы(это просто картинки как заглавие, Не переносы), но боюсь не успею, потому, если вам не сложно, просто укажите цветоделительным текстом(как вы обычно делаете =) ) куда вставлять надо будет ссылки на картинки эти.
   г)Квэстс ячейка и Ивэнтс ячейка, каждая размером - 228х209рх. Админс - 184х209. верхняя полоса с кнопками 640х38.

Отредактировано Silentium (Вс, 4 Мар 2012 20:55:18)

0

26

Доброго времени суток. ^ ^

1. http://s017.radikal.ru/i434/1203/b2/d7ac0b19eb4a.jpg
2. http://loooool.0pk.ru/
3. Боковая таблица состоит из 6 столбцов: 3 - слева, 3 - справа. Высота столбцов не важна, ширина - так, как указано на скрине. Желательно, конечно, дабы столбцы не выглядели слишком узкими. Скрипт в навигации, как на данном форуме, этот же скрипт и указан на рисунке, "Сюжет, Список ролей" и т.д. Сами столбцы прозрачные.
-- - Столбец "Welcome"
-- - "Навигация"
-- - "Акция"
-- - "Счётчики"
-- - "Admins"
-- - "Что-то"

Отредактировано .mryoou (Пн, 5 Мар 2012 06:53:43)

0

27

ThePhantom,

Код:
<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 0em}
</style>

<style>
.splLink {width: 180px; height: 80px;}
.splCont {height: auto; width: 250px; background: #4E3C50; padding: 5px; z-index: 1000; margin-top: 5px; border: 1px solid #fff; font-size: 12px; text-align: center;}
</style>

<center><table style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center"><DIV><div class=splLink><img src="http://uploads.ru/i/B/Z/7/BZ7VP.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент первой кнопки

</DIV></DIV></td>

<td align="center"><DIV><div class=splLink><img src="http://uploads.ru/i/g/x/I/gxI1G.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент второй кнопки

</DIV></DIV></td>

<td align="center"><DIV><div class=splLink><img src="http://uploads.ru/i/A/y/n/Ayn9U.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент третьей кнопки

</DIV></DIV></td>

</tr>
</table></center>


<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

0

28

Silentium,

html-верх

Код:
<style type="text/css">
#pun-announcement .container {padding-top: 1em}

.anima {width: 640px;}
.anima a{display: inline; color: #431a1a; background: transparent url(http://uploads.ru/i/x/0/c/x0cKj.png) center center no-repeat; text-align: center; width: 74px; font-size: 12px; font-family: Trebuchet; text-decoration: none; padding: 6px 8px 6px 8px;}
.anima a:hover{color: #fff; text-decoration: none;}
</style>

объявление

Код:
<center><table style="width: 640px; background: transparent url(http://uploads.ru/i/Q/N/H/QNHLT.png) top center no-repeat;" cellpadding="0" cellspacing="0" border="0">

<tr><td style="height: 38px;" colspan="3" align="center">
<div class="anima">
<a href="ссылка на тему">Кнопка 1</a>
<a href="ссылка на тему">Кнопка 2</a>
<a href="ссылка на тему">Кнопка 3</a>
<a href="ссылка на тему">Кнопка 4</a>
<a href="ссылка на тему">Кнопка 5</a>
<a href="ссылка на тему">Кнопка 6</a>
<a href="ссылка на тему">Кнопка 7</a>
</div>
</td></tr>
<tr>
<td style="width: 228px;" align="center" valign="top"><div style="width: 100%; height: 209px; overflow-y: auto;">

<img src="ссылка на картинку квестов"><br/>

текст квестов

</div></td>
<td style="width: 184px;" align="center" valign="top">

<img src="ссылка на картинку админов"><br/>

текст админов

</td>
<td style="width: 228px;" align="center" valign="top"><div style="width: 100%; height: 209px; overflow-y: auto;">

<img src="ссылка на картинку событий"><br/>

текст событий

</div></td>
</tr>
</table></center>
Silentium написал(а):

в)что касается картинок на Ивэнтс, Квэстс, Админс, картинки я на них сделала бы(это просто картинки как заглавие, Не переносы), но боюсь не успею, потому, если вам не сложно, просто укажите цветоделительным текстом(как вы обычно делаете =) ) куда вставлять надо будет ссылки на картинки эти.

<td style="width: 228px;" align="center" valign="top"><div style="width: 100%; height: 209px; overflow-y: auto;">

<img src="ссылка на картинку квестов"><br/>

текст квестов

</div></td>
<td style="width: 184px;" align="center" valign="top">

<img src="ссылка на картинку админов"><br/>

текст админов

</td>
<td style="width: 228px;" align="center" valign="top"><div style="width: 100%; height: 209px; overflow-y: auto;">

<img src="ссылка на картинку событий"><br/>

текст событий

</div></td>

+1

29

Можно попросить табличку? --
1) Эскиз вашей будущей таблицы, сделанный в любом графическом редакторе( Пэинт, Фотошоп и т.д.) - обязательно!
--
пример такой таблицы здесь - http://fusrodah.mybb.ru/
2) Ссылка на ваш форум
!Заказы без ссылок приниматься не будут!
http://makemesmile.mybb.ru/
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц  и т.п.
ширина автомат., высота 261рх, с возможностью вставить свои кнопки(изображения) и фоновой рисунок

0

30

Rion Leonheart
ох, спасибо большое)
только одно "но" - текст в кнопках, в разных браузерах по разному отображается) в мазиле и хроме одинаково, в опере так. В опере текст на кнопочках не тот, при этом фон что надо) в мазиле и хроме же наоборот, текст норм, только фон не тот))можно чтобы во всех этих трёх браузерах отображался фон кнопок с закругленными краями и тестом Требушетом 12рх?Оо

Отредактировано Silentium (Пн, 5 Мар 2012 17:41:44)

0

31

Rion Leonheart
Спасибо, большое) --

0

32

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

В опере текст на кнопочках не тот, при этом фон что надо) в мазиле и хроме же наоборот, текст норм, только фон не тот))можно чтобы во всех этих трёх браузерах отображался фон кнопок с закругленными краями и тестом Требушетом 12рх?Оо

:D Блин, опять ты со своим возлюбленным шрифтом страдаешь) прошлый опыт не помог?

<style type="text/css">
#pun-announcement .container {padding-top: 1em}

.anima {width: 640px;}
.anima a{display: inline; color: #431a1a; background: transparent url(http://uploads.ru/i/x/0/c/x0cKj.png) center center no-repeat; text-align: center; width: 74px; font-size: 12px; font-family: 'Trebuchet Ms', 'Trebuchet'; text-decoration: none; padding: 10px 12px 10px 12px;}
.anima a:hover{color: #fff; text-decoration: none;}
</style>

Отредактировано Rion Leonheart (Пн, 5 Мар 2012 21:18:02)

0

33

Rion Leonheart
в этот раз я и не только им страдаю хДДД да так, что трабель с фором куда больше чем в прошлый раз :disappointed:
прошлый опыт не научил меня под все браузеры всё подгонять Оо"
спасибо за таблицу ещё раз)

0

34

Rion Leonheart написал(а):

Sabi, заказ с прошлой темы - на шапку.

Попробуйте заменить html-верх полностью:
Код:

Код:
<style>
.splLink-01 {width: 145px; height: 22px; border: 0px solid #FFD700;}
.splLink-02 {width: 80px; height: 50px; border: 0px solid #FFD700;}
.splCont {height: auto; width: 250px; background: #000; padding: 5px; z-index: 1000; margin-top: 5px; margin-left: -60px; border: 1px solid #fff; text-align: center; color: #fff;}
</style>
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink-01,.splLink-02').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>
	<!--шапка-->
<div style="width: 145px; height: 22px; position: absolute; top: 354px; left: 50%; margin-left: -330px;">
<DIV><div class=splLink-01></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент администрации

</DIV></DIV>
</div>

<div style="width: 80px; height: 50px; position: absolute; top: 354px; left: 50%; margin-left: 287px;">
<DIV><div class=splLink-02></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент пиара

</DIV></DIV>
</div>

<div style="position: absolute; top: 413px; left: 50%; margin-left: -370px;">
<table style="width: 730px; height: 220px;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 500px;" align="center" rowspan="2"><div style="width: 84%; height: 170px; overflow-y: auto; color: #fff;">

новости новости новости новости

</div></td>
<td style="height: 95px;" valign="top" align="right"><div style="width: 76%; height: 55px; margin-top: 12px; margin-right: 14px; color: #fff; text-align: center;">

текст

</div></td>
</tr>
<tr><td style="" align="right" valign="bottom"><div style="width: 82%; height: 60px; margin-bottom: 5px; margin-right: 14px; color: #fff; text-align: center;">

баннеры Оо

</div></td></tr>
</table>
</div>

<img src="http://uploads.ru/i/a/4/Y/a4YiM.jpg" width="760" height="692" border="0" usemap="#sabiyes">
<map name="sabiyes">
<area shape="rect" coords="235,354,315,377" href="ссылка" target="_blank">
<area shape="rect" coords="337,354,402,377" href="ссылка" target="_blank">
<area shape="rect" coords="428,354,514,377" href="ссылка" target="_blank">
<area shape="rect" coords="540,354,617,377" href="ссылка" target="_blank">
</map>

<style>
#pun-title h1{ background-image: none; height: 0px;}
#pun-title TABLE {
height: 0px;
}

#pun-title TD.title-logo-tdr {
position: absolute;
top: 15px;
left: 50%;
margin-left: -90px;
}
</style>

<!--текст посередине и жирный-->
<style type="text/css">
#pun-navlinks li a,
#pun-ulinks li a{
 font-weight:bold;
 border-bottom:none;
}

#pun-navlinks .container,
#pun-ulinks .container{
 text-align:center;
 margin-top:0px;
}

#pun-navlinks {
margin-top:-20px;
}
</style>

Спасибо большое! Только я глупая забыла сдвинуть рекламный баннер вверх...можно это как-то сделать с этим кодом?

Код:
<style> /*Рекламный Банер*/
#pun-title td.title-logo-tdr {
width:480px;
display:block!important;
position:absolute!important;
top: -5px!important;
left:50%!important;
z-index:1000!important;
margin-left:-240px!important;
}
.mybb_bs1 {
  filter: alpha(opacity=50) !important;
  opacity: 0.5 !important;
  -moz-opacity: 0.5 !important;
  -khtml-opacity: 0.5 !important;
}
.mybb_bs1:hover {
filter: alpha(opacity=100) !important;
opacity: 1.0 !important;
-moz-opacity: 1.0 !important;
-khtml-opacity: 1.0 !important;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
document.getElementById("title-logo-tdr").innerHTML = "<div class='mybb_bs1'>" + document.getElementById("title-logo-tdr").innerHTML + "</div>";
document.getElementById("tieser-bottom").innerHTML = "<div class='mybb_bs1'>" + document.getElementById("tieser-bottom").innerHTML + "</div>";
});
</script>

как на этом (http://krol3.mybb.ru/ ) форуме(он тоже мой, если что)?

Отредактировано Sabi (Пн, 5 Мар 2012 22:47:13)

0

35

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

Спасибо большое! Только я глупая забыла сдвинуть рекламный баннер вверх...можно это как-то сделать с этим кодом?

Ссылку на форум напомните хоть  :)

0

36

Rion Leonheart
Ой, вот она))  ;)
http://krol2.mybb.ru/

0

37

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

<style> /*Рекламный Банер*/
#pun-title td.title-logo-tdr {
width:480px;
display:block!important;
position:absolute!important;
top: -5px!important;
left:50%!important;
z-index:1000!important;
margin-left:440px!important;
}
.mybb_bs1 {
  filter: alpha(opacity=50) !important;
  opacity: 0.5 !important;
  -moz-opacity: 0.5 !important;
  -khtml-opacity: 0.5 !important;
}
.mybb_bs1:hover {
filter: alpha(opacity=100) !important;
opacity: 1.0 !important;
-moz-opacity: 1.0 !important;
-khtml-opacity: 1.0 !important;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
document.getElementById("title-logo-tdr").innerHTML = "<div class='mybb_bs1'>" + document.getElementById("title-logo-tdr").innerHTML + "</div>";
document.getElementById("tieser-bottom").innerHTML = "<div class='mybb_bs1'>" + document.getElementById("tieser-bottom").innerHTML + "</div>";
});
</script>

0

38

Доброго времени суток. ^ ^

1. http://s017.radikal.ru/i434/1203/b2/d7ac0b19eb4a.jpg
2. http://loooool.0pk.ru/
3. Боковая таблица состоит из 6 столбцов: 3 - слева, 3 - справа. Высота столбцов не важна, ширина - так, как указано на скрине. Желательно, конечно, дабы столбцы не выглядели слишком узкими. Скрипт в навигации, как на данном форуме, этот же скрипт и указан на рисунке, "Сюжет, Список ролей" и т.д. Сами столбцы прозрачные.
-- - Столбец "Welcome"
-- - "Навигация"
-- - "Акция"
-- - "Счётчики"
-- - "Admins"
-- - "Что-то"

Очень ожидаю выполнения заказа. Очень срочно.

0

39

--
выполните, пожалуйста, заказ. очень срочно нужна таблица!

0

40

Нужна таблица
Эскиз:
--

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

З.Ы. форум еще дьявольски недоработан, но раз без ссылки никак...

0


Вы здесь » Единый форум поддержки » Архив » Таблицы на заказ (14)