Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Пакеты Forum 2x2автор Dana Domirani Сегодня в 14:11
» Как поменять вид нумерации страниц тем?
автор Goodmonday Апрель 18th 2024, 21:04
» Форум не корректно загружается.
автор anna4842 Апрель 12th 2024, 23:48
» Не корректное отображение картинок
автор Красноперова О.А. Апрель 12th 2024, 15:49
» Ошибка на форуме: Could not obtain topic posts informations
автор fatalone Апрель 9th 2024, 13:43
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Март 28th 2024, 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
Таблица
Участников: 2
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Панель администратора :: [Архив] Панель администратора
Страница 1 из 1
Таблица
Здраствуйте!
Я бы хотел спросить, как возможно изменить цвет шрифта и таблицы в этом коде ?
Я не понял какие коды за это отвечают.
Я бы хотел спросить, как возможно изменить цвет шрифта и таблицы в этом коде ?
Я не понял какие коды за это отвечают.
- Код:
<tbody>
<tr>
<td colspan="2" style="vertical-align: top;">
<h1>Добро пожаловать!</h1>
<p style="margin: 0 auto;text-align: center">
<img src="http://i56.servimg.com/u/f56/15/82/36/69/dfdf310.png" alt="" />
</p>
<p>
<img src="http://i56.servimg.com/u/f56/15/82/36/69/hh447710.jpg" style="float:left;margin:0 5px 0 0" alt="" /> Будет Алоэ – будем жить. Сегодня наша беседа идет о Алоэ. С Алоэ я сталкивался сам, видел и у других. Так издревле бывало: Алоэ – много и Алоэ – мало. Величие не в том, чтобы впадать в Алоэ, но в том, чтобы касаться одновременно двух Алоэ и заполнять промежуток между ними. Алоэ как горчица, требует осторожности и знания меры. Боль души иногда сладка, когда заедаешь ее Алоэ. Алоэ – это то, что случается с нами, пока мы строим планы на будущее. Алоэ. Люди лишь воспользовались тем, что нашли в природе. А вот «Эола» – это Алоэ наоборот. Если вы из того поколения, которое ждало 12 долгих лет, чтобы увидеть Алоэ, если вы еще не так стары, но из тех, кому интересно, кого люди ждали 12 чертовых лет, то с радостью сообщаю – Алоэ уже здесь. Алоэ уже перешагнул последнюю грань, отделяющую разумных существ от неразумных, но по улицам не носятся религиозные фанатики с криками «Алоэ, Алоэ!!» — мир, вроде, ничего и не заметил. Пусть Алоэ сияет здоровьем!
</p>
<p style="margin: 0 auto;text-align: center">
<img src="http://i56.servimg.com/u/f56/15/82/36/69/dfdf210.png" alt="" />
</p>
</td>
<td style="width: 280px; text-align: center;" rowspan="2">
<img src="http://i56.servimg.com/u/f56/15/82/36/69/we310.png" alt="" />
</td>
</tr>
<tr>
<td colspan="2" class="miniimg">
<h1>Иконки со ссылками</h1>
<a href="#"><img src="http://i56.servimg.com/u/f56/15/82/36/69/000910.jpg" alt="" title="ссылка 1" /></a><a href="#"><img src="http://i56.servimg.com/u/f56/15/82/36/69/000210.jpg" alt="" title="ссылка 2" /></a><a href="#"><img src="http://i56.servimg.com/u/f56/15/82/36/69/000310.jpg" alt="" title="ссылка 3" /></a><a href="#"><img src="http://i56.servimg.com/u/f56/15/82/36/69/000410.jpg" alt="" title="ссылка 4" /></a><a href="#"><img src="http://i56.servimg.com/u/f56/15/82/36/69/000110.jpg" alt="" title="ссылка 5" /></a>
</td>
</tr>
<tr>
<td style="vertical-align: top;">
<h1>Разделы</h1>
<!-- замените символы # на ссылки -->
<p style="margin: 0 auto;text-align: center">
<img src="http://i56.servimg.com/u/f56/15/82/36/69/dfdf310.png" alt="" />
</p>
<form>
<select onchange="location.href=(form.select.options[form.select.selectedIndex].value)" class="forminput" name="select">
<optgroup label="Основные разделы форума">
<option value="/forum">Главная</option>
<option value="/faq">FAQ</option>
<option value="/search">Поиск</option>
</optgroup>
<optgroup label="Для гостей и партнеров">
<option value="#">Задать вопрос</option>
<option value="#">Гостевая</option>
<option value="#">Реклама</option>
</optgroup>
</select>
</form>
<p style="margin: 0 auto;text-align: center">
<img src="http://i56.servimg.com/u/f56/15/82/36/69/dfdf210.png" alt="" />
</p>
<p>
Алоэ есть. Если верить. И хотеть. В неравной борьбе за Алоэ все равны. Да, мы интеллигентные люди, поэтому и говорим на эту тему. Пусть другие молчат. А мы будем говорить. Если человек знает что он хочет, то он либо мало знает, либо хочет Алоэ.
</p>
</td>
<td style="width:400px; vertical-align: top;">
<h1>Информация</h1>
<div class="novosty">
<p>
2014 Март. Текст новости, например. Сегодня наша беседа идет о Алоэ. С Алоэ я сталкивался сам, видел и у других.
</p>
<p>
2014 Март. Текст новости, например. Сегодня наша беседа идет о Алоэ. С Алоэ я сталкивался сам, видел и у других.
</p>
<p>
2014 Март. Текст новости, например. Сегодня наша беседа идет о Алоэ. С Алоэ я сталкивался сам, видел и у других.
</p>
<p>
2014 Март. Текст новости, например. Сегодня наша беседа идет о Алоэ. С Алоэ я сталкивался сам, видел и у других.
</p>
<p>
2014 Март. Текст новости, например. Сегодня наша беседа идет о Алоэ. С Алоэ я сталкивался сам, видел и у других.
</p>
<p>
2014 Март. Текст новости, например. Сегодня наша беседа идет о Алоэ. С Алоэ я сталкивался сам, видел и у других.
</p>
<p>
2014 Март. Текст новости, например. Сегодня наша беседа идет о Алоэ. С Алоэ я сталкивался сам, видел и у других.
</p>
<p>
2014 Март. Текст новости, например. Сегодня наша беседа идет о Алоэ. С Алоэ я сталкивался сам, видел и у других.
</p>
<p>
2014 Март. Текст новости, например. Сегодня наша беседа идет о Алоэ. С Алоэ я сталкивался сам, видел и у других.
</p>
<p>
2014 Март. Текст новости, например. Сегодня наша беседа идет о Алоэ. С Алоэ я сталкивался сам, видел и у других.
</p>
<p>
2014 Март. Текст новости, например. Сегодня наша беседа идет о Алоэ. С Алоэ я сталкивался сам, видел и у других.
</p>
<p>
2014 Март. Текст новости, например. Сегодня наша беседа идет о Алоэ. С Алоэ я сталкивался сам, видел и у других.
</p>
<p>
2014 Март. Текст новости, например. Сегодня наша беседа идет о Алоэ. С Алоэ я сталкивался сам, видел и у других.
</p>
<p>
2014 Март. Текст новости, например. Сегодня наша беседа идет о Алоэ. С Алоэ я сталкивался сам, видел и у других.
</p>
<p>
2014 Март. Текст новости, например. Сегодня наша беседа идет о Алоэ. С Алоэ я сталкивался сам, видел и у других.
</p>
<p>
2014 Март. Текст новости, например. Сегодня наша беседа идет о Алоэ. С Алоэ я сталкивался сам, видел и у других.
</p>
</div>
</td>
<td class="banners">
<h1>Баннеры</h1>
<a href="#"><img src="http://i56.servimg.com/u/f56/15/82/36/69/e87e5510.png" alt="название баннера 1" title="название баннера 1" /></a><br /><a href="#"><img src="http://i56.servimg.com/u/f56/15/82/36/69/e87e5510.png" alt="название баннера 2" title="название баннера 2" /></a><br /><a href="#"><img src="http://i56.servimg.com/u/f56/15/82/36/69/e87e5510.png" alt="название баннера 3" title="название баннера 3" /></a><br /><a href="#"><img src="http://i56.servimg.com/u/f56/15/82/36/69/e87e5510.png" alt="название баннера 3" title="название баннера 3" /></a><br /><a href="#"><img src="http://i56.servimg.com/u/f56/15/82/36/69/e87e5510.png" alt="название баннера 3" title="название баннера 3" /></a>
</td>
</tr>
</tbody>
</table>
<style type="text/css">
table.paneltable td {
background: #c7dd77;
background: -moz-linear-gradient(top, #c7dd77 1%, #e3f5ab 46%, #f8ffe8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#c7dd77), color-stop(46%,#e3f5ab), color-stop(100%,#f8ffe8));
background: -webkit-linear-gradient(top, #c7dd77 1%,#e3f5ab 46%,#f8ffe8 100%);
background: -o-linear-gradient(top, #c7dd77 1%,#e3f5ab 46%,#f8ffe8 100%);
background: -ms-linear-gradient(top, #c7dd77 1%,#e3f5ab 46%,#f8ffe8 100%);
background: linear-gradient(to bottom, #c7dd77 1%,#e3f5ab 46%,#f8ffe8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7dd77', endColorstr='#f8ffe8',GradientType=0 );
border-radius: 12px;
padding: 5px 10px;
}
/* Заголовки разделов */
.paneltable h1 {
border-bottom: none;
background-color: #fff;
margin: 5px 0;
border-radius: 6px;
padding: 5px;
color: #6BA00D;
font-size: 1.6em;
font-weight: bold;
text-align: center;
}
.paneltable p {
text-align: justify;
font-style: italic;
}
/* ячейка с иконками */
.miniimg {
vertical-align:middle;
height:120px;
text-align:center;
}
/* Иконки со ссылками */
.miniimg img {
border: 5px solid #fff;
margin: 0 5px 5px;
border-radius: 12px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
/* Иконки со ссылками при наведении */
.miniimg img:hover {
border: 5px solid #6BA00D;
}
/* ячейка с баннерами */
.paneltable td.banners {
vertical-align: top;
text-align: center;
}
/* ячейка с баннерами > настройка баннеров */
.paneltable td.banners img {
border: 3px solid #fff;
margin: 5px 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
/* ячейка с баннерами > настройка баннеров при наведении */
.paneltable td.banners img:hover {
border: 3px solid #6BA00D;
}
/* блок с прокруткой */
.novosty {
width: 100%;
height: 250px;
overflow-x: hidden;
overflow-y: scroll;
}
.novosty p {
margin-right: 10px;
}
/* разворачивающийся список */
.paneltable select {
width: 100%;
background-color: #fff;
border: 1px solid #AEEB2E;
border-radius: 6px;
padding: 5px 0;
}
</style>" />
Последний раз редактировалось: Natsu (Апрель 10th 2014, 19:06), всего редактировалось 1 раз(а)
Natsu-
-
Сообщения : 141
Возраст : 29
Регистрация : 2013-06-07
Благодарности : 0
Re: Таблица
Вот эта часть —
— и есть таблица стилей.
- Код:
<style type="text/css">
table.paneltable td {
background: #c7dd77;
background: -moz-linear-gradient(top, #c7dd77 1%, #e3f5ab 46%, #f8ffe8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#c7dd77), color-stop(46%,#e3f5ab), color-stop(100%,#f8ffe8));
background: -webkit-linear-gradient(top, #c7dd77 1%,#e3f5ab 46%,#f8ffe8 100%);
background: -o-linear-gradient(top, #c7dd77 1%,#e3f5ab 46%,#f8ffe8 100%);
background: -ms-linear-gradient(top, #c7dd77 1%,#e3f5ab 46%,#f8ffe8 100%);
background: linear-gradient(to bottom, #c7dd77 1%,#e3f5ab 46%,#f8ffe8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7dd77', endColorstr='#f8ffe8',GradientType=0 );
border-radius: 12px;
padding: 5px 10px;
}
/* Заголовки разделов */
.paneltable h1 {
border-bottom: none;
background-color: #fff;
margin: 5px 0;
border-radius: 6px;
padding: 5px;
color: #6BA00D;
font-size: 1.6em;
font-weight: bold;
text-align: center;
}
.paneltable p {
text-align: justify;
font-style: italic;
}
/* ячейка с иконками */
.miniimg {
vertical-align:middle;
height:120px;
text-align:center;
}
/* Иконки со ссылками */
.miniimg img {
border: 5px solid #fff;
margin: 0 5px 5px;
border-radius: 12px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
/* Иконки со ссылками при наведении */
.miniimg img:hover {
border: 5px solid #6BA00D;
}
/* ячейка с баннерами */
.paneltable td.banners {
vertical-align: top;
text-align: center;
}
/* ячейка с баннерами > настройка баннеров */
.paneltable td.banners img {
border: 3px solid #fff;
margin: 5px 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
/* ячейка с баннерами > настройка баннеров при наведении */
.paneltable td.banners img:hover {
border: 3px solid #6BA00D;
}
/* блок с прокруткой */
.novosty {
width: 100%;
height: 250px;
overflow-x: hidden;
overflow-y: scroll;
}
.novosty p {
margin-right: 10px;
}
/* разворачивающийся список */
.paneltable select {
width: 100%;
background-color: #fff;
border: 1px solid #AEEB2E;
border-radius: 6px;
padding: 5px 0;
}
</style>" />
— и есть таблица стилей.
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Таблица
Спасибо)
А вы сможете сделать мне код под черним цветом а шрифт под белым?
А вы сможете сделать мне код под черним цветом а шрифт под белым?
Natsu-
-
Сообщения : 141
Возраст : 29
Регистрация : 2013-06-07
Благодарности : 0
Re: Таблица
Извиняюсь, не поняла: код чего черным?
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Таблица
Сам извиняюсь, обьяснил не ясно
Сделать всё подечерным цветом
А шрифт под белым
Сделать всё подечерным цветом
А шрифт под белым
Natsu-
-
Сообщения : 141
Возраст : 29
Регистрация : 2013-06-07
Благодарности : 0
Re: Таблица
:З
Последний раз редактировалось: Natsu (Апрель 10th 2014, 19:11), всего редактировалось 1 раз(а)
Natsu-
-
Сообщения : 141
Возраст : 29
Регистрация : 2013-06-07
Благодарности : 0
Re: Таблица
Замените вот этот фрагмент
на такой:
- Код:
table.paneltable td {
background: #c7dd77;
background: -moz-linear-gradient(top, #c7dd77 1%, #e3f5ab 46%, #f8ffe8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#c7dd77), color-stop(46%,#e3f5ab), color-stop(100%,#f8ffe8));
background: -webkit-linear-gradient(top, #c7dd77 1%,#e3f5ab 46%,#f8ffe8 100%);
background: -o-linear-gradient(top, #c7dd77 1%,#e3f5ab 46%,#f8ffe8 100%);
background: -ms-linear-gradient(top, #c7dd77 1%,#e3f5ab 46%,#f8ffe8 100%);
background: linear-gradient(to bottom, #c7dd77 1%,#e3f5ab 46%,#f8ffe8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7dd77', endColorstr='#f8ffe8',GradientType=0 );
border-radius: 12px;
padding: 5px 10px;
}
/* Заголовки разделов */
.paneltable h1 {
border-bottom: none;
background-color: #fff;
margin: 5px 0;
border-radius: 6px;
padding: 5px;
color: #6BA00D;
font-size: 1.6em;
font-weight: bold;
text-align: center;
}
на такой:
- Код:
table.paneltable td {
background: #000000;
background: -moz-linear-gradient(top, #000000 0%, #45484d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#45484d));
background: -webkit-linear-gradient(top, #000000 0%,#45484d 100%);
background: -o-linear-gradient(top, #000000 0%,#45484d 100%);
background: -ms-linear-gradient(top, #000000 0%,#45484d 100%);
background: linear-gradient(to bottom, #000000 0%,#45484d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#45484d',GradientType=0 );
border-radius: 12px;
padding: 5px 10px;
color: #fff;
}
/* Заголовки разделов */
.paneltable h1 {
border-bottom: none;
background-color: #45484d;
margin: 5px 0;
border-radius: 6px;
padding: 5px;
color: #fff;
font-size: 1.6em;
font-weight: bold;
text-align: center;
}
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Панель администратора :: [Архив] Панель администратора
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения