Posts

Assets: attributes (class,id) and its purpose

-
 Assets: attributes (class,id) and its purpose  Sure! Here's a list of commonly used HTML tag attributes , organized by category and purpose , with practical examples — especially useful for interactive web apps like your food ordering system. 🔷 1. Global Attributes (usable on almost any element) Attribute Purpose Example class="" Assign CSS classes (styling/behavior) <div class="item-card"> id="" Unique identifier (for JavaScript or CSS) <div id="item1"> style="" Inline styling <div style="color: red;"> title="" Tooltip text on hover <button title="Click to order"> hidden Hides the element from display <div hidden> tabindex="" Sets tab order for keyboard navigation <input tabindex="1"> contenteditable Makes element text editable by user <div contenteditable="true"> data-* Custom d...
Post a Comment
Read more

Menu: Output

-
Image
 Menu: Output  Menu: Non Veg: Starter: Salad: Green Salad Closed Price @ Rs. 100 Quantity: 1 Plate (Countless) Select Now Pokora: Chicken Pokora Price @ Rs. 150 Quantity: 1 Plate (6Pcs.) Select Now Veg: Sta...
Post a Comment
Read more

Assets: id and Class

-
 Assets: id and Class  Post Page Name: Single Items: Stock  Post Page Address : https://kitchen-king-ii.blogspot.com/2025/07/single-items-stock.html Attributes (class,id) and its purpose: Post Page  Address: Post Page Section Name:  Post: Section:  Element Type: Title/h2: (Attributes:) class=""    <!-- (purpose) --> id=""    <!-- (purpose) --> data-name=""    <!-- (purpose) --> data-price-id=""    <!-- (purpose) --> type="" onclick="" <!--  (purpose)   --> 1. Post Page Address : Post Page Section Name Name ID Class Header g g Post Page Section Items Sl. No. Name ID Class 1 1.a 1.b 1.c Srtg Post Page Section Name: Name:  Id: Class: Post Page Section Item: Post P...
Post a Comment
Read more

Assets: Links

-
Assets: Links Links: Page Links: 1. Menu Route/Home ( New Kitchen King (II) ):    Link   Post Links: 2. Menu Route ( New Kitchen King (II) ):     Link   3. Post section Links: Example: Page Link -   https://kitchen-king-pages.blogspot.com/2025/07/basic-menu-items-desplay-code-basic.html#Green-Salad https://kitchen-king-pages.blogspot.com/2025/07/basic-menu-items-desplay-code-basic.html 1. Hidden id -  id="starterSection" 2. Hidden in hidden Section id -      id="Green-Salad" The Section Link for button is -  ( item will be open after  Section will be open ) https://kitchen-king-ii.blogspot.com/2025/07/new-1.html#Green-Salad Button for open a section: hide then hide in hide section target to direct open  With redirect notice: Button Code -  1.   <div><a href="https://kitchen-king-pages.blogspot.com/2025/07/basic-menu-items-desplay-code-basic.html#Green-Salad</a></div><...
Post a Comment
Read more

Image Post

-
Image
Code to insert the Image: <div class="separator" style="clear: both; text-align: center;"><a href="" style="margin-left: 1em; margin-right: 1em;" target="_blank" > <img alt="Green Salad" border="0" data-original-height="400" data-original-width="473" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF5tYHx30ZkQe5NJ9lcMTnHMXFd-wvSsL2JHCI0xALeaiFyTXnNGvQTe0fZPWPziBqGp8a73e9_ykrMNGdCZ0aJI7mtRs4EY2wlCyCni0V0fYViTHdxC2Ja_CtZajqAnUCkHnc8i2_1BjFXdmUmgLE5S88Ax7dP5ajhLImn3Pf07e6kZo3mqywi9mNbyA/s320/ChickenPokora.jpg" style="border-radius: 20px; display: block; margin: 10px auto;" width="320" /></a></div><br /><div><br /></div><div><br /></div> Alternative: Code: <div class="separator" style="clear: both; text-align: center;">   <a href=...
Post a Comment
Read more

Starter Menu Items Desplay code: Starter Items Block

-
  Menu Items Desplay code:  Starter Items Block: Theme:  "Awesome Inc. Renewable" Code: CSS: Html: JS:
Post a Comment
Read more

Assets: Image

-
Image
Assets: Image  Images: Owner: Link -  Banner: Link -  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZbocGeCvw08UGXpPVsDYGx_-HqORd48N-UCsgWvc4D0eA81XXL4h31KdrXYUe5H-xv7HKiQK9l5mmU2idmpbx2vxD3ncLF-0dontRf3UeLMrXRSuC0Ofc3oEuRQpu83LVJH06tD5wWdwE0BAgj6uW8egrCPoz-cOs-_Oq9owL9V9BeSuhX1hLmZg3FXA/s320/Kitchen%20Kingwallpaper.png" A. Starter: 1. Green Salad: Link -  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicIag_w9Ls2d56xRpexgZzV2zLroOeJRKgDuTVWjiycYnyw9JvhrXN-pkjOuw22MuKcOSmtiDqkhqGowaAV_AwOO7ak02rIKUhI8C8RCQ8a1m-ICl-BcgSQBJIwz57NVrl0sQtlTunlnaC__ewkwrChxdmoBVrp7r7lQYbAnehiOo8ftHLot7l-kTkGIk/s320/Green%20Salad.jpg" 2. Onion Salad: Link -  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbZLXqTfpDxZacmqfZnlmleY3hAOuXlcpAUsDBxwWTdfhWvCLgA0p0iQzxxREHz0w7dn1lleg72_e3j35suQ8r0quw8Hr9xdDKUEmV8Tn-kYgFyeQgVPNbAfGOI3m8JBiUpzdNXwemZAZVvXZubF4rqe4BHNjjXciB7dqsROW30mkxPN0ni0oNps3tBBk/s320/OnionSalad.jpg" 3. ChickenPokor...
Post a Comment
Read more