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

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

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


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


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

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

Перевести1

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

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

0

Перевести181

Shagrath

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

Рамка из Объявления пропала, осталось от неё фон светлый. Как его вообще убрать ? Что бы одна таблица  была, без этого  фона.

Удаляем, высоту можно отрегулировать с height:

#pun-announcement .html-box {
    width: 90%;
    margin: auto;
    background: #ccc3a4;
    height: 310px;
}

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

Тень  с кнопок не хочет пропадать. Всё повычёркивал, а она остаётся.

У меня исчезла, можете сделать скрин и показать, что и где?

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

И в колонке Навигация :

Если я правильно поняла, то:

скрин

http://savepic.ru/10659629.jpg

Код:
<!-- Контент Второй Вкладки-->
<table border="1" cellpadding="4" cellspacing="1" width="200px">
	<tbody>
<tr>
	<td width="50%"><div class="nav">
            <h1 class="My">ГОСТЯМ:</h1>
<p><a href="http://zapretnayazona.f-rpg.ru/viewtopic.php?id=110" class="tvm" target="">Афиша</a></p>
<p><a href="http://zapretnayazona.f-rpg.ru/viewtopic.php?id=60" class="tvm" target=""> ЧАВО ?</a></p>
<p><a href="http://zapretnayazona.f-rpg.ru/viewtopic.php?id=3" class="tvm" target="">Что такое Зона ? </a></p> 
<p><a href="http://zapretnayazona.f-rpg.ru/viewtopic.php?id=5" class="tvm" target="">Сюжет </a></p> 
<p><a href="http://zapretnayazona.f-rpg.ru/viewtopic.php?id=38" class="tvm" target="">Правила </a></p>
<p><a href="http://zapretnayazona.f-rpg.ru/viewtopic.php?id=36" class="tvm" target="">P-V-P </a></p> 
<p><a href="http://zapretnayazona.f-rpg.ru/viewtopic.php?id=24" class="tvm" target="">Альтернативный сюжет </a></p>
<p><a href="http://zapretnayazona.f-rpg.ru/viewtopic.php?id=187#p11369" class="tvm" target="">Быстрая регистрация</a></p>
<p><a href="http://zapretnayazona.f-rpg.ru/viewtopic.php?id=63#p824" class="tvm" target="">Реклама </a></p>
            </div></td>
	<td width="50%"><div class="nav">
            <h1 class="My">ИГРОКАМ:</h1>
<p><a href="http://zapretnayazona.f-rpg.ru/viewtopic.php?id=11" class="tvm" target="">Шаблон анкет </a></p>
<p><a href="http://zapretnayazona.f-rpg.ru/viewtopic.php?id=4" class="tvm" target=""> Курилка</a></p> 
<p><a href="http://zapretnayazona.f-rpg.ru/viewforum.php?id=12" class="tvm" target="">Конкурсы</a></p> 
<p><a href="http://zapretnayazona.f-rpg.ru/viewtopic.php?id=69#p1608" class="tvm" target="">Розыск !</a></p>
<p><a href="http://zurbaran.rolka.su/viewtopic.php?id=10" class="tvm" target="">action о.3 big move.</a></p> 
<p><a href="http://zurbaran.rolka.su/viewtopic.php?id=11" class="tvm" target="">action о.4</a></p>
            </div></td>
</tr>
	</tbody>
</table>

+ правим стили:

a.tvm {....
    width: 150px;
}

a.tvm:hover {....
    width: 150px;
}

Границы можно убрать тут:

<table border="0" cellpadding="4" cellspacing="1" widt="200px">

upd: правка очепятки

Отредактировано RpM Anastasia (Вт, 26 Июл 2016 12:17:14)

+1

Перевести182

Большое Вам спасибо !

0

Перевести183

RpM Anastasia
Наверно width="200px" ?

RpM Anastasia написал(а):

<table border="1" cellpadding="4" cellspacing="1" widt="200px">

+1

Перевести184

Alex_63
Очепятка, да, width

+1

Перевести185

