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

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

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


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


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

Сообщений 181 страница 200 из 1000

1

Продолжение темы Таблицы на заказ (14).
Напомню требования:

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

Заказы типа "Сделайте: Как там!" также приниматься не будут. Потрудитесь нарисовать макет таблицы самостоятельно.

И помните, чем подробнее опишите то, что нужно, тем точнее получите результат.

+3

181

1) http://savepic.org/2851777.png - Эскиз
2) http://tlkagain.rusff.ru/
3) Итак, теперь подробно: хотелось бы пролистывающееся объявление состоящее из двух листов.
Но первый делится на три раздела: Второй раздел самый широкий и в нем еще хотелось бы, чтобы была прокрутка. Последний самый маленький, ну и первый что-то между ними.
Второй лист делится на два раздела: первый поменьше, второй побольше.
В первом будут ссылки, во второй хотела поместить мини-аватары администрации. (желателен бы тоже код, как это сделать)
И еще: хочется чтобы все разделы были со скругленными концами. Ширина объявления примерно 700 пкс, цвет я думаю под тело форума.
Вроде бы все.
П.С. В прошлый раз мне сделали не со скругленными концами. Знаю, что тоже самое уже заказывала,но мне сейчас желательно на этот форум, так как тот не пошел. Ну и соответственно все проще. Тут просто нужно подогнать под новый.)

Все еще актуально

0

182

Elion Wandom написал(а):

пост 101 сделан некорректно.
левая стрелка конкретно съехала вправо.

Некорректно. Просто таблица шире нынешнего тела форума. В этом случае правую стрелку надо двигать влево, а не левую)

Если обновить часть кода от слайдера в html-верху:

Код:
<style type="text/css">
#slideshow {
 margin:0 auto;
 width:816px;
 height:334px;
 position:relative;
}

#slideshow #slidesContainer {
  margin:0 auto;
  width:736px;
  height:334px;
  overflow:auto; /* поддержка прокрутки */
  position:relative;
}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:716px; /* На двадцать пикселев меньше чем ширина #slidesContainer */
  height:334px;
}

.control {
  display:block;
  width:52px; /* ширина стрелок */
  height:36px; /* высота стрелок */
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}

#leftControl {
  top: 148px;
  left:0; /* отодвигаем стрелку влево, чем больше значение, тем левее стрелка */
  background: transparent url(http://s3.uploads.ru/nipbU.png) no-repeat 0 0;
}

#rightControl {
  top: 148px;
  right:0; /* отодвигаем стрелку вправо, чем больше значение, тем правее стрелка */
  background: transparent url(http://s3.uploads.ru/5Gi2Z.png) no-repeat 0 0;
}

.zagolov {
	font-weight : bold;
	font-size : 13px;
}

#pun-announcement .container {padding-left: 0em;}
</style>

Само объявление:

Код:
<div align="center" style="width: 820px;">
<!-- Начало слайдера -->
<div id="slideshow">
    <div id="slidesContainer">
<!-- Первый слайд -->
	  <div class="slide">
	  <div align="center" style="width: 716px;">
	  <span class="zagolov">News</span><br>
Текст текст текст текст<br>
все по центру
	  </div>
      </div>
<!-- Второй слайд -->
	  <div class="slide">
	  <span class="zagolov">Links</span><br>
<!-- Таблица со ссылками -->
<table cellspacing="2" cellpadding="2" border="0" width="716">
<tr>
    <td align="center" valign="top" style="width: 34%;">
	<a href="http://адрес ссылки">Описание ссылки</a><br>
	<a href="http://адрес ссылки">Описание ссылки</a><br>
	<a href="http://адрес ссылки">Описание ссылки</a><br>
	<a href="http://адрес ссылки">Описание ссылки</a><br>
	<a href="http://адрес ссылки">Описание ссылки</a><br>
	</td>
    <td align="center" valign="top" style="width: 32%;">
	<a href="http://адрес ссылки">Описание ссылки</a><br>
	<a href="http://адрес ссылки">Описание ссылки</a><br>
	<a href="http://адрес ссылки">Описание ссылки</a><br>
	</td>
    <td align="center" valign="top" style="width: 34%;">
	<a href="http://адрес ссылки">Описание ссылки</a><br>
	<a href="http://адрес ссылки">Описание ссылки</a><br>
	<a href="http://адрес ссылки">Описание ссылки</a><br>
	<a href="http://адрес ссылки">Описание ссылки</a><br>
	</td>
