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

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


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

Мы в социальных сетях



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

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


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

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

Оформление цитат и текста

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

Question Оформление цитат и текста

Сообщение автор Jocelyn Palacios в Сб 3 Сен - 0:49

Здравствуйте! smile

Подскажите пожалуйста возможно ли изменить оформив тканью окно цитат и ответа?  Увы, не знаю, как правильно сделать это.

В данный момент оно такое:



Хочу сделать вот такое:



Последний раз редактировалось: Jocelyn Palacios (Вс 4 Сен - 0:04), всего редактировалось 1 раз(а)

Jocelyn Palacios
 
 

Пол : Женщина
Сообщения : 230
Возраст : 27
Место обитания : Россия/Москва
Карма : Без предупреждений
Благодарности : 8
Регистрация : 2013-11-09

http://rosalinda-serfaty.forumofficiel.fr

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

Question Re: Оформление цитат и текста

Сообщение автор Da Vinchi в Сб 3 Сен - 7:12

@Jocelyn Palacios пишет:Здравствуйте! smile

Подскажите пожалуйста возможно ли изменить оформив тканью окно цитат и ответа?  Увы, не знаю, как правильно сделать это.

В данный момент оно такое:



Хочу сделать вот такое:

В CSS надо найти блок начинающийся с quote и в нем добавить фоновое изображение вот таким методом
Код:
background-image: url('ссылка на фоновую картинку');
Если это окажется для Вас просто то в следующем посте расскажу как добавить закругления углов дабы все походило на то, что есть в скрине.

Da Vinchi
 
 

Пол : Мужчина
Сообщения : 157
Возраст : 35
Карма : Без предупреждений
Благодарности : 174
Регистрация : 2016-04-07

http://help.forum2x2.ru/

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

Question Re: Оформление цитат и текста

Сообщение автор Jocelyn Palacios в Сб 3 Сен - 12:14

@Da Vinchi пишет:
В CSS надо найти блок начинающийся с quote и в нем добавить фоновое изображение вот таким методом
Код:
background-image: url('ссылка на фоновую картинку');
Если это окажется для Вас просто то в следующем посте расскажу как добавить закругления углов дабы все походило на то, что есть в скрине.
Здравствуйте! Da Vinchi, smile  
Именно Блока "quote" нет. В коде я его не нашла. Даже через поиск такого слова нет.



Последний раз редактировалось: Jocelyn Palacios (Сб 3 Сен - 19:26), всего редактировалось 1 раз(а)

Jocelyn Palacios
 
 

Пол : Женщина
Сообщения : 230
Возраст : 27
Место обитания : Россия/Москва
Карма : Без предупреждений
Благодарности : 8
Регистрация : 2013-11-09

http://rosalinda-serfaty.forumofficiel.fr

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

Question Re: Оформление цитат и текста

Сообщение автор Феникс в Сб 3 Сен - 14:53

Посмотрите темы http://help.forum2x2.ru/t34983-topic (для ознакомления - Вашей версии форума нет) и http://help.forum2x2.ru/t32513-topic (все версии)

Феникс
 
 

Пол : Мужчина
Сообщения : 430
Возраст : 44
Карма : Без предупреждений
Благодарности : 81
Регистрация : 2015-10-29

http://dayana.forum2x2.ru/

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

Question Re: Оформление цитат и текста

Сообщение автор Феникс в Сб 3 Сен - 15:13



• Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS
 
• Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки

• Где искать JavaScript?
ПА > Модули >  HTML & JAVASCRIPT > Управление кодами Javascript

Феникс
 
 

Пол : Мужчина
Сообщения : 430
Возраст : 44
Карма : Без предупреждений
Благодарности : 81
Регистрация : 2015-10-29

http://dayana.forum2x2.ru/

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

Question Re: Оформление цитат и текста

Сообщение автор Jocelyn Palacios в Сб 3 Сен - 17:09

@Da Vinchi пишет:
В CSS надо найти блок начинающийся с quote и в нем добавить фоновое изображение вот таким методом.
@Jocelyn Palacios пишет:Здравствуйте! Da Vinchi, smile  
Именно Блока "quote" нет. В коде я его не нашла. Даже через поиск такого слова нет.

Конечно, нельзя найти того,что нет. Сейчас код цитаты я добавила.



Обратила внимание, что в предложенном варианте кода для обработки цитат. Имя участника пишется в самом окне текста. Не знаю,может это идея такая или ошибка?



Код отсюда.

http://help.forum2x2.ru/t32513-topic

