Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:FAQ4: Difference between revisions

Template page
Ben (talk | contribs)
Created page with "<div style=" max-width: 1400px; margin: 0 auto; padding: 30px; font-family: 'Segoe UI', system-ui, sans-serif; background: linear-gradient(45deg, #1a1a1a 0%, #2d2d2d 100%); color: #f0f0f0; "> <!-- FAQ Container --> <div style=" background: linear-gradient(145deg, rgba(40,40,40,0.9) 0%, rgba(60,60,60,0.9) 100%); border-radius: 16px; padding: 40px; margin: 0 auto; max-width: 800px; border: 1px solid rgba(255,255,255,0.1);..."
 
Ben (talk | contribs)
No edit summary
 
Line 36: Line 36:
         margin-bottom: 20px;
         margin-bottom: 20px;
         transition: transform 0.2s ease;
         transition: transform 0.2s ease;
     " contenteditable="true">
     " contenteditable="false">
         <div style="
         <div style="
             padding: 18px 25px;
             padding: 18px 25px;
Line 49: Line 49:
             color: #ddd;
             color: #ddd;
             line-height: 1.6;
             line-height: 1.6;
         ">Click to edit answer...<br><br>You can add multiple lines and <span style="color: #4CAF50">format text</span> as needed</div>
         ">this is an editable box<br><br>example <span style="color: #4CAF50">example</span> </div>
     </div>
     </div>


Line 71: Line 71:
             color: #ddd;
             color: #ddd;
             line-height: 1.6;
             line-height: 1.6;
         ">Customize colors by modifying the gradient values and border colors</div>
         ">example</div>
     </div>
     </div>


Line 80: Line 80:
         margin-bottom: 20px;
         margin-bottom: 20px;
         transition: transform 0.2s ease;
         transition: transform 0.2s ease;
     " contenteditable="true">
     " contenteditable="false">
         <div style="
         <div style="
             padding: 18px 25px;
             padding: 18px 25px;
Line 93: Line 93:
             color: #ddd;
             color: #ddd;
             line-height: 1.6;
             line-height: 1.6;
         ">Hover effects and smooth transitions included</div>
         ">example with hover effects</div>
     </div>
     </div>


</div>
</div>
</div>
</div>

Latest revision as of 20:05, 1 April 2025

❓ Frequently Asked Questions

Question 1
this is an editable box

example example
Question 2
example
Question 3
example with hover effects