RpM Anastasia
Приветствую. Делали мне отличные таблицы в шапке форума, месяц прошел, все не нарадуюсь) Благодарю еще раз)
Форум разрастается и появляются новые требования: нужно больше места под баннеры, но нового места под новую таблицу нет. Увидел на одном форуме изящное решение данной проблемы: переключение таблиц. То есть место под таблицу одно, но есть несколько вариантов заполнения таблицы контентом, между которыми (вариантами заполнения) всем пользователям можно переключаться специальными кнопками. Мне нужно такое же, если можно)
Если плохо объяснил, вот ссылка на форум, на котором я это переключение видел

Скриншот с отображение кнопок на сайте- примере, если их сразу не видно
Макет желаемого результата

Нужны такие же кнопки, только меньше размером и расположенные горизонтально. Место их желаемого расположения отражено на макете
http://forumstatic.ru/files/0017/ab/bf/35958.png

Отредактировано Kamia Kitoho (Вс, 21 Авг 2016 01:55:51)

0

Перевести186

Kamia Kitoho
Доброго времени (:
К сожалению, я не могу видеть скрытый текст, ибо не модератор, но суть поняла. К вечеру сделаю (:

+1

Перевести187

RpM Anastasia

+1

Перевести188

RpM Anastasia написал(а):

Kamia Kitoho
Доброго времени (:
К сожалению, я не могу видеть скрытый текст, ибо не модератор, но суть поняла. К вечеру сделаю (:

Извиняюсь, привычка) Вам уже показали в посте выше ссылки, я только скриншот расположения кнопок на сайте- примере скину, на всякий случай, чтоб не искали их долго. А- то заметить их можно не сразу)

тыц

http://forumstatic.ru/files/0017/ab/bf/40619.png

0

Перевести189

Kamia Kitoho
Не без помощи Alex_63 (:
(Скопируйте из вашей таблицы кнопки баннеров, у меня они криво ставились и я убрала большую часть). Стили кнопок в самом конце, если что нужно - подправьте как надо (:

Код:
<table border="0" cellpadding="1" cellspacing="10" style="margin:0 auto; width: 85%; height: 200px;" id="MyTbl">
	<tbody>
<tr>
	<td id="a_box" width="76%">
<!--Administrators-->
<center><div class="blackbox"><b><font size="3" face="Georgia"><font color="purple">Состав Администрации</font></font></b></div><br>
<div class="ImgWrap">
<pre class="image Down" align="center"><br><img src="http://forumstatic.ru/files/0017/a3/4a/99419.gif">
<b>King and God- Kuroro Lucifer</b>
<i>Главный администратор всея форума</i>
• Все держит на своих плечах
• Пишите в гостевой или в лс
• Добрый парень, но и суровость покажет, 
так что лучше не проверяйте это на себе
<br></pre>
  <a href="/profile.php?id=2" target="_blank" style="color: red;"><img class="image UP" src="http://forumstatic.ru/files/0017/a3/4a/73303.png"></a>
</div></center>
	</td>
	<td rowspan="3" id="a_box" width="24%">
<!--Панель навигации-->
<div class="blackbox"><b><font size="3" face="Georgia"><font color="purple">Навигация</font></font></b></div><br>
<font size="3" face="Georgia"><a href="http://ftpl.anihub.ru/viewtopic.php?id=2">Гостевая</a><p>
<a href="http://ftpl.anihub.ru/viewtopic.php?id=11">FAQ по форуму</a></p><p>
<a href="http://ftpl.anihub.ru/viewtopic.php?id=60#p1324">FAQ по анкетам</a></p><p>
<a href="http://ftpl.anihub.ru/viewtopic.php?id=4">Правила</a></p><p>
<a href="http://ftpl.anihub.ru/viewtopic.php?id=51#p921">Акции</a></p><p>
<a href="http://ftpl.anihub.ru/viewtopic.php?id=7#p7">Список ролей</a></p><p>
<a href="http://ftpl.anihub.ru/viewtopic.php?id=21#p33">Шаблон анкеты канона</a></p><p>
<a href="http://ftpl.anihub.ru/viewtopic.php?id=34">Шаблон анкеты неканона</a></p></font><p><font size="3" face="Georgia">
	</font></p></td>
</tr>

<tr>
<td class="BtnCont" style="background:none transparent;padding:0">
	<div class="btn-wrap">
       <span class="btn">Кнопка -1</span>
       <span class="btn">Кнопка- 2</span>
       <span class="btn">Кнопка -3</span>
	</div>
</td>
</tr>

<tr>
	<td id="a_box">

	<div class="tab">
<!--Баннеры-->
<div class="blackbox"><b><font size="3" face="Georgia"><font color="purple">Баннеры</font></font></b></div><br>

<a href="http://forum-top.ru/vote/4978" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_2.gif" alt="Рейтинг форумов Forum-top.ru"></a>

<!-- /Top.Roleplay.Ru -->
<a href="http://urchoice.rolka.su/" target="_blank"><img src="http://forumstatic.ru/files/000b/09/4f/76237.gif" title="Каталог форумов" alt="LYL"></a>
</div>

<div class="tab">
Контент 2-й Вкладки 
</div>

<div class="tab">
Контент 3-й Вкладки 
</div>
</td>
    </tr>
  </tbody>
</table>

<div id="a_news"><div class="blackbox"><b><font face="Georgia" size="3"><font color="purple">Новости</font></font></b></div>
                  <marquee direction="Up" scrollamount="2" onmouseover="this.scrollAmount='0';" onmouseout="this.scrollAmount='2';">
<font size="3" face="Georgia">
<br><i><b><center>7.08.16</center></b></i>
<br><font color="green"><center>Форум пересек рубеж в 40 регистраций и 20 суточных пользователей, с чем Администрация всех и поздравляет! Давайте дружно поднажмем с анкетами и начнем полноценно играть)</center></font>
</font>
	</marquee></div>



<script><!--Переключение вкладок-->
$("#MyTbl .btn:first").addClass("active");$("#MyTbl .tab").hide().eq(0).show();$(document).ready(function(){
$("#MyTbl .btn").click(function(){var L=$(this).index();$("#MyTbl .btn").removeClass("active");$(this).addClass("active");
$("#MyTbl .tab").fadeOut(250);setTimeout(function(){$("#MyTbl .tab").eq(L).fadeIn(250)},252);});});
</script>
<style>
.tab {height: 72px;}
td.BtnCont {text-align: center;}

.BtnCont span.btn {
    background: #9FBBEE; /*Фон кнопок*/
    margin: 0 4px; /*Внешние отступы*/
    padding: 3px 6px; /*Внутренние отступы*/
    cursor: pointer;
}

.BtnCont span.btn.active {
    background: #BDD2F8; /*Фон активных кнопок*/
}</style>

Отредактировано RpM Anastasia (Вс, 21 Авг 2016 14:13:42)

+2

Перевести190

RpM Anastasia
Просто среагировал модератор раньше, я бы и сам Вам все показал без замка))
Прекрасно работает, Вы просто кудесница, я очень доволен результатом, огромное спасибо) Все поставил, залил, подогнал под себя- Вы умница))
Вид тестовика
Уже не первый раз меня спасаете, можете посоветовать материалы, где можно было бы обучиться также прекрасно мастерить таблицы и работать с кодами и скриптами, делать что- то свое? Может, какие- то разделы на Вашем форуме, которые новичок мог бы освоить? Постоянно спрашивать помощи не очень удобно)