</tr>
</table>
<!-- Конец таблицы со ссылками -->
      </div>
<!-- Третий слайд -->
	  <div class="slide">
        <span class="zagolov">In game</span><br>
<!-- Таблица В Игре -->
<table cellspacing="2" cellpadding="2" border="0" width="716">
<tr>
    <td align="center" style="width: 50%;" valign="top">
<span class="zagolov">Погода/Время</span><br>
Текст текст текст текст погода и время
	</td>
    <td align="center" style="width: 50%;" valign="top">
<span class="zagolov">Квесты</span><br>
<a href="http://адрес ссылки">Описание ссылки</a><br>
<a href="http://адрес ссылки">Описание ссылки</a><br>
<a href="http://адрес ссылки">Описание ссылки</a><br>
<a href="http://адрес ссылки">Описание ссылки</a><br>
	</td>
</tr>
</table>
<!-- Конец таблицы В Игре -->
      </div>
<!-- Четвертый слайд -->
	  <div class="slide">
        <span class="zagolov">Admins</span><br>
<!-- Таблица администрации -->
<table cellspacing="2" cellpadding="2" border="0" width="716">
<tr>
    <td align="center" valign="top" style="width: 50%;">
<span class="zagolov">Главный Администратор</span><br>
<img src="http://адрес картинки" alt="" width="120" height="120" border="0">
	</td>
    <td align="center" valign="top" style="width: 50%;">
<span class="zagolov">Главный Модератор</span><br>
<img src="http://адрес картинки" alt="" width="120" height="120" border="0">
	</td>
</tr>
<tr>
    <td align="center" valign="top">
<span class="zagolov">Администраторы</span><br>
<img src="http://адрес картинки" alt="" width="120" height="120" border="0">
<img src="http://адрес картинки" alt="" width="120" height="120" border="0">
	</td>
    <td align="center" valign="top">
<span class="zagolov">Модераторы</span><br>
<img src="http://адрес картинки" alt="" width="120" height="120" border="0">
<img src="http://адрес картинки" alt="" width="120" height="120" border="0">
	</td>
</tr>
</table>
<!-- Конец таблицы администрации -->
<br>
<div align="center">Подробнее в <a href="http://адрес ссылки">описание ссылки</a></div>


      </div>
<!-- Пятый слайд -->
	  <div class="slide">
        <span class="zagolov">Partners</span><br>
<!-- Таблица Партнеров -->
<table cellspacing="2" cellpadding="2" border="0" width="716">
<tr>
    <td align="center" style="width: 50%;" valign="top">
<span class="zagolov">Друзья</span><br>
Баннер<br>
Баннер<br>
Баннер<br>
Баннер<br>
Баннер<br>
Баннер<br>
	</td>
    <td align="center" style="width: 50%;" valign="top">
<span class="zagolov">Топы</span><br>
Баннер<br>
Баннер<br>
Баннер<br>
	</td>
</tr>
</table>
<!-- Конец таблицы Партнеров -->
      </div>
   </div>
</div>
<!-- Конец слайдера -->
</div>

Кусок в html-низу:

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

Устроит?

+1

183

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

Некорректно. Просто таблица шире нынешнего тела форума. В этом случае правую стрелку надо двигать влево, а не левую)

:glasses:  Попробуй мой слайдер, он и попроще и кодов меньше и с автоцентрированием кнопок
и в таблы с перелистыванием можно встраивать, данный слайдер не работает в скрытой вкладке

0

184

Dessany, пост № 129 этой темы?) У таблиц слайдера закругленные края. А у вас какой браузер?

0

185

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

Попробуй мой слайдер

Как раз рассматриваю  ;)

+1

186

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

Некорректно. Просто таблица шире нынешнего тела форума. В этом случае правую стрелку надо двигать влево, а не левую)

чёрт, женитесь на мне : D  http://mybb.ru/f/collection/0211.gif
дадада, они шикарна ^ ^
спасибо огромное))

0

187

Доброго времени суток.
Ссылка на тестовик
Ссылка на Эскиз

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

0

188

Rion Leonheart
в общем мой заказ резко стал неактуальным по причине помощи друга х)

0

189

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

Мне нужно, чтобы информация, всплывающая при наведении на "картинку с всплывающим описанием", была поверх слайдера :3

Собственно, понятие растяжимое, но перетянул как понял - по эскизу.

Обновите полностью html-верх:

