Вывод количества новых сообщений

@SamcroSOA · Регистрация: 24.03.2015

Author24 — интернет-сервис помощи студентам

Всем доброго времени суток!
Может кто в теме, как можно сделать вывод количества новых сообщений так, к примеру, как выводиться количество новых оповещений в программе на устройствах андроид? Пинаю позиционирование элементов, но как-то не очень получается(

Если вдруг у кого-то завалялась ссылка на реализацию подобного, буду очень благодарна)

@whiteapps · 28.12.2015, 17:14

SamcroSOA, может быть вы покажете, что уже напинали?

@SamcroSOA · 28.12.2015, 20:32 **[ТС]**

whiteapps, Спасибо, что откликнулись)
Я уже почти сделала)

Может кому-то будет нужно:

CSS

@import url([url]https://fonts.googleapis.com/css?family=Candal);[/url]
 
.content_ {
  width: 128px;
  height: 128px;
  margin: auto;
  position: absolute;
  top: 0; 
  left: 0; 
  bottom: 0; 
  right: 0;
}
 
.countMe {
  text-align: center;
  position: absolute;
  height:40px;
  width:40px;
  bottom:10px;
  right: -2px;
  font-size: 18px;
  border: 4px solid gray;
  border-radius: 20px;
  padding: 3px;
  background-color: white;
  font-family: 'Candal', sans-serif;
  color: gray;
}

HTML5

 <div class="content_">
  <span class="countMe">12</span>
  <img src="https://cdn1.iconfinder.com/data/icons/hawcons/32/699049-icon-6-mail-envelope-closed-128.png">
  </div>

https://jsfiddle.net/jshmatlay/evgctd4d/

Ещё буду переделывать, так как набросала на быструю руку в момент просветления

@whiteapps · 28.12.2015, 21:56

SamcroSOA, для .content_ можно указать position: relative; за место absolute

@SamcroSOA · 29.12.2015, 01:25 **[ТС]**

whiteapps, да, можно))) Я для себе отцентрировала блок - для лучшего визуального восприятия)

@SamcroSOA 8 / 8 / 5 Регистрация: 24.03.2015 Сообщений: 44
		1
	Вывод количества новых сообщений 26.12.2015, 22:39. Показов 3165. Ответов 4 Метки нет (Все метки) Всем доброго времени суток! Может кто в теме, как можно сделать вывод количества новых сообщений так, к примеру, как выводиться количество новых оповещений в программе на устройствах андроид? Пинаю позиционирование элементов, но как-то не очень получается( Если вдруг у кого-то завалялась ссылка на реализацию подобного, буду очень благодарна) 0

@whiteapps 413 / 378 / 220 Регистрация: 18.07.2014 Сообщений: 1,259
	28.12.2015, 17:14	2
	SamcroSOA, может быть вы покажете, что уже напинали? 0

@whiteapps 413 / 378 / 220 Регистрация: 18.07.2014 Сообщений: 1,259
	28.12.2015, 21:56	4
	SamcroSOA, для .content_ можно указать position: relative; за место absolute 0

@SamcroSOA 8 / 8 / 5 Регистрация: 24.03.2015 Сообщений: 44
	29.12.2015, 01:25 [ТС]	5
	whiteapps, да, можно))) Я для себе отцентрировала блок - для лучшего визуального восприятия) 0