Difference between revisions of "Main Page"

From How to Say Chinese Names in English
Jump to navigation Jump to search
Line 1: Line 1:
 
{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}} <!-- Remove "Main Page" title -->
 
{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}} <!-- Remove "Main Page" title -->
<!-- WELCOME PANEL -->
+
<!-----------------------
 +
      WELCOME PANEL  
 +
------------------------->
 
<div style="display: flex; width: 100%; align-items: center; background-color: #f6f6f6; border-style: solid; border-width: 2px; border-color: #cccccc;  overflow: auto;">
 
<div style="display: flex; width: 100%; align-items: center; background-color: #f6f6f6; border-style: solid; border-width: 2px; border-color: #cccccc;  overflow: auto;">
 
   <div style="flex: auto; text-align: center; padding: 1em;">
 
   <div style="flex: auto; text-align: center; padding: 1em;">
Line 7: Line 9:
 
     <p style="font-size:120%;"> and [[:Category:Audio|816]] audios of all Mandarin Chinese syllables and their closest English pronunciations</p>
 
     <p style="font-size:120%;"> and [[:Category:Audio|816]] audios of all Mandarin Chinese syllables and their closest English pronunciations</p>
 
   </div>
 
   </div>
<!-- Put Portals here, but it may mess up mobile view
+
  <!-- Put Portals here, but it may mess up mobile view
 
   <div style="flex: auto;  text-align: left; padding: 1em; width: 30%;">
 
   <div style="flex: auto;  text-align: left; padding: 1em; width: 30%;">
 
   </div>
 
   </div>
-->
+
  -->
 
</div>
 
</div>
<!-- QUICK START PANEL -->
+
<!-----------------------
 +
    QUICK START PANEL
 +
------------------------->
 
<div style="clear: both; border: 2px solid #ffe2e2; width: 100%; background-color: #fff5f5;">
 
<div style="clear: both; border: 2px solid #ffe2e2; width: 100%; background-color: #fff5f5;">
 
   <div style="background: #ffe2e2; padding-top: 0.1em; padding-bottom: 0.1em; text-align: center; font-size: large; width: 100%">'''Quick start'''</div>
 
   <div style="background: #ffe2e2; padding-top: 0.1em; padding-bottom: 0.1em; text-align: center; font-size: large; width: 100%">'''Quick start'''</div>
Line 21: Line 25:
 
   </div>
 
   </div>
 
</div>
 
</div>
<!-- TUTORIAL PANEL -->
+
<!-----------------------
<div style="float:left; width:55%;">  
+
    TUTORIAL PANEL - first column
   <div style="background-color: #e2e2ff; border: 2px solid #e2e2ff; border-bottom: none; padding-top: 0.3em; padding-bottom: 0.3em; font-size: large;" align="center">'''Basic knowledge of Chinese names'''</div>
+
------------------------->
 +
<div style="float:left; width:50%;">  
 +
   <div>
 +
    <div style="clear: both; border: 2px solid #ffe2e2; background-color: #fff5f5;">
 +
      <div style="background-color: #e2e2ff; border: 2px solid #e2e2ff; border-bottom: none; padding-top: 0.3em; padding-bottom: 0.3em; font-size: large;" align="center">'''Basic knowledge of Chinese names'''</div>
 +
      <div style="padding-top: 0.4em; padding-bottom: 0.3em; padding-left: 1em; padding-right: 1em;">
 
xxxxxxxxxxxxxxxxxxxxx
 
xxxxxxxxxxxxxxxxxxxxx
 +
      </div>
 +
    </div>
 +
    <div style="clear: both; border: 2px solid #ffe2e2; background-color: #fff5f5;">
 +
      <div style="background-color: #e2e2ff; border: 2px solid #e2e2ff; border-bottom: none; padding-top: 0.3em; padding-bottom: 0.3em; font-size: large;" align="center">'''AAAAA'''</div>
 +
      <div style="padding-top: 0.4em; padding-bottom: 0.3em; padding-left: 1em; padding-right: 1em;">
 +
xxxxxxxxxxxxxxxxxxxxx
 +
      </div>
 +
    </div>
 +
  </div>
 
</div>
 
</div>
<div style="float:right; width:44%">  
+
<!-----------------------
   <div style="background-color: #faf9b2; border: 2px solid #faf9b2; border-bottom: none; padding-top: 0.3em; padding-bottom: 0.3em; font-size: large; text-align:center;">'''Fun facts'''</div>
+
    TUTORIAL PANEL - second column
 +
------------------------->
 +
<div style="float:left; width:50%;">  
 +
   <div>
 +
    <div style="clear: both; border: 2px solid #ffe2e2; background-color: #fff5f5;">
 +
      <div style="background-color: #e2e2ff; border: 2px solid #e2e2ff; border-bottom: none; padding-top: 0.3em; padding-bottom: 0.3em; font-size: large;" align="center">'''BBBB'''</div>
 +
      <div style="padding-top: 0.4em; padding-bottom: 0.3em; padding-left: 1em; padding-right: 1em;">
 +
xxxxxxxxxxxxxxxxxxxxx
 +
      </div>
 +
    </div>
 +
    <div style="clear: both; border: 2px solid #ffe2e2; background-color: #fff5f5;">
 +
      <div style="background-color: #e2e2ff; border: 2px solid #e2e2ff; border-bottom: none; padding-top: 0.3em; padding-bottom: 0.3em; font-size: large;" align="center">'''CCCC'''</div>
 +
      <div style="padding-top: 0.4em; padding-bottom: 0.3em; padding-left: 1em; padding-right: 1em;">
 +
xxxxxxxxxxxxxxxxxxxxx
 +
      </div>
 +
    </div>
 +
  </div>
 
</div>
 
</div>

Revision as of 03:50, 26 February 2020

How to Say Chinese Names in English

with 166,872 Chinese first and last names

and 816 audios of all Mandarin Chinese syllables and their closest English pronunciations

Quick start

Chinese names can be difficult to pronounce (for example, try to say "Boxiao"). This website shows you how to correctly say the names of your Chinese friends, neighbors, classmates, colleagues, professors, managers, clients, business partners, competitors, and officials. Saying other people's names correctly will help you establish or maintain good relationships with them and foster a diverse and inclusive environment in your neighborhood and work place.

Simply enter the first or last name (not together) you want to search in the search box, and press Enter. Try "Boxiao", "Beijing", and "Shanghai" to see how it works.

Basic knowledge of Chinese names

xxxxxxxxxxxxxxxxxxxxx

AAAAA

xxxxxxxxxxxxxxxxxxxxx

BBBB

xxxxxxxxxxxxxxxxxxxxx

CCCC

xxxxxxxxxxxxxxxxxxxxx