Код:
<div align=justify style="height:273px;overflow-y:auto;position: absolute; top: 150px;width:223px; margin-left: 592px;"><b>©27.03.13</b><br>
Да здравствует революция! Главный Администратор <b>Mion Izumi</b> снята с занимаемой должности по ряду уважительных причин. Доселе исполняющий её обязанности <b>~L~</b> становится полноправным Главным Администратором и Владельцем форума и Ролевой в целом. Поздравим же L с новой должностью и пожелаем ему удачи в нелёгком деле Администрирования.
<br>
Так же, как вы уже смогли заметить, дизайн изменён. В шапке красуется всеми любимая <b>Seriette Hong</b>, которая и сделала этот дизайн, за что ей спасибо (<3)<br>
Похвалить/Поругать нерадивого дизайнера можно в <i>>Этой Теме<</i>
</div>









<style type="text/css">
.punbb A:link
 {text-decoration: none;}
.punbb A:visited 
 {text-decoration: none;}
</style>




<!--Кнопки в верх в низ-->
<div style="position:fixed; right
:0.7%; bottom: 10%;">
<a href=#top onClick="scrollTo(0,0); return false;" title="Вверх страницы">
<img src="http://s2.uploads.ru/byCGU.png" alt="Вверх страницы" ></a>
<br/>
<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
<img src="http://s2.uploads.ru/zxNGf.png" alt="Вниз страницы" ></a>
</div>






<!--черта в подписи-->
<style>.punbb .post-sig dt {background-color:#000000;
height:1px;width:200px;border:none;}}</style>




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

#menu-css {margin: 0; padding: 0;}
 
#menu-css li { 
  display: inline-block;
  padding: 0.5em;
  margin: 1em 2% 1em auto;
  width: auto;
  border: none;
  background-color: transparent;
  text-align: center;}
 
#menu-css li ul { 
  position: absolute; 
  margin-top: 5px;
  margin-left: -6px;
  z-index: 1000;
  display: none; 
  width: 130px;
  padding: 0 !important;}
 
#menu-css li:hover ul {
  display: block;}
 
#menu-css li li {
  display: block;
  float: none;
  width: 180px;
  height: 180px;
  overflow-y: auto;
  padding: 0.5em 0;
  background-color: #A18D7C;
  border: 1px solid #000;
  margin: -140px 0 0 -180px;}
 
#menu-css li li:hover {
  position: relative;
  z-index: 1000;
  background-color: #A18D7C;}


#dean td {
  text-align: center;
  }
</style>


<link rel="stylesheet" type="text/css" href="http://forumstatic.ru/files/0010/b4/f8/71526.css" />
<script type="text/javascript" src="http://forumstatic.ru/files/0010/b4/f8/88003.js"></script>

Обновите полностью html-низ:

Код:
<br><br><br><br><br><br><br><br>



<script type="text/javascript">
    var DefAvtr="http://savepic.org/1864006.png";

    var s='<li class="pa-avatar item2"><img class="defavtr" src="'+DefAvtr+'" alt="Аватар"/></li>';$("li.pa-title").each(function(){if (($(this).parent("ul").find("li.pa-avatar").html())==null){$(this).after(s);};});
    </script>



<style type="text/css">
.pa-adnote{ text-align: center;}
.pa-from{ text-align: center;}
.pa-avatar, .pa-title, .pa-author { text-align: center;}
</style>






<script type="text/javascript">
            inColor("#3b2b5b", new Array("Shinanomi", "Araragi Rayden"))
            inColor("#210034", new Array("Naomi", "", "", ""))
            inColor("#4a6a40", new Array("", ""))


            function inColor(color, myarray){
            var a=document.links
            for(i=0;i<a.length;i++){
            for(q=0;q<myarray.length;q++){
            if(a[i].innerHTML==myarray[q]){
            a[i].innerHTML="<span style=\"color: "+color+";\">"+myarray[q]+"</span>"
            }}}}
            </script>






<script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
	if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>';
	}
}
</script>






<script type="text/javascript">
var text="<center><br><font color=#3b2b5b> Администраторы </font> | <font color=#210034> Модераторы </font> </center>"
pa=document.getElementById("pun-stats")
pa.style.position = "relative"
pa.innerHTML = "<div style=\"position:absolute; z-index:3; center: 10px; top: 40px; width: 100%;\">"+text+"</div>"+ pa.innerHTML
</script>









