Box đăng nhập, Popular, Tin mới nhất Chúng tôi cần phải thực hiện một số thay đổi lớn đối với phong cách cho các khu vực này. Những hình ảnh nền phía sau các chức danh cần để đi và chúng ta cần phải định dạng chúng để họ phù hợp với phong cách làm sạch của chúng tôi. Vì vậy, hãy bắt đầu với dòng tiêu đề cho mỗi cột, hiện nay nó sử dụng một hình nền để cho nó một nền bạc. Chúng tôi sẽ để loại bỏ và thay vào đó có một điểm ảnh. | STEP FOUR ADJUST THE STYLE SHEET Site Module New Details Title Show title Position Module Order Access Level Published optional area S No Yes userG Public Registered Special o No Yes ID Description Custom Module So we have called it optional area set show title to no positioned it in the user6 slot and set it to published. Now scroll down to the big text area at the bottom of the form and enter some text. Enter anything you want but try to add a couple of sentences for now. Now click save and browse to your web site. Scroll to the bottom of the page and you should see our new module in position just above the footer like this. Mure. Newsflash 3 This is some extra text to give an example of what the optional area module looks like that we have just created in Joomla administrator. C 2006 New Site As you can see it s not formatted very well so we need to add a style to it. We are going to do this the same we have for other areas on the index page by adding div tags around the Joomla tag in the file. So open up and change line 39 so it looks like this 30 39 tdxdiv class dufoptional X php mosLoadModules userố x div td 40 if As you can see we have added this before the Joomla tag div class dufoptional And this after it div 50 STEP FOUR ADJUST THE STYLE SHEET Our next task is to create the style in . We will add this at the very bottom of the file. What we want to do is create an area for this text that highlights it and separates it from the text above and footer below. Add this .dufoptional margin-bottom 20px margin-top 20px border 1px solid 0055B3 padding 3px background fff The bottom of your file should now look like this 671 duf lọ gill 672 margin-bottom 20px 673 674 duf optional 67S margin-bottom 20px 676 margin-tcp 2 0px 677 border Ipx solid 0055B3 673 padding 3px 679 background 630 o 1 And the bottom of your web page should look like this Newsflash 3 This is some extra text to give an example of what the .