Отредактировано Kamia Kitoho (Вс, 21 Авг 2016 14:57:29)

0

Перевести191

Kamia Kitoho
1. Просмотреть темы Таблицы на заказ их минимум 15, там приведены и суммарные коды  и достаточно часто пояснения к использованию,
В теме скриптов есть два три скрипта к таблицам и пояснениям как делать каждый элемент
Для создания простых табл без переключений (типично они являются одним из элементов переключаемых таблиц) есть такой ресурс => http://realadmin.ru/saytostroy/generato … table.html
Для стиля элементов пользуемся справочником => http://htmlbook.ru/css/

+1

Перевести192

Kamia Kitoho
На здоровье (:
К тому что сказал Deff добавлю, что есть множество ресурсов, и многие собраны в теме Справочники и учебники по CSS, HTML, JavaScript, также есть тема Инструменты для поиска и редактирования стиля (скриптов) - для создания и настройки стилей таблиц и стиля в общем.

+2

Перевести193

RpM Anastasia
Благодарю, я и уже начал изучать) Можете еще подсказать, как делается такая таблица с бегущими строками? ("в ролевую требуются", находится справа вверху форума)
Ссылка
Мне нужно будет сменить там цвет и все картинки, а размер и расположение всех значков устраивает (часть контента про администрацию ток удалить из нее)

Отредактировано Kamia Kitoho (Пн, 22 Авг 2016 02:20:42)

0

Перевести194

Kamia Kitoho
Самый простой способ сделать такое - табличка в две строки и четыре(или сколько-нибудь) колонок. Первая строка - названия, вторая - бегущая строка, о ней можно прочесть здесь -> http://htmlbook.ru/html/marquee Пример двух колонок с данного вами сайта, разберетесь сами с помощью даже одного htmlbooka? (:

Свернутый текст
Код:
<center style="font-family: cursive; font-size: 19px; color: #A182AF;">В ролевую требуются</center>
	<table style="margin-top: 5px;width: 100%px">
<tr> 
	<td>
<span style="float: right;background: linear-gradient(to top, #fff, #73757F);width: 60px;text-align: center;border: 1px solid #ccc;border-radius: 5px;margin-top: -5px;">
	<img src="/role/image/protector/10.png" style="height: 20px;border-radius: 0px;">
</span>
	</td>
	<td>
<span style="float: right;background: linear-gradient(to top, #fff, #73757F);width: 60px;text-align: center;border: 1px solid #ccc;border-radius: 5px;margin-top: -5px;">
	<img src="/role/image/protector/20.png" style="height: 20px;border-radius: 0px;">
</span>
	</td>
</tr>
<tr>
	<td>
<marquee scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" direction="up" style=" height: 70px; ">
<img src="/sys/roll/pers/1019.gif" style="width: 56px; height: 56px; border-radius: 4px;border: 1px solid;"><br><img src="/sys/roll/pers/663.gif" style="width: 56px; height: 56px; border-radius: 4px;border: 1px solid;"><br></marquee>
	</td>
	<td>
<marquee scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" direction="up" style=" height: 70px; ">
</marquee>
	</td>
</tr>
	</table>

0

Перевести195

RpM Anastasia
Благодарю, думаю, справлюсь) Только куда нужно будет кидать готовую таблицу, в объявление или в хтмл низ/верх?

0

Перевести196

Kamia Kitoho
Смотря куда вам нужно, работает везде одинаково х)

+1

Перевести197

RpM Anastasia написал(а):

Kamia Kitoho
Смотря куда вам нужно, работает везде одинаково х)

Мне нужно, чтобы там же, где и на сайте- примере отображалось)
пример

0

Перевести198

Kamia Kitoho
Вам RpM Anastasia привела примерный Код для вставки:

Код:
<center style="font-family: cursive; font-size: 19px; color: #A182AF;">В ролевую требуются</center>
	<table style="margin-top: 5px;width: 100%px">
<tr> 
	<td>
<span style="float: right;background: linear-gradient(to top, #fff, #73757F);width: 60px;text-align: center;border: 1px solid #ccc;border-radius: 5px;margin-top: -5px;">
	<img src="/role/image/protector/10.png" style="height: 20px;border-radius: 0px;">
</span>
	</td>
	<td>
<span style="float: right;background: linear-gradient(to top, #fff, #73757F);width: 60px;text-align: center;border: 1px solid #ccc;border-radius: 5px;margin-top: -5px;">
	<img src="/role/image/protector/20.png" style="height: 20px;border-radius: 0px;">
</span>
	</td>
</tr>
<tr>
	<td>
<marquee scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" direction="up" style=" height: 70px; ">
<img src="/sys/roll/pers/1019.gif" style="width: 56px; height: 56px; border-radius: 4px;border: 1px solid;"><br><img src="/sys/roll/pers/663.gif" style="width: 56px; height: 56px; border-radius: 4px;border: 1px solid;"><br></marquee>
	</td>
	<td>
<marquee scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" direction="up" style=" height: 70px; ">
</marquee>
	</td>
</tr>
	</table>

- Вы его пробовали ставить  ?(*Картинки Персов поменяйте на свои

0

Перевести199

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

Вам RpM Anastasia привела примерный Код для вставки:

Да я видел, подправлю, где нужно. Я спросил, куда именно его вставлять. Пробовал в верх хтмл- верх, чтобы было как в примере, но оказалась таблица на уровне объявлений, а не на уровне шапки. Вот и уточняю.

Отредактировано Kamia Kitoho (Пн, 22 Авг 2016 14:06:04)

0

Перевести200

Kamia Kitoho
Поставьте в Объявление - отпишитесь, спозиционируем как нун

0


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