<script type="text/javascript">
    PiarNik="PR-Diary";
    PiarPas="11111";

    var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
    <form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
    <fieldset>\
    <input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
    <input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
    <input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
    <input type=\"submit\" class=\"button\" name=\"login\"/>\
    </fieldset>\
    </form>\
    </div>\
    <li id=\"navpiar\"><span id=spMyimg><a onclick=\"PiarIn()\">PR - Вход</a></span></li>";
    if($("#navlogin").html()!=null){

    $("#navlogin").after(L) //navlogin
    $("#PR_loginDiv #fld1").val(PiarNik)
    $("#PR_loginDiv #fld2").val(PiarPas)
    function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
    }
    </script>

Обновите полностью объявление:

Код:
<table id="dean" style="width: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 30%;" rowspan="2" valign="top">

В этой колонке мы разместим ссылки на другие сайты

</td>
<td style="width: 70%;">

<ul id="menu-css"> 
 <li> 
  <img src="http://s2.uploads.ru/YCwzD.png"/>
  <ul> 
   <li><img src="http://s3.uploads.ru/dXUW5.png"/><br/><b>~L~</b><br/><i>Гениальный Талант</i><br/>Главный Администратор.</li> 
  </ul> 
 </li> 

 <li> 
  <img src="http://s3.uploads.ru/zDksx.png"/>
  <ul> 
   <li><img src="http://s2.uploads.ru/A6EJi.png"/><br/><b>Seriette Hong</b><br/><i>Певчая Пташка</i><br/>Помощник Главного Администратора. Генератор идей во всей своей красе, ГМ, дизайнер и Квестоплёт. Мастер раздавать волшебные пендели должникам.<br/>Относительно добрый, но справедливый администратор. Не королева, хоть корона ей очень к лицу.</li> 
  </ul> 
 </li> 

 <li> 
  <img src="http://s3.uploads.ru/hIOw9.png"/>
    <ul> 
   <li><img src="http://s3.uploads.ru/KzF5s.png"/><br/><b>King Howard</b><br/><i>Грамматическая Инквизиция</i><br/>Администратор. Анкетный хранитель, Ценитель Могучего Русского Языка, Граммар Наци и Пиарщик.</li> 
  </ul> 
 </li> 

 <li> 
  <img src="http://s2.uploads.ru/BT2Pv.png"/>
  <ul> 
   <li><img src="http://s2.uploads.ru/cdiry.png"/><br/><b>Alex</b><br/><i>Главный Мафиози</i><br/>Администратор. Опекун, Мастер аватарок и Пиарщик.<br/>
Добрый, но жутко ленивый человек, который снабдит вас графикой и поможет, став опекуном. При пожаре выносить первым, ибо Царь для себя.</li>
  </ul> 
 </li> 
</ul>

</td>
</tr>
<tr>
<td>

<!-- Cлайдер --><div id="slider2" slide-width="600" slide-height="200" class="slider" style="padding:0;height:0;width:0"><style>/*

<!-- Две Кнопки слайдера -->
    <img button-width="47" class="button-left hide" src="http://s2.uploads.ru/2YLS4.png"/>
    <img button-width="47" class="button-right" src="http://s3.uploads.ru/muezF.png"/>

<!-- 1-й Контейнер слайдера -->
<div class="slider-content active">

    1-й Контент

</div>
<!-- 2-й Контейнер слайдера -->
<div class="slider-content">

    2-й Контент

</div>
<!-- 3-й Контейнер слайдера -->
<div class="slider-content">

    3-й Контент

</div>
<!-- 4-й Контейнер слайдера -->
<div class="slider-content">

    4-й Контент

</div>
<!-- 5-й Контейнер слайдера -->
<div class="slider-content">

    5-й Контент

</div>

   */</style></div><script>$("#slider2").slideF(1);</script><!--//End Cлайдер -->

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

0

190

Rion Leonheart
Огромнейшее спасибо <33
Но можно сделать всплывающую информацию снизу картинки, а не слева?  http://mybb.ru/f/collection/0208.gif
Ох, я уже Вас боготворю~

0

191

Rion Leonheart
А не сможете подсказать почему прокрутки обещанной нет...
http://tlkagain.rusff.ru/ - форум

код объявления

<table cellspacing="0" cellpadding="0" border="0" style="margin-left: -14px!important;">
<tr>
    <td align="center">
<!-- Слайдер -->
<div id="slideshow">
    <div id="slidesContainer">
<!-- Первый слайд -->
  <div class="slide">
<table cellspacing="2" cellpadding="2" border="0" style="width: 700px; height: 325px;">
<tr>
    <td align="center" valign="top" style="width: 200px;">
Welcome!<br>
<div class="skrug" style="padding: 1px; width: 99%; height: 300px;">
Здесь будет текст приветствия.
</div>
</td>
    <td align="center" valign="top" style="width: 350px;">
NEWS<br>
<div style="overflow-y: auto; overflow-x: hidden; padding: 1px; width: 346px; height: 300px;" class="skrug">
Здесь текст новостей. Прокрутка появится автоматически.
</div>
</td>
    <td align="center" valign="top" style="width: 150px;">
Партнеры<br>
<div class="skrug" style="padding: 1px; width: 99%; height: 300px;">
Здесь будут баннеры партнеров
</div>
</td>
</tr>
</table>
      </div>
<!-- Второй слайд -->
  <div class="slide">
<table cellspacing="2" cellpadding="2" border="0" style="width: 700px; height: 325px;">
<tr>
    <td align="center" valign="top" style="width: 220px;">
LINKS<br>
<div class="skrug" style="padding: 1px; width: 99%; height: 300px;">
<a href="адрес ссылки">Описание ссылки</a><br>
<a href="адрес ссылки">Описание ссылки</a><br>
<a href="адрес ссылки">Описание ссылки</a><br>
<a href="адрес ссылки">Описание ссылки</a><br>
<a href="адрес ссылки">Описание ссылки</a><br>
<a href="адрес ссылки">Описание ссылки</a><br>
</div>
</td>
    <td align="center" valign="top">
ADMINISTRATION<br>
<div class="skrug" style="padding: 1px; width: 99%; height: 300px;">
<a href="ссылка на профиль"><img src="адрес картинки аватара" alt="" width="50" height="50" border="0"></a>
<a href="ссылка на профиль"><img src="адрес картинки аватара" alt="" width="50" height="50" border="0"></a>
</div>
</td>
</tr>
</table>

      </div>
   </div>
</div>
<!-- END Слайдер -->
</td>
</tr>
</table>

П.С. В ИЕ текст новостей полностью виден, в файрфоксе нет. И соответственно прокрутки нет. И также в чем я накосячила, что исчезли нижние границы?
Буду признательна, если ответите.
Вы спасете мне мой мозг и жизнь

Отредактировано Dessany (Чт, 28 Мар 2013 22:10:23)

0

192

1) http://s3.uploads.ru/gZh5K.png
2) http://talias.mybb.ru/ на будущий диз нужна сюда
3) Слева шесть кнопочек картинками будут. где-то 100 в ширину и 30 в высоту пикселей .6 штучек. В каждой вкладке два столбика сделать. Соотношение левого и правого 60 % и 40 % по ширине имею в виду) Сама табличка в ширину 800 пикселей.в высоту сколько выйдет. Еще огромная просьба. Фоном будет картинка, оставить под нее место. И если можно, чтобы табличка регулировалась в высоту. То есть опускалась и поднималась в ручную, как будет нужно. Ее месторасположение на форуме

0

193

эскиз
http://s2.uploads.ru/n2IBG.jpg
пояснения: 1. там где слайдер нужно сделать чтобы последний слайд при нажатии на соответствующую кнопочку переходил в первый и наоборот. всего слайдов 4
кнопка правая
кнопка левая
2. в партнерах сделать прокручивающуюся полосу с остановкой при наведении
форум
http://tibidochs.mybb.ru/

заранее благодарю

0

194

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

Но можно сделать всплывающую информацию снизу картинки, а не слева?

Це ради бога  :D

Выделенное красным в Html-верху исправьте:

#menu-css li li {
  display: block;
  float: none;
  width: 180px;
  height: auto;
  overflow-y: auto;
  padding: 0.5em 0;
  background-color: #A18D7C;
  border: 1px solid #000;
  margin: -140px 0 0 -180px;}

На 0 (зеро).

0

195

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

Буду признательна, если ответите.

Ну в общем, обновите объявление и потестируйте:

Код:
<table cellspacing="0" cellpadding="0" border="0" style="margin-left: -14px!important;">
<tr>
    <td align="center">
<!-- Слайдер -->
<div id="slideshow">
    <div id="slidesContainer">
<!-- Первый слайд -->
	  <div class="slide">

<table cellspacing="2" cellpadding="2" border="0" style="width: 720px; height: 325px;">
<tr>
 <td align="center" valign="top" style="width: 340px;">

