TIPS AND TRICKS

^^ Bài viết chi tiết và cơ bản rùi ạ. Mong các bạn mới làm quen với CSS và Opera hãy chịu khó đọc và tìm hiểu dần. Các bạn có thể tìm ra cách thức tổng quát từ những bài viết hướng dẫn như thế này. Lúc đầu có thể bạn chỉ copy - paste. Rùi tự mình thay đổi một vài thông số xem, có thể bạn sẽ tìm được phong cách riêng của mình. Dĩ nhiên là nên học một chút cơ bản về CSS. Các bạn có một lợi thế rất lớn là không phải mò mẫm một mình. Có rất nhiều những người như chị Lu, Phạm Lâm, Nam Khánh, Wall Pearl, ... (GNC chưa thể biết hết được, vụ liệt kê này phải dành lại chị Lu xử lý ) sẵn sàng chia sẻ những kinh nghiệm mà họ đã có được. Dịp hè này là một cơ hội lý tưởng cho những ai được nghỉ có thể thực hành.

Bạn hoàn toàn có khả năng tự tạo cho mình một blog vừa đẹp vừa ý nghĩa. Em nói vậy đúng không ạ ^^

Hơ hơ, chào chị. Gọi chị là chắc ăn rồi vì nhà Susubapcai tuổi còn khiêm tốn lắm... Nhà Susu là dân kỹ thuật chính gốc mà sao gà mờ ghê híc híc..., build blog, làm cái skin cho Susu ko mà mẹ Susu mò mãi đến 10 ngày rồi cũng chưa ok (Ba Susu nhất quyết chưa chịu ra tay, mẹ bận túi bụi mà cứ bắt mẹ phải tự mò, ). Test online nên nó cứ chậm rì rì:( Hôm nay đọc được bài này mừng quá. Giống như được khai sáng vậy. Thank chị nhiều nhiều nha.

ôi ! chị Lu viết rỏ ràng ghê ! cám ơn chị nhiều nhé !Từ trước đến giờ cũng vì em không để ý đến 2 đoạn dưới nên mỗi lần làm mò mẫm cả buổi mới ra . Rỏ khổ
@import url(/community/css/themes/mainstructure1.css);
@import url(/community/css/themes/maincolors1.css);

Anonymous writes: chị ơi!!!sửa xong rồi làm cách nào để lưu lại.

Em đóng góp chút: Ai dùng firefox mà muốn sửa chi tiết theme, thì nên dùng addon colorzila. Chỉ cần di bút của nó tới một vùng trên giao diện là nó sẽ cho biết vùng đó thuộc phần nào của css, giúp tiết kiệm thời gian khá nhiều Và tất nhiên,theo như tên gọi, tác dụng chính của nó là lấy mã màu của các màu có trong giao diện một website.

Cái nick này em reg để test cái opera theme đang làm thôi Link đây chị: https://addons.mozilla.org/en-US/firefox/addon/271 (link từ official site của Mozilla nên đảm bảo an toàn ). Ngoài ra Firefox còn có một số addon rất hay dành cho web designers như: MeasureIt, Web Developer (search trong đó sẽ thấy).

Em cũng thích học luật lắm nhưng cứ nghĩ đến việc phải ngồi học thuộc một mớ lằng nhằng đủ thứ luật thì thấy sợ, nên năm nay chỉ dám đăng kí Bách Khoa với Kinh tế. Ngưỡng mộ chị ghê ^^

ai cao thu huong dan 1 chut cho em ve cach lam mot blog co anh nen nhu the nay voi:(. chi tiet 1 chut nha. em moi vao nghe

Thank chị, mẹ Susu cũng biết cách test offline. Tại vì mẹ Susu làm blog ở nhiều máy tính, tiện đâu làm đó, lại sẵn có net online nên lười copy về local, chơi online luôn Hi hi. Đọc CV của chị mà mẹ Susu phục chị thật đó. Mẹ Susu ham học hỏi lắm nhưng mà còn chạy marathon theo chị dài dài. hà hà.

Rõ ràng và chi tiết quá em. Chị cũng sẽ từ từ mò mẫm tìm lối ra vì chị đang lạc lối. Có bài này giống như đi trong rừng mà được cho cái địa bàn vậy. Cám ơn em lắm!!!

chị lu ơi em đang sữa cái blog sấu xí của em nhưng càng sữa lại càng sấu em đang gặp phải một vấn đề ở phần wrap2, sao bức hình ở dưới bị bài viết đè lên trên trông xấu quá, hồi trước mà opera chưa nâng cấp thì còn chức năng là sếp số lượng bài cho phụ hợp giưof không còn nữa, chị có cách nào khắc phục được không em xin cảm ơn chị lu lu nhìu nha

em đã chỉ theo chị padding-top:25px; thành padding-top:25px; nhưng vẫn không được chị ah` cái ảnh ở dưới vẫn bị bài viết đè lên chị ah` nếu có thể chị giúp em rõ chút nữa được không, em cảm ơn chị nhìu lém lém đó,( e mất công design cho cái ảnh đó mà giưof bị đè lên thì nhìn phí quá chị ah`)

LU ơi, 2 hôm nay mình không thể chỉnh sửa được design của blog. VD: Mọi khi mình cần thay ảnh banner hoặc footer chỉ cần up ảnh mới thay đường dẫn là xong, nhưng 2 hôm nay không thể thay được ảnh, tuy đường dẫn mới, file mới nhưng nó vẫn cứ load file cũ, không biết Lu có bị như thế không? Hoặc có ai bị như vậy ko?

cam on chi nhieu nhieu nha em doc duoc phan file main em thac mac nhat roi. Bay gio em bat tay vao nghien cuu tung phan cam on chi nhieu nhieu.

chị cho hỏi viết các đoạn mã thì viết vào đâu nhỉ ?hihi mới toe mà

cảm ơn chị nhiều nhé.

chi oi , em moi biet blog cua chi , em cung dang tap lam blog . sao em chay file :
@import url(/community/css/themes/common-1.css);
nhung no chay hong duoc , chi giup em voi

Da em dung opera nhu sao van ko duoc http://my.opera.com/@import%20url(/community/css/themes/common-1.css)
co em chay theo link nay cua anh :
http://my.opera.com/community/css/themes/common-1.css em ko thay xuat hien giong nhu chi dan o tren
/* main page structure and size. two columns. */
/* calendar */
/* sidebar */
/* friends in sidebar */
/* recent visits */
/* latest posts */
/* latest comments */
/* blog */
/* comments */
/* tags */
/* links */
/* friends */
/* poll */
/* countdowns */
/* profile */
/* opera */
/* shoutbox */
/* search
cam on vi da tra loi cau hoi cua em .

Chị ơi, tại sao khi em test offline đựợc rồi nhưng khi đưa lên thì nó vẫn lỗi. Nghé nói với em là main.css không quan trọng nhưng khi em test thử mà sai main.css thì phần menu cũng hư theo. Vậy khi em up skin lên thì sửa main.css như thế nào để phần hiển thị menu không sai nữa.
Khi em lưu trang web về có hiển thị cả user.css và main.css. Mà khi test xong, em chỉ lưu mỗi user.css nên nó mới bị lỗi phải không?
Mà hầu như em lưu tất cả user.css đều hiển thị không đúng cả. Mặc dù blog mà em lưu về hiển thị rất tốt. Vậy là sao vậy chị?

không còn đường đẫn My Account/ Design/ Change design/ Custom Style Sheet nữa chị ơi Vào Design chỉ chọn những cái có sẵn của Opera thui mất tiêu cái dòng Custom Style Sheet rùi hổng biết làm thế nào luôn Em thì mới làm Blog nữa chứ Khó ghê.....!!!!

Chị ơi! Em đã thử dùng theme Winter mà chị share, nhưng sao sau khi save thì blog của em chỉ toàn màu trắng? huhu, giúp em với, chị ơi...

Chị ơi em đọc mà chẳng hiểu gì cả>> mới vào nghề khó khăn chồng chất (ko co ai hướng dẫn cả)Tự tìm hiểu công nhận là khó....Nhưng ko nên nản chị nhỉ >>.Tìm hiểu tưng tí một vậy!

em moi tap lam blog. em chang biet j ca? blog cua em moi viet duoc may cai truyen len. em cung ko biet lam the nao` nua. hic. em ko hiu j het sa^t'.

hix, chị Lu ơi,em vừa tạo blog nhưng sao các font chữ khi save lại thì ra tùm lum hết ah.có cách sửa lạikhông vậy chị??/thaks

Chị ơi! Sao main.css của em rất đơn giản. Em thấy blog khác trang trí rất đẹp. Em có thể copy thêm các thành phần có được ko? Em nói thật em là CNTT vậy mà thua chị xa.

Bài viết rất hữu ích! Mình tuy chẳng biết j về IT nhưng vì sự tò mò và thích thú nên cũng muốn tự tạo cho mình một trang blog bắt mắt.

Merci bien!

Chao chi Hien, lâu quá em mới ghé lại đây, chị và gia đình vẫn khoẻ ạ. Chị ơi, không hiểu sao pẩhn sidebox của em cứ bị tụt xuống dưới, em chỉnh hoài chả được gì cả, chị chỉ giúp em với nha. Cam ơn chị, chúc chị và gia đình luôn vui và hạnh phúc.

Chị ơi! lấy các file css về rồi làm sao nữa a! Em kô bít làm j!Nếu sửa thị sửa ở đâu ạ!

Em cũng có cùng câu hỏi với bạn tonghungfly. Vì những chỉ dẫn hầu hết nằm trong main.css. Nhưng khi Save lại thì nó có thêm mainstructure1.css...Vậy thì để chỉnh sửa em sẽ sửa trên file nào ? Sau đó em sẽ làm gì với file main, cũng như file mailnstructure1.css này ?

Chị có thể chỉ em thêm tí nữa được không ? Em là lính mới, mù tịt về css cũng như edit blog ạ.

Cám ơn chị.

Hiền ơi, làm ơn giúp mình với, theo hướng dẫn của bạn mình đã mò gần 1 tuần nay mà ko làm sao có được các nội dung của main css mà bạn mô tả. Mình cũng ko sao down được code của structure. Khi mở notepad mình chỉ được file main css thế này:
@import url(../../themes/mainstructure1.css);
@import url(../../themes/maincolors1.css);
@import url(../../themes/common-1.css);

body {
background:#9eb1c4 url(/community/graphics/themes/105/bg.gif);
color:#222;
}

#top {
background:#c21d70 url(/community/graphics/themes/top-love.jpg) top right;
border-bottom:1px solid #ddd;
color:#fff;
}

#top a {
color:#fff;
}

#menu {
background:#f8f8f8 url(/community/graphics/themes/menu1.gif);
border-bottom:1px solid #fff;
}

