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

Анатолий

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

NewUsers

  • Завсегдатай
  • 645
  • 51
Re: как сделать такую сноску?
« Ответ #1 : 28.08.2016, 15:50:32 »
Возьми ее из сайта на котором нашел или дай ссылку...
*

vipiusss

  • Профи
  • 5634
  • 324
  • Круглая ава-зло!
Re: как сделать такую сноску?
« Ответ #2 : 28.08.2016, 16:36:32 »
<div class="newclass">текст</div>

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

Анатолий

  • Осваиваюсь на форуме
  • 32
  • 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

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

Анатолий

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

vipiusss

  • Профи
  • 5634
  • 324
  • Круглая ава-зло!
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
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

  • Профи
  • 5634
  • 324
  • Круглая ава-зло!
Re: как сделать такую сноску?
« Ответ #8 : 29.08.2016, 06:42:59 »
Просто про цитаты речи не было. Тогда можно уже и иными способами:

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

Shustry

  • Группа развития
  • 6430
  • 735
  • Рисую дизайны
Re: как сделать такую сноску?
« Ответ #9 : 29.08.2016, 18:26:11 »
Но ведь это не обязательно цитата. Просто акцидентный текст. На скрине, кстати, ни разу не цитата.
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!
*

Missile

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

Shustry

  • Группа развития
  • 6430
  • 735
  • Рисую дизайны
Re: как сделать такую сноску?
« Ответ #11 : 29.08.2016, 22:05:02 »
Думаю, имелось в виду, что так будет проще назначать класс DIV'у, не залезая в HTML-разметку статьи. Лайфхак, так сказать.
Это не лайфхак, т.к. страдает семантика документа. Тэги следует использовать по-назначению. Использование blockquote вместо p, использование h* для увеличения размера шрифта, «вёрстка» таблицами… Это всё традиционные ошибки новичков.
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как сделать активные оповещения о входящих Личных Сообщениях?

Автор Yonakano

Ответов: 1
Просмотров: 617
Последний ответ 13.08.2017, 23:23:59
от voland
Каким плагином можно сделать мультиколоночное мега-меню как на примере?

Автор Adrian1111

Ответов: 7
Просмотров: 211
Последний ответ 02.08.2017, 10:01:44
от lexxbry
Как сделать порядок мета тегов?

Автор Meiir

Ответов: 4
Просмотров: 470
Последний ответ 11.05.2017, 17:52:33
от vipiusss
Как сделать переадресацию на другой домен?

Автор Acme

Ответов: 8
Просмотров: 306
Последний ответ 28.04.2017, 16:11:02
от Acme
Можно ли сделать ссылку из текста на материал, без добавления в пункты меню

Автор planetaryi

Ответов: 18
Просмотров: 4832
Последний ответ 06.03.2017, 19:31:37
от SmYk