Welcome!
<br/>
<div class="skrug" style="padding: 1px; width: 99%; height: 300px;">
Добро пожаловать на форум  Lion King: Over again! У нас альтернативный сюжет, который Вы не встретите ни в мультфильме, не в Хрониках. Но большинство канонических персонажей задействованы в сюжете. Если у вас появятся вопросы, не бойтесь спрашивать у наших модераторов и администратора.
<br/>
<b>События в игре:</b>
<br/>
Бой Ахади с Като прошел. Последнего изгнали из прайда. Впрочем, все этого ожидали, но только не того, что Сараби уйдет вслед за ним. Что же будет дальше?
<br/>
На свободных территориях затишье. Но, как известно это случается перед бурей, одиночки начинают складываться в группу. И чем все это закончится, пока не знает никто.
</div>

 </td>

 <td align="center" valign="top" style="width: 250px;">

NEWS
<br/>

<div style="overflow-y: auto; overflow-x: hidden; padding: 1px; width: 246px; height: 300px;" class="skrug">

<b>29.03.13</b> Поздравляем Коркусу с днем рождения!
<br/>
<b>28.03.13</b> Нашему форуму 5 месяцев. Мы развиваемся и это радует! Уважаемые участники, просьба активнее учавствовать в квестах, конкурсах и прочих мероприятиях, которые для вас приготовили АМС.
<br/>
<b>14.02.13</b> Поздравляем всех влюбленных с праздником! В честь него до 23 февраля все персонажи из <a href="http://tlkagain.rusff.ru/viewtopic.php?id=82" target="_blank">Акции шестой: влюбленные смотрят в одну сторону</a> принимаются по пробному посту, дополнительно ничего дописывать не нужно!
<br/>
<b>11.11.12</b> Готовится временный осенний дизайн, нас уже 35! Активность идет с переменным успехом, однако, игра все же ведется.
<br/>
<b>22.10.12</b>
Форум развивается, участников становится все больше. Игра уже начата.
<br/>
<b>19.10.12</b>
Форуму второй день. Создаются локации, игры и прочая информация. Начинается активное рекламирование

</div>

 </td>

 <td align="center" valign="top" style="width: 250px;">

Партнеры
<br/>

<div class="skrug" style="padding: 1px; width: 99%; height: 300px;">

<a href="http://almaz4cats1warriors.liverolka.ru/" target="_blank"><img src="http://s1.uploads.ru/i/QVz57.gif" alt="Коты-Воители. Знак Луны."></a>
<a href="http://tlkthebeginning.ru/" target="_blank"><img src="http://forumstatic.ru/files/000a/f9/fe/78764.gif" alt="Король Лев. Начало"/></a>
<a href="http://korollion12.rusff.ru/" target="_blank"><img src="http://uploads.ru/i/P/H/L/PHLzb.gif" alt="The Lion King. Savanna Legends"/></a>
<a href="http://warriorscats.1bb.ru/"><img src="http://savepic.net/1044365.gif" title="сыграй с нами. в жизнь."/></a>
<a href="http://themorion.ru"><img src="http://s1.uploads.ru/i/Ty6RI.gif" alt="Морион. Вкус победы."/></a>
<a target="_blank" href="http://yourkingdom.mybb.ru/"><img src="http://s3.uploads.ru/kvcnR.gif" title="Волчье Королевство"/></a>    
<a target="_blank" href="http://korollevmirdetei.rolebb.ru/"><img src="http://s1.uploads.ru/i/x2E1C.gif"></a>
<a href="http://bambi.mybb.ru/" target="_blank"><img src="http://s2.uploads.ru/Fs7VO.png" alt="Бэмби. Возрождение"/></a>
<a href="http://cwmidnight.spybb.ru/"><img border="0" src="http://s019.radikal.ru/i625/1302/91/8bbf1c8f43b5.gif"/></a>
<a target="_blank" href="http://tlks.rusff.ru"><img src="http://s2.uploads.ru/rSdzT.gif" alt="Иногда, всё не так, как кажется. The Lion King | New Sunrise"/></a>

<br/>
<a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=16490' target='_blank'>	
<script type="text/javascript">
Md=document;Mnv=navigator;
Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&";
Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img src='http://palantir.in/count.php?id=16490&cid=concept_8.gif";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&referer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="'  alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script>
<noscript><img src="http://palantir.in/count.php?id=16490&cid=concept_8.gif" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript>
</a>
<a href="http://wizardtop.ru/in.php?id=1990" target="_blank" title="Волшебный рейтинг игровых сайтов"><img src="http://wizardtop.ru/b/6.gif" border="0" width="88" height="31" alt="Волшебный рейтинг игровых сайтов"/></a>
<a href="http://top.roleplay.ru/19208" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_"><img src="http://img.rpgtop.su/88x31x11x1.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"/></a> 
<br/>
<a href="http://tlkagain.rusff.ru/viewtopic.php?id=318" target="_blank">Кликнул на топы, получи плюс</a>

</div>

	</td>
</tr>
</table>
      </div>
<!-- Второй слайд -->
	  <div class="slide">
<table cellspacing="2" cellpadding="2" border="0" style="width: 720px; height: 350px;">
<tr>
    <td align="center" valign="top" style="width: 220px;">
LINKS<br>
<div class="skrug" style="padding: 1px; width: 99%; height: 300px;">
<a href="http://tlkagain.rusff.ru/viewtopic.php?id=23#p32" target="_blank">Правила</a>
<br>
<a href="http://tlkagain.rusff.ru/viewtopic.php?id=55#p81" target="_blank">Сюжет</a>
<br>
<a href="http://tlkagain.rusff.ru/viewtopic.php?id=21" target="_blank">Время суток и погода в игре<a/><br>
<a 
href="http://tlkagain.rusff.ru/viewtopic.php?id=95" target="_blank">Список прайда Ахади<a/>
<br>
<a href="http://tlkagain.rusff.ru/viewtopic.php?id=97" target="_blank">Список банды<a/><br>
<a href="http://tlkagain.rusff.ru/viewtopic.php?id=121#p1023" target="_blank">Список одиночек и гиен<a/><br>
<a href="http://tlkagain.rusff.ru/viewtopic.php?id=2" target="_blank">Акция первая: Герои нашего времени</a>
<br>
<a href="http://tlkagain.rusff.ru/viewtopic.php?id=3" target="_blank">Акция вторая: одинок не значит несчастен</a>
<br>
<a href="http://tlkagain.rusff.ru/viewtopic.php?id=4" target="_blank">Акция третья: почти одна семья</a>
<br>
<a href="http://tlkagain.rusff.ru/viewtopic.php?id=5" target="_blank">Акция четвертая: А кто сказал, что девушки - слабый пол?</a>
<br>
<a href="http://tlkagain.rusff.ru/viewtopic.php?id=6" target="_blank">Акция пятая: цветы жизни</a>
<br>
<a href="http://tlkagain.rusff.ru/viewtopic.php?id=82" target="_blank">Акция шестая: влюбленные смотрят в одну сторону</a>
<br>
<a href="http://tlkagain.rusff.ru/viewtopic.php?id=83" target="_blank">Акция седьмая: в ритме диско|Boys</a><br>
<a href="http://tlkagain.rusff.ru/viewtopic.php?id=94" target="_blank">Требуются</a>
<br>
<a href="http://tlkagain.rusff.ru/viewtopic.php?id=14" target="_blank">Заявки на позицию администратора/ модератора</a>
</div>
	</td>
    <td align="center" valign="top">
ADMINISTRATION<br>
<div class="skrug" style="padding: 1px; width: 99%; height: 300px;">
<a href="http://tlkagain.rusff.ru/profile.php?id=2"><img src="http://savepic.org/3097939m.png" alt="" width="90" height="90" border="0"></a>
<a href="http://tlkagain.rusff.ru/profile.php?id=31"><img src="http://savepic.org/3098962m.png" alt="" width="90" height="90" border="0"></a>
<a href="http://tlkagain.rusff.ru/profile.php?id=5"><img src="http://savepic.org/3130706m.png" alt="" width="90" height="90" border="0"></a><br>
<a href="http://tlkagain.rusff.ru/profile.php?id=99"><img src="http://savepic.org/3092818.png" alt="" width="90" height="90" border="0"></a>
<a href="http://tlkagain.rusff.ru/profile.php?id=89"><img src="http://savepic.org/3132757.png" alt="" width="90" height="90" border="0"></a>
<a href="http://tlkagain.rusff.ru/profile.php?id=98"><img src="http://savepic.org/3110229.png" alt="" width="90" height="90" border="0"></a>
<a href="http://tlkagain.rusff.ru/profile.php?id=57"><img src="http://savepic.org/3126613.png" alt="" width="90" height="90" border="0"></a>
</div>
	</td>
</tr>
</table>

      </div>
   </div>
</div>
<!-- END Слайдер -->
	</td>
</tr>
</table>

+2

196

Rion Leonheart
Оказывается там текста для прокрутки не хватало.) спасибо огромное, все хорошо)
А не подскажете чтобы поменять шрифт или поставить его вообще картинкой в полях Welcome, News и т.д. это что и где нужно писать?
И размер шрифта внутри полей где и как писать?

0

197

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

И размер шрифта внутри полей где и как писать?

В html-верху есть часть кода:

.skrug {
border: 1px solid #dbd5a5;
padding: 4px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;

font-size: 12px;
}

То, что синим - нужно дописать, 12 - "крутится" в любую сторону.

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

А не подскажете чтобы поменять шрифт или поставить его вообще картинкой в полях Welcome, News и т.д. это что и где нужно писать?

Ну вы заголовки сами найдете в тексте объявления:

а) картинкой - вместо News и т.п. ставим просто:

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

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

б) сменить шрифт/размер - обрамляете ваши News и т.д. в теги:

<h3>заголовок</h3>

В html-верх дописываете:

<style>
#slideshow #slidesContainer .slide h3 {font-size: 14px; font-family: 'comic sans ms';}
</style>

Где - красным - размер шрифта заголовка, синим - семейство шрифтов.

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

Отредактировано Rion Leonheart (Пт, 29 Мар 2013 20:03:48)

+1

198

ne_angel, вместо старого:

Код:
<style type="text/css">
#chron {margin-top: 0px;}

#menu {margin-top: 0px;}

#menu span {
  width: 100px;
  height: 30px;
  text-align: center;
  display: block;
  margin-bottom: 10px;
  padding: 0;
  }

#submenu {
  padding: 3px;
  height: 235px;
  width: 98%;
  background: transparent url(ссылка на пикчу) top center no-repeat;
  }

.submenutext {
  display: none;
  text-align: center;
  font-size: 14px;
  height: 235px;
  }

.submenutext table td {
  text-align: center;
  vertical-align: top;
  }
</style>


<center><table id="chron" style="width: 800px;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td valign="top" align="center" style="width: 100px;">
    <div id="menu">
<span alt="#sm1" style="cursor: pointer;">Кнопка 1</span>
<span alt="#sm2" style="cursor: pointer;">Кнопка 2</span>
<span alt="#sm3" style="cursor: pointer;">Кнопка 3</span>
<span alt="#sm4" style="cursor: pointer;">Кнопка 4</span>
<span alt="#sm5" style="cursor: pointer;">Кнопка 5</span>
<span alt="#sm6" style="cursor: pointer; margin-bottom: 0px;">Кнопка 6</span>
    </div>
   </td>
   <td id="MenuTxT" align="center" valign="top" style="width: 680px;">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">

<table style="width: 100%; height: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 60%;">

Left 1

</td>
<td style="width: 40%;">

Right 1

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

</div>
     <div id="sm2" class="submenutext">

<table style="width: 100%; height: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 60%;">

Left 2

</td>
<td style="width: 40%;">

Right 2

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

</div>
     <div id="sm3" class="submenutext">

<table style="width: 100%; height: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 60%;">

Left 3

</td>
<td style="width: 40%;">

Right 3

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

</div>
     <div id="sm4" class="submenutext">

<table style="width: 100%; height: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 60%;">

Left 4

</td>
<td style="width: 40%;">

Right 4

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

</div>
     <div id="sm5" class="submenutext">

<table style="width: 100%; height: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 60%;">

Left 5

</td>
<td style="width: 40%;">

Right 5

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

</div>
     <div id="sm6" class="submenutext">

<table style="width: 100%; height: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 60%;">

Left 6

</td>
<td style="width: 40%;">

Right 6

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

</div>
</div>
</td>
</tr>
</tbody>
</table></center>


<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

Где:

#chron {margin-top: 0px;}

Изменяя 0 (зеро) можно опускать/поднимать таблицу относительно панели навигации.

#submenu {
  padding: 3px;
  height: 235px;
  width: 98%;
  background: transparent url(ссылка на пикчу) top center no-repeat;
  }

Выделенное синим заменить на ссылку фонового изображения таблицы.

P.S.:
- Я поменяла объявление, но оно выглядит ужасно и все расползлось по телу форума.
- Не забудьте из второго окна стиля удалить куски от старой таблицы.

+2

199

Rion Leonheart
*_* спасибо огромнейшее) то что нужно)идеально) http://mybb.ru/f/collection/0230.gif

0

200

Rion Leonheart
табличка замечательна, а можно вас еще попросить? когда наводишь на картинки(аватары) появляется текст, там написан никнейм, а так же должность.
Вот к примеру как тут: http://wltaiga.roleforum.ru/

0


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