@Da Vinchi пишет:
Код:
background-image: url('ссылка на фоновую картинку');
Если это окажется для Вас просто то в следующем посте расскажу как добавить закругления углов дабы все походило на то, что есть в скрине
А вот как закруглить углы не знаю. Покажите пожалуйста Da Vinchi smile


Последний раз редактировалось: Jocelyn Palacios (Сб 3 Сен - 19:28), всего редактировалось 2 раз(а)

Jocelyn Palacios
 
 

Пол : Женщина
Сообщения : 230
Возраст : 27
Место обитания : Россия/Москва
Карма : Без предупреждений
Благодарности : 8
Регистрация : 2013-11-09

http://rosalinda-serfaty.forumofficiel.fr

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

Question Re: Оформление цитат и текста

Сообщение автор Jocelyn Palacios в Сб 3 Сен - 17:18

Alexandr Martynov пишет:Посмотрите темы http://help.forum2x2.ru/t34983-topic (для ознакомления - Вашей версии форума нет) и http://help.forum2x2.ru/t32513-topic (все версии)
Здравствуйте! smile
Alexandr Martynov, спасибо большое за помощь! Код цитаты я добавила. Вот, что делать с другим кодам не ясно. Просто добавлять или заменять часть на него?
http://help.forum2x2.ru/t19331-topic

Jocelyn Palacios
 
 

Пол : Женщина
Сообщения : 230
Возраст : 27
Место обитания : Россия/Москва
Карма : Без предупреждений
Благодарности : 8
Регистрация : 2013-11-09

http://rosalinda-serfaty.forumofficiel.fr

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

Question Re: Оформление цитат и текста

Сообщение автор Феникс в Сб 3 Сен - 19:29

Добавить вообще-то. Покажите мне часть кода из Вашей CSS
Код:
.quote { .......
}
в фигурных скобках.

Феникс
 
 

Пол : Мужчина
Сообщения : 430
Возраст : 44
Карма : Без предупреждений
Благодарности : 81
Регистрация : 2015-10-29

http://dayana.forum2x2.ru/

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

Question Re: Оформление цитат и текста

Сообщение автор Jocelyn Palacios в Сб 3 Сен - 19:31

Alexandr Martynov пишет:Добавить вообще-то. Покажите мне часть кода
Код:
.quote { .......
}
в фигурных скобках.
Какую именно его чать?

Jocelyn Palacios
 
 

Пол : Женщина
Сообщения : 230
Возраст : 27
Место обитания : Россия/Москва
Карма : Без предупреждений
Благодарности : 8
Регистрация : 2013-11-09

http://rosalinda-serfaty.forumofficiel.fr

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

Question Re: Оформление цитат и текста

Сообщение автор Феникс в Сб 3 Сен - 19:33

@Jocelyn Palacios пишет:Какую именно его чать?
Между скобками всё, что есть


• Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS
 
• Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки

• Где искать JavaScript?
ПА > Модули >  HTML & JAVASCRIPT > Управление кодами Javascript

Феникс
 
 

Пол : Мужчина
Сообщения : 430
Возраст : 44
Карма : Без предупреждений
Благодарности : 81
Регистрация : 2015-10-29

http://dayana.forum2x2.ru/

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

Question Re: Оформление цитат и текста

Сообщение автор Jocelyn Palacios в Сб 3 Сен - 19:44

Alexandr Martynov пишет:
Между скобками всё, что есть
Код:
table][tr][td]/* оформление цитаты, кода, спойлера */
.codebox {
 display:block;
 border: 1px solid #EEEBDC; /* контур */
 margin: 10px;
 padding: 0 10px 0 20px;
 background: #FFFEEE url('http://i56.servimg.com/u/f56/15/82/36/69/noteye10.gif') repeat;  /* фоновое изображение */
 -moz-box-shadow: 1px 1px 0 #cfc9b7; /* тень */  
  -webkit-box-shadow: 1px 1px 0 #CFC9B7;  /* тень */
 box-shadow: 1px 1px 0 #CFC9B7;  /* тень */
 font-size: 12px !important;  /* размер шрифта */
 line-height: 21px;
 font-family: arial, helvetica, sans-serif !important;  
  font-style: italic !important; /* курсив */  
  color: #696765; /* цвет текста */  
  position: relative;
}

/* оформление цитаты, кода, спойлера - внутренний блок */
.codebox dd, .codebox dt {
  border-top: none;
  border-bottom: none;
  border-right: none;
  border-left: 4px double #F3B3A9 !important; /* двойная черта слева */
 font-size: 12px !important;  /* размер шрифта */
 padding-left: 15px;  
  background-color: transparent !important; /* прозрачный фон */
 line-height: 21px;
}

