9. To add another theme to the site

9. To add another theme to the site, create a new folder under App_Themes and call it DarkGrey. Next, open the folder where you extracted the downloaded code that comes with this book. If you followed the instructions in the introduction of this book, this folder is located at C:BegASPNETResources. If you don’t have these files yet, they are available at www.wrox.com/remtitle.cgi?isbn=1118311809. Open the Chapter 06 folder and then the DarkGrey folder. Position the File Explorer and VS side by side and then drag the file DarkGrey.css from File Explorer into the DarkGrey theme folder in VS. If dragging doesn’t work for you, you can use Ctrl+C in File Explorer to copy the file, and then use Ctrl+V
in VS to paste the file in the right folder. Your Solution Explorer should now resemble Figure 6-15.
You add the images that the CSS file refers to in a later exercise.
10. Open the Web.config fi le once more and change both occurrences of Monochrome to DarkGrey in
the element. Save the changes again and press Ctrl+F5. Instead of the blue Monochrome
theme, you’ll now see the site with the DarkGrey theme applied as is visible in Figure 6-16. If you
don’t see the menu placeholder, the main content, and the sidebar all next to each other, make sure
your browser window is wide enough to display all content.

ผลลัพธ์ (ไทย) 1:

9. เพิ่มชุดรูปแบบอื่นในไซต์ การสร้างโฟลเดอร์ใหม่ภายใต้ App_Themes และเรียกว่า DarkGrey ถัดไป เปิดโฟลเดอร์ที่คุณขยายรหัสดาวน์โหลดที่มากับหนังสือเล่มนี้ ถ้าคุณได้ปฏิบัติตามคำแนะนำในบทนำของหนังสือเล่มนี้ โฟลเดอร์นี้จะอยู่ที่ C:BegASPNETResources ถ้าคุณยังไม่มีแฟ้มเหล่านี้ พวกเขาได้ www.wrox.com/remtitle.cgi?isbn=1118311809 เปิดโฟลเดอร์ 06 บท แล้วโฟลเดอร์ DarkGrey วางแฟ้ม Explorer และ VS เคียงข้าง แล้วลากไฟล์ DarkGrey.css จาก Explorer แฟ้มลงในโฟลเดอร์ชุดรูปแบบ DarkGrey ใน VS ถ้าลากไม่ทำงานสำหรับคุณ คุณสามารถใช้ Ctrl + C ในแฟ้ม Explorer เพื่อคัดลอกแฟ้ม แล้ว ใช้ Ctrl + Vใน VS การวางแฟ้มในโฟลเดอร์ด้านขวา Explorer โซลูชันของคุณตอนนี้ควรมีลักษณะรูปที่ 6-15คุณเพิ่มรูปภาพที่ CSS ไฟล์อ้างอิงในภายหลังการออกกำลังกาย10. เปิดเลอ fi Web.config อีกครั้ง และเปลี่ยนเหตุการณ์ทั้งสองของ DarkGrey ในที่ องค์ประกอบการ บันทึกการเปลี่ยนแปลงอีกครั้ง และกด Ctrl + F5 แทนที่จะขาวดำน้ำเงินชุดรูปแบบ คุณจะตอนนี้ดูที่ธีม DarkGrey ใช้เป็นเห็นในรูป 6-16 ถ้าคุณไม่เห็นยึดเมนู หน้าหลัก และแถบด้านข้างติดกัน ทำให้แน่ใจว่าเบราว์เซอร์ของคุณไม่กว้างพอที่จะแสดงเนื้อหาทั้งหมด

ผลลัพธ์ (ไทย) 2:

9. การเพิ่มรูปแบบอีกครั้งเพื่อให้เว็บไซต์ที่สร้างโฟลเดอร์ใหม่ภายใต้ App_Themes และเรียกว่าสีเทาเข้ม ถัดไปเปิดโฟลเดอร์ที่คุณขยายรหัสดาวน์โหลดที่มาพร้อมกับหนังสือเล่มนี้ ถ้าคุณทำตามคำแนะนำในการเปิดตัวของหนังสือเล่มนี้ที่โฟลเดอร์นี้จะอยู่ที่ C: BegASPNET ทรัพยากร หากคุณไม่ได้มีไฟล์เหล่านี้ยังพวกเขามีที่ www.wrox.com/remtitle.cgi?isbn=1118311809 บทที่ 06 เปิดโฟลเดอร์แล้วโฟลเดอร์สีเทาเข้ม ตำแหน่งสำรวจไฟล์และ VS เคียงข้างและจากนั้นลากไฟล์จาก DarkGrey.css สำรวจไฟล์ลงในโฟลเดอร์ธีมสีเทาเข้มใน VS. ถ้าลากไม่ทำงานสำหรับคุณคุณสามารถใช้ Ctrl + C ใน File Explorer ในการคัดลอกไฟล์และจากนั้นใช้ปุ่ม Ctrl + V
ใน VS วางไฟล์ในโฟลเดอร์ที่เหมาะสม Explorer โซลูชันของคุณควรมีลักษณะคล้ายกับรูปที่ 6-15.
คุณสามารถเพิ่มภาพที่ไฟล์ CSS หมายถึงการออกกำลังกายในภายหลัง.
10 เปิดไฟ Web.config le อีกครั้งและเปลี่ยนทั้งการเกิดขึ้นของสีเทาเข้มขาวดำไปใน
ธาตุ. บันทึกการเปลี่ยนแปลงอีกครั้งและกด Ctrl + F5 แทนที่จะขาวดำสีฟ้ารูปแบบตอนนี้คุณจะเห็นเว็บไซต์ที่มีรูปแบบสีเทาเข้มนำไปใช้เป็นที่ปรากฏอยู่ในรูปที่ 6-16 หากคุณไม่เห็นตัวยึดเมนูเนื้อหาหลักและแถบด้านข้างทั้งหมดติดกันให้แน่ใจว่าหน้าต่างเบราว์เซอร์ของคุณกว้างพอที่จะแสดงเนื้อหาทั้งหมด

ผลลัพธ์ (ไทย) 3:

9 . เพิ่มรูปแบบอื่นเว็บไซต์ , สร้างโฟลเดอร์ใหม่ภายใต้ app_themes และเรียกมันว่าดาร์คเกรย์ . ถัดไปเปิดโฟลเดอร์ที่คุณแยกดาวน์โหลดรหัสที่มากับหนังสือเล่มนี้ ถ้าคุณทำตามคำแนะนำในบทนำของหนังสือเล่มนี้ โฟลเดอร์นี้จะอยู่ที่ C : begaspnet ทรัพยากร ถ้าคุณไม่มีไฟล์เหล่านี้ แต่พวกเขาจะสามารถใช้ได้ใน www.wrox.com/remtitle.cgi ?ISBN = 1118311809 . บทที่ 06 เปิดโฟลเดอร์แล้วดาร์คเกรย์โฟลเดอร์ ตำแหน่งของไฟล์ และ ปะทะด้านข้าง แล้วลาก darkgrey.css แฟ้มจากแฟ้ม Explorer ในรูปแบบโฟลเดอร์ กับ ถ้าดาร์คเกรย์ลากไม่ทำงานสำหรับคุณ คุณสามารถใช้ปุ่ม C ใน Explorer แฟ้มที่จะคัดลอกแฟ้ม แล้วใช้ CTRL V
ใน VS เพื่อวางไฟล์ในโฟลเดอร์ที่เหมาะสมSolution Explorer ของคุณตอนนี้ควรมีลักษณะคล้ายกับรูปที่ 6-15 .
คุณเพิ่มภาพที่ไฟล์ css อ้างอิงถึงในการออกกําลังกายทีหลัง
10 เปิด web.config ฟีกเลออีกครั้งและเปลี่ยนทั้งสองเกิดขาวดํากับดาร์คเกรย์ใน
< หน้า > > บันทึกการเปลี่ยนแปลงอีกครั้งและกด Ctrl F5 . แทนที่จะเป็นธีมขาวดำ
สีฟ้าตอนนี้คุณจะเห็นเว็บไซต์ที่มีธีมใช้ดาร์คเกรย์มองเห็นในรูป 6-16 . ถ้าคุณ
ไม่เห็นใส่เมนู , เนื้อหาหลัก , และแถบด้านข้างทั้งหมดที่อยู่ถัดจากแต่ละอื่น ๆ ให้แน่ใจว่า
หน้าต่างเบราว์เซอร์ของคุณกว้างพอที่จะแสดงเนื้อหาทั้งหมด