#menu a:link, #menu a:visited, #menu a:active {
background:#f8f8f8 url(/community/graphics/themes/menu1.gif);
color:#000;
border-left:1px solid #fff;
border-right:1px solid #ddd;
}

#menu a:hover, #menu #selected:link, #menu #selected:visited {
background-color:#e7e7e7;
}

a:link, a:visited, a:active, #side a.username:link, #side a.username:visited, #calendar tbody a:link, #calendar tbody a:visited {
color:#176b9b;
}

#side h2, #side .h2, #side caption {
background:#a81c64 url(/community/graphics/themes/105/side.gif) top left repeat-x;
color:#fff;
}

#side h2 a:link, #side h2 a:visited, #side caption a:link, #side caption a:visited {
color:#fff;
}

.title a:hover {
color:#176b9b;
}

giúp mình dùm nha
cám ơn nhìu

Cảm ơn bài viết hữu ích của bạn!
Mình cũng bắt đầu tập viết blog. Tham khảo hướng dẫn của bạn nhưng mình không thực hiện được. Trong User.css và main.css của mình không giống như bạn mô tả. Bạn vui lòng chỉ giúp mình với, được không?
Trong User.css
#wrap1 {
font-family:Arial, Helvetica, sans-serif !important;
}
#content {
font-family:Arial, Helvetica, sans-serif !important;
font-size:13px;
}
Trong Main.css
@import url(../../themes/mainstructure1.css);
@import url(../../themes/maincolors2.css);
@import url(../../themes/common-1.css);