/* заголовок цитаты, кода, спойлера */
.codebox dt, .codebox dt span {
font-weight: bold !important;
color: #F00 !important; /* цвет заголовков */
font-size: 12px !important;  /* размер шрифта */
}

/* содержимое спойлера */
.spoiler_content {
background-color: transparent !important; /* прозрачный фон */
border: none !important;
font-size: 12px !important;  /* размер шрифта */
color: #444;
display: block;
line-height: 21px;
padding: 0;
}[/td]
[/tr]
[/table]
Всё,что я вставила в CSS.

Jocelyn Palacios
 
 

Пол : Женщина
Сообщения : 230
Возраст : 27
Место обитания : Россия/Москва
Карма : Без предупреждений
Благодарности : 8
Регистрация : 2013-11-09

http://rosalinda-serfaty.forumofficiel.fr

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

Question Re: Оформление цитат и текста

Сообщение автор Феникс в Сб 3 Сен - 19:47

Нету у вас. Добавляйте ниже. 
Код:
.quote {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;

border-color: rgb(0, 255, 0) !important;
}

Феникс
 
 

Пол : Мужчина
Сообщения : 430
Возраст : 44
Карма : Без предупреждений
Благодарности : 81
Регистрация : 2015-10-29

http://dayana.forum2x2.ru/

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

Question Re: Оформление цитат и текста

Сообщение автор Jocelyn Palacios в Сб 3 Сен - 19:50

Alexandr Martynov пишет:Нету у вас. Добавляйте ниже. 
Код:
.quote {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;

border-color: rgb(0, 255, 0) !important;
}
Хорошо. Добавлю. А как закруглить углы?

Jocelyn Palacios
 
 

Пол : Женщина
Сообщения : 230
Возраст : 27
Место обитания : Россия/Москва
Карма : Без предупреждений
Благодарности : 8
Регистрация : 2013-11-09

http://rosalinda-serfaty.forumofficiel.fr

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

Question Re: Оформление цитат и текста

Сообщение автор Феникс в Сб 3 Сен - 19:50

А зачем вы это
Код:
[table][tr][td]
/td][/tr]
[/table]
вставили в таблицу?


• Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS
 
• Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки

• Где искать JavaScript?
ПА > Модули >  HTML & JAVASCRIPT > Управление кодами Javascript

Феникс
 
 

Пол : Мужчина
Сообщения : 430
Возраст : 44
Карма : Без предупреждений
Благодарности : 81
Регистрация : 2015-10-29

http://dayana.forum2x2.ru/

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

Question Re: Оформление цитат и текста

Сообщение автор Jocelyn Palacios в Сб 3 Сен - 19:52

Alexandr Martynov пишет:А зачем вы это
Код:
[table][tr][td]
/td][/tr]
[/table]
вставили в таблицу?
Здесь ошибка. У меня в таблицы её нет


Последний раз редактировалось: Jocelyn Palacios (Сб 3 Сен - 19:56), всего редактировалось 1 раз(а)

Jocelyn Palacios
 
 

Пол : Женщина
Сообщения : 230
Возраст : 27
Место обитания : Россия/Москва
Карма : Без предупреждений
Благодарности : 8
Регистрация : 2013-11-09

http://rosalinda-serfaty.forumofficiel.fr

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

Question Re: Оформление цитат и текста

Сообщение автор Феникс в Сб 3 Сен - 19:54

Код:
.quote {
border-bottom-left-radius: 10px; /левый нижний угол
border-bottom-right-radius: 10px; /правый нижний угол
border-top-left-radius: 10px; /верхний левый угол
border-top-right-radius: 10px; /правый верхний

border-color: rgb(0, 255, 0) !important;
}

10px; - это радиус угла. Можно менять, желательно одинаково.


• Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS
 
• Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки

• Где искать JavaScript?
ПА > Модули >  HTML & JAVASCRIPT > Управление кодами Javascript

Феникс
 
 

Пол : Мужчина
Сообщения : 430
Возраст : 44
Карма : Без предупреждений
Благодарности : 81
Регистрация : 2015-10-29

http://dayana.forum2x2.ru/

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

Question Re: Оформление цитат и текста

Сообщение автор Феникс в Сб 3 Сен - 19:57

@Jocelyn Palacios пишет:В самый низ?
Код:
[table][tr][td]
/td][/tr]
[/table]

Вот это там вообще не нужно. Это html-код.

Феникс
 
 

Пол : Мужчина
Сообщения : 430
Возраст : 44
Карма : Без предупреждений
Благодарности : 81
Регистрация : 2015-10-29

http://dayana.forum2x2.ru/

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

Question Re: Оформление цитат и текста

Сообщение автор Jocelyn Palacios в Сб 3 Сен - 19:59

Alexandr Martynov пишет:
Код:
.quote {
border-bottom-left-radius: 10px; /левый нижний угол
border-bottom-right-radius: 10px; /правый нижний угол
border-top-left-radius: 10px; /верхний левый угол
border-top-right-radius: 10px; /правый верхний

border-color: rgb(0, 255, 0) !important;
}

10px; - это радиус угла. Можно менять, желательно одинаково.

Не работает.

Jocelyn Palacios
 
 

Пол : Женщина
Сообщения : 230
Возраст : 27
Место обитания : Россия/Москва
Карма : Без предупреждений
Благодарности : 8
Регистрация : 2013-11-09

http://rosalinda-serfaty.forumofficiel.fr

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

Question Re: Оформление цитат и текста

Сообщение автор Смех в Сб 3 Сен - 20:01

Код:
.quote {border-radius: 0 10px 0 10px;}
Все браузеры давно поддерживают сокращенную запись. Можно для каждой стороны отдельно не отписывать. yes
ТЫЦ - вообще, админы гугла редко кому доступ ограничивают, а в интернетах полно литературы по этой теме.


Последний раз редактировалось: Смех (Сб 3 Сен - 20:05), всего редактировалось 1 раз(а)

Смех
 
 

Пол : Мужчина
Сообщения : 767
Карма : Без предупреждений
Благодарности : 161
Регистрация : 2010-11-05

http://cmex.forum2x2.net/

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

Question Re: Оформление цитат и текста

Сообщение автор Феникс в Сб 3 Сен - 20:05

@Смех пишет:Все браузеры давно поддерживают сокращенную запись. Можно для каждой стороны отдельно не отписывать.
Ну это если все углы одинаково закруглить. А если нужна импровизация, то для каждого угла отдельно нужно прописывать. Я придерживаюсь полного кода. smile


• Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS
 
• Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки

• Где искать JavaScript?
ПА > Модули >  HTML & JAVASCRIPT > Управление кодами Javascript

Феникс
 
 

Пол : Мужчина
Сообщения : 430
Возраст : 44
Карма : Без предупреждений
Благодарности : 81
Регистрация : 2015-10-29

http://dayana.forum2x2.ru/

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

Question Re: Оформление цитат и текста

Сообщение автор Смех в Сб 3 Сен - 20:06

Alexandr Martynov пишет:
Ну это если все углы одинаково закруглить. А если нужна импровизация, то для каждого угла отдельно нужно прописывать. Я придерживаюсь полного кода. smile

Код:
.quote {border-radius: 0 10px 0 10px;}
Нет же, в этой записи по очереди устанавливает радиус для верхнего левого, верхнего правого, нижнего правого и нижнего левого уголка.

Смех
 
 

Пол : Мужчина
Сообщения : 767
Карма : Без предупреждений
Благодарности : 161
Регистрация : 2010-11-05

http://cmex.forum2x2.net/

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

Question Re: Оформление цитат и текста

Сообщение автор Феникс в Сб 3 Сен - 20:09

И я говорю "нет же" ))) Девушке вообще хочется тока 2 угла закруглить. Она совсем новичок. Получится - будем дальше с командами мудрить. Пока не получается.


• Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS
 
• Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки

• Где искать JavaScript?
ПА > Модули >  HTML & JAVASCRIPT > Управление кодами Javascript

Феникс
 
 

Пол : Мужчина
Сообщения : 430
Возраст : 44
Карма : Без предупреждений
Благодарности : 81
Регистрация : 2015-10-29

http://dayana.forum2x2.ru/

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

Question Re: Оформление цитат и текста

Сообщение автор Смех в Сб 3 Сен - 20:11

Мой код как раз 2 нужных угла и закругляет. yes

Смех
 
 

Пол : Мужчина
Сообщения : 767
Карма : Без предупреждений
Благодарности : 161
Регистрация : 2010-11-05

http://cmex.forum2x2.net/

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

Question Re: Оформление цитат и текста

Сообщение автор Jocelyn Palacios в Вс 4 Сен - 0:03

Спасибо Всем! smile
Я догадалось как сделать и получилось!

Jocelyn Palacios
 
 

Пол : Женщина
Сообщения : 230
Возраст : 27
Место обитания : Россия/Москва
Карма : Без предупреждений
Благодарности : 8
Регистрация : 2013-11-09

http://rosalinda-serfaty.forumofficiel.fr

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

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


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