0 Пользователей и 1 Гость просматривают эту тему.
  • 11 Ответов
  • 863 Просмотров
*

Анатолий

  • Осваиваюсь на форуме
  • 32
  • 0 / 0
как сделать такую сноску?
« : 28.08.2016, 15:40:11 »
Привет всем! извините может за тупой вопрос, но подскажите как сделать такую сноску в тексте как на фото?
*

NewUsers

  • Живу я здесь
  • 2307
  • 214 / 0
  • +375 (25) 627-16-99 (WhatsApp, Telegram)
Re: как сделать такую сноску?
« Ответ #1 : 28.08.2016, 15:50:32 »
Возьми ее из сайта на котором нашел или дай ссылку...
Занимаюсь создание расширений для Joomla 3.10.x и 4.2.x | Доработка и настройка сайтов. Занимаюсь создание Интернет магазинов с нуля на собственном компоненте + оптимизация загрузки страницы (после предоставляю техподдержку).
Работа с DOM деревом на PHP
*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: как сделать такую сноску?
« Ответ #2 : 28.08.2016, 16:36:32 »
<div class="newclass">текст</div>

.newclasss {
padding:20px; /*примерно*/
background:#DEF8DB;
border-color:#BADCB7;
}
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

Анатолий

  • Осваиваюсь на форуме
  • 32
  • 0 / 0
Re: как сделать такую сноску?
« Ответ #3 : 28.08.2016, 17:09:25 »
<div class="newclass">текст</div>

.newclasss {
padding:20px; /*примерно*/
background:#DEF8DB;
border-color:#BADCB7;
}
А новый класс в какой файл добавить? можете пожалуйста по подробнее, шаблон beez_20 в файл personal.css?
*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: как сделать такую сноску?
« Ответ #4 : 28.08.2016, 20:38:45 »
Я не знаю, какой у вас исполняющий CSS, попробуйте туда.
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

Анатолий

  • Осваиваюсь на форуме
  • 32
  • 0 / 0
Re: как сделать такую сноску?
« Ответ #5 : 28.08.2016, 21:07:45 »
Я не знаю, какой у вас исполняющий CSS, попробуйте туда.
вот в этой статье есть такая сноска http://hqsignal.ru/sredstva/net/wi-fi-antenna.html , скажи как она правильно называется?
*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: как сделать такую сноску?
« Ответ #6 : 28.08.2016, 21:38:24 »
<div class="newclass">текст</div>

.newclasss {
padding:20px; /*примерно*/
background:#DEF8DB;
border-color:#BADCB7;
}

меняю на точное, т.к. ссылку дали:

.newclasss {
    color: #3F5C3D;
    background: #dff7dd;
    padding: 17px 27px 17px 25px;
    border: 1px solid #b9dbb6;
    line-height: 1.5em;
    margin: 20px 30px 20px 30px;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

Viktop

  • Захожу иногда
  • 97
  • 5 / 0
Re: как сделать такую сноску?
« Ответ #7 : 29.08.2016, 04:48:44 »
А лучше так) проще пользоваться будет в редакторе
естественно в конец файла CSS
blockquote {
    color: #3F5C3D;
    background: #dff7dd;
    padding: 17px 27px 17px 25px;
    border: 1px solid #b9dbb6;
    line-height: 1.5em;
    margin: 20px 30px 20px 30px;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

Затем в редакторе (в JCE точно) выделяете текст и жмете кнопку цитата
*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: как сделать такую сноску?
« Ответ #8 : 29.08.2016, 06:42:59 »
Просто про цитаты речи не было. Тогда можно уже и иными способами:

http://editlw.ru/articles.php?article_id=288
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

Shustry

  • Гуру
  • 6434
  • 745 / 3
Re: как сделать такую сноску?
« Ответ #9 : 29.08.2016, 18:26:11 »
Но ведь это не обязательно цитата. Просто акцидентный текст. На скрине, кстати, ни разу не цитата.
*

Missile

  • Завсегдатай
  • 1098
  • 90 / 1
Re: как сделать такую сноску?
« Ответ #10 : 29.08.2016, 21:03:41 »
Но ведь это не обязательно цитата. Просто акцидентный текст. На скрине, кстати, ни разу не цитата.
Думаю, имелось в виду, что так будет проще назначать класс DIV'у, не залезая в HTML-разметку статьи. Лайфхак, так сказать.
*

Shustry

  • Гуру
  • 6434
  • 745 / 3
Re: как сделать такую сноску?
« Ответ #11 : 29.08.2016, 22:05:02 »
Думаю, имелось в виду, что так будет проще назначать класс DIV'у, не залезая в HTML-разметку статьи. Лайфхак, так сказать.
Это не лайфхак, т.к. страдает семантика документа. Тэги следует использовать по-назначению. Использование blockquote вместо p, использование h* для увеличения размера шрифта, «вёрстка» таблицами… Это всё традиционные ошибки новичков.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как сделать модуль на полный экран? Подробнее в в теме?

Автор 62411

Ответов: 3
Просмотров: 974
Последний ответ 23.02.2022, 20:35:06
от marksetter
Сделать аналог

Автор pegas-k1

Ответов: 8
Просмотров: 1413
Последний ответ 02.02.2021, 13:56:21
от **vadim**
Как сделать рабочим {loadposition} или jdoc:include в com_content?

Автор Amigo9876

Ответов: 5
Просмотров: 1721
Последний ответ 31.07.2020, 16:49:37
от tigra-uki
Как сделать счета накладные или только заказ в пдф?

Автор master-dors

Ответов: 0
Просмотров: 1017
Последний ответ 06.04.2018, 18:33:36
от master-dors
Как сделать активные оповещения о входящих Личных Сообщениях?

Автор Yonakano

Ответов: 1
Просмотров: 1428
Последний ответ 13.08.2017, 23:23:59
от voland