मीडियम जैसा फ्लोटिंग एक्शन मेन्यू कैसे बनाएं

की लोकप्रियता अस्थायी कार्रवाई मेनू वृद्धि हुई है, खासकर जब से मध्यम.कॉम ने इस सुविधा को प्रचलन में लाया है। संक्षेप में, फ्लोटिंग एक्शन मेनू को फैशनवाला जब आप कुछ पाठ का चयन करें एक वेब पेज पर। मेनू चयन के पास दिखाई देता है, विभिन्न क्रियाओं को दिखा रहा है जो आपको चयनित पाठ को जल्दी से प्रारूपित, हाइलाइट या साझा करने की अनुमति देता है.

इस ट्यूटोरियल में, मैं आपको दिखाता हूँ कि कैसे प्रदर्शित किया जाए चयनित पाठ स्निपेट के लिए क्रिया मेनू एक वेब पेज पर। हमारा एक्शन मेनू उपयोगकर्ताओं को सक्षम करेगा चयनित पाठ को ट्वीट करें उनके अनुयायियों को.

1. HTML बनाएं

स्टार्टर HTML सरल है, हमें केवल जरूरत है कुछ पाठ उपयोगकर्ता का चयन कर सकते हैं। डेमो के लिए, मैं उपयोग करूँगा “द हार्ट एंड द हंटर” सोते समय की कहानी नमूना पाठ के रूप में.

 
 
द हार्ट एंड द हंटर
 
हार्ट एक बार था ... 
... 
 

2. एक्शन मेनू टेम्पलेट बनाएं

मैं हूँ HTML कोड जोड़ना कार्रवाई मेनू से संबंधित है अंदर एक