Apabila menyepadukan Terjemahan Google ke dalam tapak web anda, anda mempunyai dua pilihan: susun atur sebaris asas atau mod yang lebih disesuaikan susun atur. Kod yang anda bentangkan daripada Terjemahan Google menyediakan reka letak sebaris, tetapi jika anda lebih suka reka letak modal, anda boleh menggunakan kod dari tapak web tutorial html-5.
Untuk melaksanakan reka letak modal dengan penanda SELECT dan OPTION, ikut langkah berikut:
Tambah kod Terjemahan Google: Sertakan kod berikut dalam
bahagian dokumen HTML anda:<code class="html"><div id="google_translate_element"></div> <script> function googleTranslateElementInit() { new google.translate.TranslateElement( {pageLanguage: 'en'}, 'google_translate_element' ); } </script> <script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script></code>
Buat bekas DIV: Tambahkan DIV berikut pada dokumen HTML anda, di mana-mana sahaja anda mahu modal muncul:
<code class="html"><div class="translate"> <div id="google_translate_element"></div> </div></code>
Sesuaikan reka letak (pilihan): Anda boleh menyesuaikan penampilan modal dengan menambahkan gaya CSS pada kelas .translate. Contohnya:
<code class="css">.translate { position: absolute; top: 100px; right: 0; z-index: 9999; }</code>
Jika anda telah menambah reka letak sebaris asas, anda perlu mengalih keluarnya untuk mengelakkan konflik dengan modal susun atur. Cari kod berikut dalam
bahagian dokumen HTML anda dan alih keluarnya:<code class="html"><meta name="google-translate-customization" content="9f841e7780177523-3214ceb76f765f38-gc38c6fe6f9d06436-c"></code>
Atas ialah kandungan terperinci Bagaimanakah saya boleh melaksanakan reka letak mod Terjemahan Google yang boleh disesuaikan pada tapak web saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!