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

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

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


Вы здесь » Единый форум поддержки » Архив » Таблицы на заказ (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)