Avatar

 

Avatar (jds-avatar)

Avatars are images that users can set as their profile picture. They're always going to be rounded squares. They can be custom photos, uploaded by users, or generated as Identicons as a placeholder.

Add jds-avater to any img tag element to make it an avatar.

Be sure to set width and height attributes for maximum browser performance.

We need to add class jds-avater in a image or other dome.

Code View
jonrohan

 

Avatar Deafult (jds-avater)

jonrohan
  
jonrohan
 
 

Avatar Blank (jds-avater avater-blank)

 

Avatar Border (jds-avater avater-border)

 

Avatar Letter (jds-avater avater-letter)

Golam Kibria
 

Avatar stack (jds-avater avater-stack)

  • Image only
    jonrohan jonrohan jonrohan
  • Link and Image
    +3 jonrohan jonrohan jonrohan jonrohan

Avatar stack Sixes (jds-avater avater-stack)

we have some CSS Class for resixing avatar's like:- avater-xl avater-l avater-s avater-xs avater-xxs
 
avater-xl
jonrohan jonrohan jonrohan
avater-xl
+3 jonrohan jonrohan jonrohan jonrohan
avater-l
jonrohan jonrohan jonrohan
Regular View
jonrohan jonrohan jonrohan
avater-s
jonrohan jonrohan jonrohan
avater-xs
jonrohan jonrohan jonrohan
 
 
 
Avater Size (avater-xl)
jonrohan
  
jonrohan
  Golam Kibria      
 
Avater Size (avater-l)
jonrohan
  
jonrohan
  Golam Kibria      
 
Avater Size
jonrohan
  
jonrohan
  Golam Kibria      
 
Avater Size (avater-s)
jonrohan
  
jonrohan
  Golam Kibria      
 
Avater Size (avater-xs)
jonrohan
  
jonrohan
  Golam Kibria      
 
Avater Size (avater-xxs)
jonrohan
  
jonrohan
  Golam Kibria