Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Последние темы
» Убрать значок
автор Леший Сегодня в 12:15

» Свечение для группы а не для юзера
автор Kuzbas63 Сегодня в 9:01

» Оформить имя
автор Kuzbas63 Сегодня в 8:59

» Красивый путь по сайту
автор Kuzbas63 Сегодня в 7:05

» Как убрать надписи в низу форума
автор Kuzbas63 Вчера в 13:51

» Как сократить расстояние
автор Lory Вчера в 10:12

» Искрящийся ник у групп
автор Kuzbas63 Вчера в 8:23

» Как отредактировать цвет на кнопках
автор Lory Вт 15 Авг - 23:58

» Как настроить конфиденциальность
автор катарсис Вт 15 Авг - 21:29

» Проблема с правами
автор Havva Вт 15 Авг - 19:30

Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Таблица

Предыдущая тема Следующая тема Перейти вниз

Таблица

Сообщение автор 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 раз(а)
avatar
Natsu
 

Мужчина

Сообщения : 141
Возраст : 22
Регистрация : 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>" />

— и есть таблица стилей.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22421
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9027

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Таблица

Сообщение автор Natsu в Чт 10 Апр - 18:51

Спасибо) 13 
А вы сможете сделать мне код под черним цветом а шрифт под белым?
avatar
Natsu
 

Мужчина

Сообщения : 141
Возраст : 22
Регистрация : 2013-06-07
Благодарности : 0

Без предупреждений

Вернуться к началу Перейти вниз

Re: Таблица

Сообщение автор Dana Domirani в Чт 10 Апр - 18:53

Извиняюсь, не поняла: код чего черным?



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22421
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9027

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Таблица

Сообщение автор Natsu в Чт 10 Апр - 18:54

Сам извиняюсь, обьяснил не ясно  yes 
Сделать всё подечерным цветом
А шрифт под белым
avatar
Natsu
 

Мужчина

Сообщения : 141
Возраст : 22
Регистрация : 2013-06-07
Благодарности : 0

Без предупреждений

Вернуться к началу Перейти вниз

Re: Таблица

Сообщение автор Natsu в Чт 10 Апр - 18:58



Последний раз редактировалось: Natsu (Чт 10 Апр - 19:11), всего редактировалось 1 раз(а)
avatar
Natsu
 

Мужчина

Сообщения : 141
Возраст : 22
Регистрация : 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;
}



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22421
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9027

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Таблица

Сообщение автор Natsu в Чт 10 Апр - 19:01

Спасибо)
avatar
Natsu
 

Мужчина

Сообщения : 141
Возраст : 22
Регистрация : 2013-06-07
Благодарности : 0

Без предупреждений

Вернуться к началу Перейти вниз

Re: Таблица

Сообщение автор Natsu в Чт 10 Апр - 19:11

Всё решено!
avatar
Natsu
 

Мужчина

Сообщения : 141
Возраст : 22
Регистрация : 2013-06-07
Благодарности : 0

Без предупреждений

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения