Skocz do zawartości

Hosting dHosting.pl - 10% rabat!

aXen

Różne kolory powiadomień

Rekomendowane odpowiedzi

Cześć,

Próbuję uzyskać taki efekt u siebie na forum w powiadomieniach:

f62430f6b8d4981aafd8c87f0962b2b5.png

Grafika jest z mojego forum, wpisy sam pokolorowałem za pomocą zbadaj element.

 

Jak mogę rozróżnić te powiadomienia w CSS w zależności od jej treści np. "dodał komentarz", "zareagował"?

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach
Napisano (edytowane)

Domyślnie nie ma jak do tego się odwołać, ale po lekkiej edycji da się to zrobić.

 

Dodaj do templatek data-typenotify='{$notification['data']['title']}', niżej masz gotowce. Teraz dostaniesz w atrybucie tekst "X zareagował...", itd. Dzięki temu w CSS może się odwołać do tego tekstu, ale jeśli masz kilka języków na stronie to dla każdego musisz zrobić wersje.

 

[data-typenotify*=" zareagował na → odpowiedź w temacie "],
[data-typenotify*=" reacted to a post "] {
    background: linear-gradient(to right, #ffdddd, #fff)!important;
}

image.png.521f26e8618449ff21fecd00b004f0ee.png

 

image.png.d4fe5298ebb939f027eb6a634356a503.png

 

notificationsAjax

{{if empty( $notifications )}}
	<li class='ipsDataItem ipsDataItem_unread'>
		<div class='ipsPad ipsType_light ipsType_center ipsType_normal'>{lang="no_results_notifications"}</div>
	</li>
{{else}}
	{{foreach $notifications as $notification}}
		<li class='ipsDataItem {{if !$notification['notification']->read_time}}ipsDataItem_unread{{endif}}' data-typenotify='{$notification['data']['title']}'>
			<div class='ipsDataItem_icon'>
				{{if isset( $notification['data']['author'] )}}
					{template="userPhoto" app="core" group="global" params="$notification['data']['author'], 'mini'"}
				{{endif}}
			</div>
			<div class='ipsDataItem_main'>
				<a href="{$notification['data']['url']}">
					<span class='ipsDataItem_title'>{$notification['data']['title']}</span>
					<br>
					<span class="ipsType_light">{datetime="$notification['notification']->updated_time"}</span>
				</a>
			</div>
		</li>
	{{endforeach}}
{{endif}}

 

notificationsRows

{{if \count( $rows )}} 
	{{foreach $rows as $notification}}
		{{if isset( $notification['data']['title'] )}}
			<li class='ipsDataItem {{if $notification['data']['unread']}}ipsDataItem_unread{{endif}} ipsClearfix' data-typenotify='{$notification['data']['title']}'>
				<div class='ipsDataItem_icon'>
					{{if isset( $notification['data']['author'] )}}
						{template="userPhoto" app="core" group="global" params="$notification['data']['author'], 'tiny'"}
					{{endif}}
				</div>
				<div class='ipsDataItem_main'>
					{{if !$notification['data']['unread']}}
						<span class="ipsItemStatus ipsItemStatus_small ipsItemStatus_read">
							<i class="fa fa-circle"></i>
						</span>
						<strong>
					{{endif}}
							<a href="{$notification['data']['url']}" class='ipsDataItem_title'>{$notification['data']['title']}</a>
					{{if !$notification['data']['unread']}}
						</strong>
					{{endif}}
					<br>
					<span class="ipsType_light">{datetime="$notification['notification']->updated_time"}</span>
				</div>
			</li>
			{{endif}}
	{{endforeach}}
{{endif}}

 

PS: widzę, że korzystasz z moich bloczków, chyba spodobały ci się :P

Edytowane przez Marcin Lis
  • Lubię to 2
  • Dziękuję 1

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Dzięki! O to mi chodziło!

Godzinę temu, Marcin Lis napisał:

PS: widzę, że korzystasz z moich bloczków, chyba spodobały ci się :P

Jedynie logiczne napisane i ładne :D

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach
23 minuty temu, DawPi napisał:

Można by zrobić z tego tutorial i dodać? :)

Można, ale ty chcesz napisać czy ja mam to zrobić? 

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Problem ROZWIĄZANY. Jeśli są jakiekolwiek wątpliwości, pytania proszę o założenie nowego tematu.

Wszelkie uzasadnione reklamacje/pretensje/sugestie/rady przyjmuje ekipa forum.

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach
Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.

  • Ostatnio przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników przeglądających tę stronę.

×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.