My question is about mentioning minute user requirements in user story and complex logic behind particular requirement in user story.

We are developing an application for abstractors who will abstract property related information. Please check below image.

Requirements are :

1. Abstractors should view two sites in 2 different layouts or sections as shown below 

(a) Primary sites : Those sites which have maximum information related to property records.

(b) Secondary sites : Those sites which have information related to property records but not as much as that with primary sites.

2. Master Card/Visa card icon should be shown beside site name which accepts master card/VISA.

3. Message icon and link icon should be shown beside site names. Click on message icon will enable administrator to send message to administrator.  Click on link icon will open respective website in new window.

4. Each site should be denoted by Alphabets starting from A sequentially. (Example: A, B, C , D etc)

5. Research grid should list all property related content types under the heading "Research Grid" in bold. 

6. Each content type is divided into index(actual content) and images. Index icon (binocular) and images icon should be shown in front of heading research grid.

Now, if I need to write all above requirements in the form of user story, how should I ? Can you please give examples

IMAGE :    https://ibb.co/eLaEKz

I would not necessarily address the minutiae in the user story.  Your acceptance criteria, on the other hand, can contain the itemized items.  I also encourage you to use prototyping.  Draw a picture as you work with your customer.  Using whiteboard, paper and pencil, or a piece of software, like Balsamiq, work with the customer to draw things out.  Let them drive for a while.  As they draw, they may begin to understand the complexities of including everything they're asking for.  If you have UI/UX teams, bring them in on your session.  They are experts at visualization and helping get a message onto a screen and out of the user's head.  Ultimately, a picture is worth a thousand (or more) words.