Навигатор по ПА
ФорумТаблица
Участников: 2
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Панель администратора :: Архив раздела Панель администратора
Страница 1 из 1
Таблица
автор Natsu Чт 10 Апр - 18:41
Здраствуйте!
Я бы хотел спросить, как возможно изменить цвет шрифта и таблицы в этом коде ?
Я не понял какие коды за это отвечают.
Я бы хотел спросить, как возможно изменить цвет шрифта и таблицы в этом коде ?
Я не понял какие коды за это отвечают.
- Код:
<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 (Чт 10 Апр - 19:06), всего редактировалось 1 раз(а)
Natsu-
-
Сообщения : 138
Возраст : 29
Регистрация : 2013-06-07
Благодарности : 0
Re: Таблица
автор Dana Domirani Чт 10 Апр - 18:49
Вот эта часть —
— и есть таблица стилей.
- Код:
<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>" />
— и есть таблица стилей.
Dana Domirani- Администратор
-
Сообщения : 21802
Возраст : 39
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8688
-
Re: Таблица
автор Natsu Чт 10 Апр - 18:51
Спасибо) 
А вы сможете сделать мне код под черним цветом а шрифт под белым?
А вы сможете сделать мне код под черним цветом а шрифт под белым?
Natsu-
-
Сообщения : 138
Возраст : 29
Регистрация : 2013-06-07
Благодарности : 0
Dana Domirani- Администратор
-
Сообщения : 21802
Возраст : 39
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8688
-
Re: Таблица
автор Natsu Чт 10 Апр - 18:54
Сам извиняюсь, обьяснил не ясно 
Сделать всё подечерным цветом
А шрифт под белым
Сделать всё подечерным цветом
А шрифт под белым
Natsu-
-
Сообщения : 138
Возраст : 29
Регистрация : 2013-06-07
Благодарности : 0
Re: Таблица
автор Natsu Чт 10 Апр - 18:58
:З
Последний раз редактировалось: Natsu (Чт 10 Апр - 19:11), всего редактировалось 1 раз(а)
Natsu-
-
Сообщения : 138
Возраст : 29
Регистрация : 2013-06-07
Благодарности : 0
Re: Таблица
автор Dana Domirani Чт 10 Апр - 19:01
Замените вот этот фрагмент
на такой:
- Код:
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;
}
Dana Domirani- Администратор
-
Сообщения : 21802
Возраст : 39
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8688
-
Natsu-
-
Сообщения : 138
Возраст : 29
Регистрация : 2013-06-07
Благодарности : 0
Natsu-
-
Сообщения : 138
Возраст : 29
Регистрация : 2013-06-07
Благодарности : 0
Похожие темыБесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Панель администратора :: Архив раздела Панель администратора
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения|
|
|