1. Приветствуем Вас на неофициальном форуме технической поддержки XenForo на русском языке. XenForo - новый и перспективный форумный движок от бывших создателей vBulletin.

1.3.x Как сделать панельку даты публикации над сообщением?

Тема в разделе "Вопросы по стилям, изменения в CSS и шаблонах", создана пользователем Vitala, 19 янв 2014.

Загрузка
  1. Vitala

    Vitala Активный пользователь

    Регистрация:
    23.04.13
    Сообщения:
    124
    Симпатии:
    4
    Версия XF:
    1.1.4
    Подскажите пожалуйста как сделать панельку даты публикации над сообщениями?

    [​IMG]


    Вопрос затрагивался уже много раз, в том числе и на данном форуме, но ответ на него пока не найден, на сколько мне известно. Давайте же попробуем разобрать этот интересующий многих момент.
     
    Последнее редактирование: 19 янв 2014
  2. MiVa

    MiVa Местный

    Регистрация:
    05.02.13
    Сообщения:
    72
    Симпатии:
    42
    А что значит панельку?

    А перенести дату публикации и номер сообщения вверх и по средствам css кружить это дело в рамку, не пробовали?
     
  3. Vitala

    Vitala Активный пользователь

    Регистрация:
    23.04.13
    Сообщения:
    124
    Симпатии:
    4
    Версия XF:
    1.1.4
    Да, именно это и требуется. Если знаете как все организовать, распишите пожалуйста пошагово (что открываем, где именно меняем). Думаю многие Вам скажут спасибо.
     
  4. MiVa

    MiVa Местный

    Регистрация:
    05.02.13
    Сообщения:
    72
    Симпатии:
    42
    Пошагово не получится. Честно говоря, я не помню как я реализовала перенос. Пробовала и экспериментировала на тестовом форуме до тех пор пока не получила нужный результат.
    Задавала когда вопрос о переносе даты - http://www.xf-russia.ru/forum/threads/data-sozdanija-soobschenija.7760/ и в процессе сама нашла решение.

    У меня реализовано так:

    Из шаблона Post удалила код:

    Код:
    <span class="item muted">
                        <span class="authorEnd"><xen:username user="$post" class="author" />,</span>
                        <a href="{xen:link threads/post-permalink, $thread, 'post={$post}'}" title="{xen:phrase permalink}" class="datePermalink"><xen:datetime time="$post.post_date" /></a>
                    </span>
    В шаблон message после messageInfo primaryContent вставила этот код (просто дата без автора и номера сообщения):

    Код:
    <div class="upMessage">               
                    <span class="item muted">
                    <xen:if is="{$post}">
                        <a href="{xen:link threads/post-permalink, $thread, 'post={$post}'}" title="{xen:phrase permalink}" class="datePermalink"><xen:datetime time="$post.post_date" /></a>                   
                        </xen:if>
                </div>
    В EXTRA.css для upMessage прописала бордер и все :)

    По аналогии можно перенести и номер сообщения, а затем поиграться с css. Я уверена у вас все получится :)
     
    Zlata Jesen, Vitala и Mirovinger нравится это.
  5. adder

    adder Местный

    Регистрация:
    08.10.10
    Сообщения:
    1.163
    Симпатии:
    840
    Версия XF:
    1.3.4
    @MiVa скриншот приблизительного результата не помешал бы :)
     
  6. MiVa

    MiVa Местный

    Регистрация:
    05.02.13
    Сообщения:
    72
    Симпатии:
    42
    Как-то так:

    test.jpg
     
    Vitala, Mirovinger и adder нравится это.
  7. Vitala

    Vitala Активный пользователь

    Регистрация:
    23.04.13
    Сообщения:
    124
    Симпатии:
    4
    Версия XF:
    1.1.4
    И все таки, как же нам реализовать такую сказку, как на булке:

    [​IMG]

    1. Отдельная панелька для даты и ссылки на пост.
    2. Дублирование H1 в каждом сообщении (есть решение на данном форуме, но мы смотрим сейчас в комплексе с остальными требующимися моментами).
    3. Иконки напротив элементов (даты и h1).
    4. Заменить кнопки (спасибо, цитировать и т. д.) на свои картинки.


    И было бы классно иметь возможность задать свой цвет для фона верхней панельки.
     
  8. adder

    adder Местный

    Регистрация:
    08.10.10
    Сообщения:
    1.163
    Симпатии:
    840
    Версия XF:
    1.3.4
    Не легче было остаться на vB? Всё это осуществимо, но смысла я не вижу.
     
  9. Vitala

    Vitala Активный пользователь

    Регистрация:
    23.04.13
    Сообщения:
    124
    Симпатии:
    4
    Версия XF:
    1.1.4
    Не легче, ведь все остальное устраивает и на ксенфоро.
     
  10. infis

    infis Местный Команда форума

    Регистрация:
    27.06.11
    Сообщения:
    5.525
    Симпатии:
    3.321
    Версия XF:
    1.5.9
    Ну тогда наймите верстальщика. То, что Вы хотите, далеко выходит за рамки "перекрасить кнопочку" и тому подобного.
     
  11. Vitala

    Vitala Активный пользователь

    Регистрация:
    23.04.13
    Сообщения:
    124
    Симпатии:
    4
    Версия XF:
    1.1.4
    Спросить все равно можно. Спасибо за совет, и я бы им с радостью воспользовался. Можете посоветовать проверенного верстальщика на ксенфоро, который возьмется за такую работу?
     
  12. infis

    infis Местный Команда форума

    Регистрация:
    27.06.11
    Сообщения:
    5.525
    Симпатии:
    3.321
    Версия XF:
    1.5.9
    У меня нет на примете таких. Создайте тему в соответствующем разделе. Может быть и найдутся такие.
     
  13. Vitala

    Vitala Активный пользователь

    Регистрация:
    23.04.13
    Сообщения:
    124
    Симпатии:
    4
    Версия XF:
    1.1.4
    Может все таки по крупинке, да докумекаем, и метод будет публичным народным решением?

    П.С. Верстальщиков уже искал, и не единожды...
     
    Последнее редактирование: 21 янв 2014
  14. MiVa

    MiVa Местный

    Регистрация:
    05.02.13
    Сообщения:
    72
    Симпатии:
    42
    Извините за прямоту, но пока это нужно только вам.
    Когда у меня стал вопрос о переносе даты, я на тестовом форуме пробовала до тех пор пока не получилось. Первое решение было ошибочное, но все же я нашла решение только потому что это нужно было мне. У меня знаний в этой области очень маленькие, да их практически нет. Я понимаю как это работает и при необходимости могу найти то, что мне нужно. Мне это нужно и мне это интересно, вот и пытаюсь решать задачи самостоятельно, правда туплю на элементарном, но с кем не бывает :)
    Если вы не можете найти верстальщика, попробуйте сами решить эту задачу. Часть решения я предложила выше, вам осталось впихнуть туда код отвечающий за номер сообщения. А окружить рамкой - с этим и школьник справится.

    Дублирование названия темы - это уже посложней, но уверена что реализовать можно. Нужно только немножечко посидеть и понабивать шишки.

    Вам, как админу, это сможет пригодиться в будущем.

    Можете ждать чудо-верстальщика или постараться самостоятельно решить задачу, заодно и с нами поделиться :)
     
  15. Vitala

    Vitala Активный пользователь

    Регистрация:
    23.04.13
    Сообщения:
    124
    Симпатии:
    4
    Версия XF:
    1.1.4
    Ошибочное утверждение, но извиняю и за него.

    По теме, не нужно зацикливаться на других задачах, Вы уже и так помогли, а если пишете, можете элементарно сделать рамку, также никто не откажется от подсказки. Посмотрите выше, сколько человек поблагодарили...
     
  16. MiVa

    MiVa Местный

    Регистрация:
    05.02.13
    Сообщения:
    72
    Симпатии:
    42
    Ошибочное так ошибочное, не спорю. Но пока, кроме вас, нуждающихся не увидела.
    Ну да ладно, я хотела помочь. Ведь знание "что да как" помогает не только самостоятельно решать проблемы, но и составлять ТЗ для того же верстальщика.

    Рамка, да пожалуйста, самое простое:

    Код:
    border: 1px solid #000000;
    border-radius: 3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -khtml-border-radius:3px;
    
     
    Mirovinger и Vitala нравится это.
  17. Vitala

    Vitala Активный пользователь

    Регистрация:
    23.04.13
    Сообщения:
    124
    Симпатии:
    4
    Версия XF:
    1.1.4
    И это Вам удалось, спасибо.
    Безусловно правы, чем больше в тебе, тем качественнее ТЗ можно составить.
     
  18. Vitala

    Vitala Активный пользователь

    Регистрация:
    23.04.13
    Сообщения:
    124
    Симпатии:
    4
    Версия XF:
    1.1.4
    Куда Вы вставляете этот кусок кода? Пробовал в message.css, не получилось.
     
  19. Kolya groza morey

    Kolya groza morey Местный

    Регистрация:
    14.06.13
    Сообщения:
    340
    Симпатии:
    110
    Версия XF:
    1.5.9
    Нужно вставить в соответствующий клас
     
  20. MiVa

    MiVa Местный

    Регистрация:
    05.02.13
    Сообщения:
    72
    Симпатии:
    42
    Например:

    Код:
    .upMessage {border: 1px solid #000000;
    border-radius: 3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -khtml-border-radius:3px;}
    И вставить в EXTRA.
    Естественно поиграться с параметрами и если нужно то добавить что-то еще (это вам к учебнику css или штудировать форум).

    Вместо upMessage указываете необходимый класс.
     
    Mirovinger нравится это.

Поделиться этой страницей