Как добавить дату создания поста в блоге вместо маркера под типом списка?

0

Эй, я изучаю, как создать базовую веб-страницу с использованием HTML5 и CSS, и мне было интересно, как я могу добавить дату, например "23 октября 2013 года", перед каждой ссылкой в блоге вместо того, где будет точка пули при использовании list-style- введите CSS. Например:

23 Окт 2013 "Как закодировать в HTML

Будет ли пример того, как он будет выглядеть в браузере, имея в виду, что это список?

благодаря

  • 1
    Используйте псевдоэлемент :before .
  • 0
    Будет ли это автоматически публиковать дату, когда я добавлю сообщение? Или мне придется добавлять дату каждый раз? Я хотел бы просто опубликовать дату создания сообщения?
Показать ещё 2 комментария
Теги:

2 ответа

0
Лучший ответ

Чтобы быть настоящим рабочим блогом, другие ответы заставили бы вас динамически создавать css и иметь класс или идентификатор для каждой даты, которую вы хотели отобразить. Было бы лучше установить list-style-type: none а ваша задняя загрузка - даты и заголовки, а не писать ваш css.

HTML/ПСЕВДОКОД:

<ul id="blog">
    {% for post in blog %}
    <li class="post">{{ post.date }} » {{ post.title }}</li>
    {% end for %}
</ul>

CSS:

#blog {
    list-style-type: none
}

Таким образом, это будет выглядеть так:

23 Окт 2013 "Как закодировать в CSS

19 Окт 2013 "Как закодировать в HTML

Поделиться
  • 0
    Спасибо, что было очень полезно, извините, что я нуб, но как именно я могу загрузить дату оттуда?
  • 0
    Вам понадобится серверный язык, или я предполагаю соединение javascript с API. Самый простой ответ, с помощью HTML и CSS, вы не можете.
1

С помощью CSS :before селектором.

Вот рабочий пример.

HTML:

<ul id="blog">
    <li>How to code in HTML</li>
    <li>How to code in CSS</li>
</ul>

CSS:

#blog li:before
{ 
    content:"23 Oct 2013 » ";
}
Поделиться
  • 0
    Спасибо, но будет ли это автоматически публиковать дату, когда я добавлю сообщение? Или мне придется добавлять дату каждый раз? Я хотел бы просто опубликовать дату создания сообщения?
  • 0
    @Isaac Вы не можете сделать это только с помощью CSS / HTML. Вам нужно получить дату, когда сообщение будет создано на вашей платформе публикации / CMS, а затем добавить ее в этот список. Вы используете WordPress?
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню