Differences

This shows you the differences between two versions of the page.

--- website-team:projects:cms-requirements-of-bsup-websites [2020/06/05 03:46] – Added line hajir
+++ website-team:projects:cms-requirements-of-bsup-websites [2026/06/26 08:49] (current) – external edit 127.0.0.1
@@ Line 53: / Line 53: @@
 Note: Break each of these folders into subfolders. Each subfolder name is the size of the containing images like the image below. Make sure an image is in the correct folder whose name represents the size of the image.
----
+----
 ====== Database/Config ======
@@ Line 75: / Line 78: @@
     * {160-url} Page URL
     * {180-contact-form-title} The phrase to be included in the subject line of the email sent upon contact form submission
+----
 ====== Page Sections ======
@@ Line 152: / Line 158: @@
   * Client image
   * Testimonial content
+----
 ====== Menu/Navigation ======
@@ Line 175: / Line 184: @@
   * Logo, which is the first item and links to the homepage
-  * Subsite name which is linked to the homepage of subsite
+  * Subsite name which is linked to the homepage of subsite. It can be in bold and larger font like the image below.
   * Other menu items
 An example of this type of menu is microsoft.com which is displayed in the image below.
-{{[[https://drive.google.com/file/d/13uLuiyLbkp2m0X-HeXkYZcdc9u8Z-euY/|microsoft-menu-structure-type1.png]]}}
+{{ :website-team:projects:microsoft-menu-structure-type1.png |Microsoft menu structure - Type 1}}
 ==== Type 2 - Mobile View of Menu ====
@@ Line 190: / Line 199: @@
 An example of this type of menu is,
-{{microsoft-menu-structure-type3.png}}
+{{ :website-team:projects:microsoft-menu-structure-type3.png |Microsoft menu structure - Type 3}}
-<HTML>
-<p id="gdcalert1">
-</HTML>
->>>>> gd2md-html alert: inline image link here (to images/image1.png). Store image on your image server and adjust path/filename/extension if necessary. <html><br></html>(<html><a href="#"></html>Back to top<html></a></html>)(<html><a href="#gdcalert2"></html>Next alert<html></a></html>)<html><br></html>>>>>>
-<HTML>
-</p>
-</HTML>
-{{images/image1.png|image_tooltip alt_text}}
 ==== Type 4 - Subsite Menu on Mobile ====
@@ Line 205: / Line 205: @@
 An example of this type of menu is,
-<HTML>
+{{ :website-team:projects:microsoft-menu-button-type4.png |Menu Button in Microsoft.com - Type 4}}
-<p id="gdcalert2">
-</HTML>
->>>>> gd2md-html alert: inline image link here (to images/image2.png). Store image on your image server and adjust path/filename/extension if necessary. <html><br></html>(<html><a href="#"></html>Back to top<html></a></html>)(<html><a href="#gdcalert3"></html>Next alert<html></a></html>)<html><br></html>>>>>>
-<HTML>
-</p>
-</HTML>
-{{images/image2.png|image_tooltip alt_text}}
 When a user clicks the menu icon, the subsite menu is shown first. When the user clicks arrows, the main menu is displayed.
@@ Line 218: / Line 211: @@
 The bg color of the subsite menu on mobile is gray. The bg color of the main menu on mobile is transparent.
-<HTML>
+{{ :website-team:projects:microsoft-menu-structure-type4.png | Microsoft.com menu structure - Type 4}}
-<p id="gdcalert3">
-</HTML>
->>>>> gd2md-html alert: inline image link here (to images/image3.png). Store image on your image server and adjust path/filename/extension if necessary. <html><br></html>(<html><a href="#"></html>Back to top<html></a></html>)(<html><a href="#gdcalert4"></html>Next alert<html></a></html>)<html><br></html>>>>>>
-<HTML>
-</p>
-</HTML>
-{{images/image3.png|image_tooltip alt_text}}
 ==== Highlight Active Item on Menu ====
@@ Line 231: / Line 217: @@
 Highlight the active page on the menu. For example, if the user is on the service page or a subpage of the service page, highlight the service on the menu like the image below. Please note, a service page may have multiple sub pages. Visiting any of the sub pages, will highlight the service label on the menu. {T120-page->140-active-menu-item} indicates what item on the menu is highlighted.
-<HTML>
+{{ :website-team:projects:active-menu-sample.png |Sample menu with an active item}}
-<p id="gdcalert4">
-</HTML>
->>>>> gd2md-html alert: inline image link here (to images/image4.png). Store image on your image server and adjust path/filename/extension if necessary. <html><br></html>(<html><a href="#"></html>Back to top<html></a></html>)(<html><a href="#gdcalert5"></html>Next alert<html></a></html>)<html><br></html>>>>>>
+----
-<HTML>
-</p>
-</HTML>
-{{images/image4.png|image_tooltip alt_text}}
 ====== Translation ======
@@ Line 250: / Line 232: @@
 Every url like ‘example.com/excel’ will redirect to ‘example.com/xx/excel’ where ‘xx’ is ‘en’ by default unless the user had previously changed the language to something else.
+----
 ====== Notifications ======
@@ Line 262: / Line 247: @@
     * When the message is successfully sent, show a success message
     * If failure in delivery, show an error like “Failure in sending the message. Please try again or call us.”
+----
 ====== Useful Links ======