body {
background:#111 url(/community/graphics/themes/114/bg.gif);
color:#222;
}

#wrap1[id] {
background:transparent url(/community/graphics/themes/s3.png) top left repeat-y;
}

#wrap2[id] {
background:transparent url(/community/graphics/themes/s4.png) top right repeat-y;
}

#wrap3 {
background:#fff url(/community/graphics/themes/side3.gif) top right repeat-y;
min-width:750px;
}

#wrap4 {
background:transparent url(/community/graphics/themes/main1.gif) 100% 200px no-repeat;
}

.onecol #wrap3, .onecol #wrap4 {
background:#fff;
}

#content, #footer {
width:890px;
}

#footer2 {
padding-left:15px;
}

#mainwrap {
display:inline;
margin:0 -270px 0 0;
}

#main {
margin-right:270px;
}

#side {
background:#161616;
color:#eee;
}

#menu ul {
margin-left:15px;
}

#top2 {
padding-left:15px;
}

#top {
background:#2f8faf url(/community/graphics/themes/top-web20.jpg) top right;
border-bottom:1px solid #000;
color:#fff;
}

#top a {
color:#fff;
}

#side h2, #side .h2, #side caption {
background:#161616 url(/community/graphics/themes/114/side2.gif) top right no-repeat;
padding-top:14px;
}

#menu {
background:#333 url(/community/graphics/themes/menu2.gif);
border-bottom:1px solid #000;
}

#menu a:link, #menu a:visited, #menu a:active {
background:#333 url(/community/graphics/themes/menu2.gif);
color:#fff;
border-left:1px solid #000;
border-right:1px solid #333;
}

#menu a:hover, #menu #selected:link, #menu #selected:visited {
background-color:#111;
}

a:link, a:visited, a:active {
color:#176b9b;
}

#myphoto, #albumslides, #qp li {
border:1px solid #333;
}

#side a:link, #side a:visited, #meta a:link, #meta a:visited {
color:#fff;
}

.title a:link, .title a:visited, .tags a:link, .tags a:visited {
color:#111;
}

.title a:hover {
color:#176b9b;
}

#newcomments li {
border-top:1px solid #333;
}

#latestposts li, #pollresults li, .sidelinx li, .cdwn {
border-bottom:1px solid #222;
}

#side a.username:link, #side a.username:visited, #side .size5 a {
color:#5ac9ef;
}

#calendar {
background:#111;
border-bottom:1px solid #000;
color:#999;
}

#calendar td {
border-top:1px solid #444;
border-right:1px solid #222;
border-bottom:1px solid #222;
border-left:1px solid #444;
}

#side .size1 a {
color:#207d9e;
}

#side .size2 a {
color:#3192b3;
}

#side .size3 a {
color:#3f9dbe;
}

#side .size4 a {
color:#4db3d6;
}