WP Island

Chuyện nhỏ như con thỏ, đây nè

Không sợ, theme đầu tay, không đẹp, không đẹp, ai muốn lấy? Muốn lấy Pearl cho lấy, nhưng mà nhớ đừng remove dòng © cho Pearl ^o^.

Sắp làm theme mới nhưng nghe chị với TiTi góp ý cái chữ khó đọc nên Pearl đã thay cái bg rồi (nói vậy thôi chứ thật ra làm thêm 1 layer nữa, nhưng bây h thì dễ đọc rồi ^_^), thanks for comment!

Hi, nếu Tansang có tài khoản Gmail thì đăng nhập vô trang http://pages.google.com , nó là một dịch vụ free hosting của Google, để cho các mem làm web đó mà, còn Pearl hông làm web, dùng nó để storage online. Ah, quên, sau khi login, nó và agree mấy đều khoản của nó xong, sẽ tới màn hình chọ template rồi design cái trang chủ, bấm vô Site manager để vào phần quản lý, bên cột trái có cái Uploaded stuff , để upload, mỗi tài khoản Gmail, tạo được 5 tên miền = mỗi tên miền có 100M lưu trữ => 500M trên mỗi acc, Pearl đăng 1 tá acc, nên làm hàng tá server, cái hosting của Google, Pearl thấy tốc độ up lên cũng nhanh, mà hông sợ die (dựa vào Google mà), file size max hình như 10M.

Note: Hiện tại Google đã cho reg account Gmail vô tư, nhìn xuống hộp thoại login, if you haven't a Google acc => Sign up now.

Đó là do TiTi chọn tùy chọn "Use my custom style sheet together with the current theme", lúc apply cái css đó, có thể sửa lại bằng cách chọn "Only use my custom style sheet *" hay thêm vô css hiện tại đoạn mã dưới

#menu ul {
margin:0;
padding:0;
background:transparent;
height:32px;
}

Không có gì mà, tiếng Anh của Pearl cũng khủng lắm, ah, sửa xong rồi ^ ^.

Thanks, tại TiTi bỏ bớt mấy phần trong CSS nên nó mới vậy, Only use my custom style sheet: chỉ sử dụng css của bạn ; Use my custom style sheet together with the current theme: kết hợp css của bạn với css của Opera, đó là tại sao xuất hiện cái thanh ngang, khi bạn chọn cái Use my custom style sheet together with the current theme thì chỉ có những phần trong css của bạn có thì mới ảnh hưởng tới blog của bạn, những thành phần không có thì sẽ lấy css của Opera nên cái css của bạn thiếu #menu ul => blog của bạn sẽ lấy mã trong css của Opera => thanh ngang xuất hiện, nói hơi dài dòng nhỉ ^ ^

Thanks!

Posted by Scubi

bạn ơi cho mình xin cái code chuột như của bạn cái:Dvới cả copy vào đâu nhỉ??vào phần main css ah??thanks trước

Bạn thêm đoạn code này vào selector body

cursor: url(http:link mouse);

Bấm chuột phải chọn save target as để lấy con trỏ chuột về Mouse

Dùng code này:

#topbar1, #toplogin {
        backgroud:màu cái lá;
        margin:0 auto;
                text-align:left;
}

Nếu có thắc mắc gì cứ hỏi mà ^_^, rất sẵn lòng giúp bạn.

Sẽ gởi CSS cho bạn, còn sidewrap chuyển qua bên phải là việc của bạn, Pearl không quản (chỉ cần thêm float:left và float cho mainwrap là right rồi chỉnh sửa thêm là được).

Lưu ý: nếu có sử dụng theme của Pearl thì phải dùng host của bạn để trữ ảnh.

Muốn đổi sidewrap qua trái thì đổi cái thuộc tính float thành left, còn thuộc tính float của mainwrap đổi thành right

Ex:

#sitewrap {
           ..........
           float:left;
           ..........
          }

#mainwrap {
           ..........
           float:right;
           ..........
           }

Không sao mà, miễn đừng link tới Pearl là OK.

Xem bằng Firefox thấy hiển thị bình thường mà, chắc lỗi của IE6, để hôm nào ra netcafe test sau ^_^, ở nhà không có IE6.

Thanks for comment! , Welcome!

Cái CSS lần trước anh nén lại cho nhẹ, có lẽ em không có chương trình giải nén nên không dùng được thôi, anh đã send cái khác cho em rồi, mở bằng Notepad.

Have fun!

You are welcome!

Mà em nên lấy hết graphics dùng cho skin này về rồi upload lên host em, sau đó đổi lại link trong css ấy, chứ để như cũ nó toàn link ảnh trên host của anh kìa

Originally posted by LuckyStars:

@wallpearl,: biết you là cao thủ về skin opera . Thấy bài viết cứ yêu cầu, wallpearl sẵn sàng giúp 100%

Vừa dọc kỹ lại, không thấy có dòng nào giống vậy , chắc phải thay lại thành Opera blog

Giải quyết từng tên nè:

1. Phần friend chỉ cần định thêm width là ổn

#friendz li {
                   width:85px;
                  }

2. Cái menu cũng tương tự

#menu li { 
                 width:100px;
              }

3. Cái gạch dưới mỗi bài viết thì bạn chép hết code trong main.css vô css của bạn (trừ 2 dòng đâu), save 2 file maincolors1.css và mainstructure1.css lại (2 file này có url trong 2 dòng đâu đó), rồi bỏ đoạn này trong maincolors1.css

.post, .pagenav {
border-top:1px solid #ddd;
}

lưu lại rồi up 2 file này lên host của bạn rồi lại thêm 2 dòng @import url trong css của bạn với url tương 2 file css vừa up lên.

Then, save lại css của bạn với option "Only use my custom style sheet"

4. Số lượng comment thì Pearl vẫn còn thấy mà

Những nội dung này được Pearl chỉnh sửa trên cơ sở Firefox browser.

Sorry! dạo này máy hỏng nên ít lên net, cũng quên khuấy vụ này luôn , cái line ở Archive đẹp mà , cái phần số comment thì do đặt thù theme mới, không có, còn cái line thử dùng code này

#arc h2, #arc li {border-bottom:1px dotted none}

Có vẻ Pearl không hiểu mấy về cái border mà bạn nói, Pearl đã ghé qua blog bạn nhưng cũng không thấy gì không ổn nên cũng không biết bạn muốn sửa chỗ nào, tốt nhất là bạn nên nói cụ thể hoặc chụp lại blog của bạn và chú thích chỗ nào cần sửa

Chỉ thấy cái sidebar hơi lệch ra ngoài bạn hãy thêm vào #sidewrap thuộc tính margin-right:6px; và xóa border-left:8px solid #fff; để mất cái viền trắng bên trái sidebar (không xóa cũng được, chỉ là Pearl thấy nó không đẹp lắm); bạn giảm margin-right ở #mainwrap xuống còn -215px để sidebar khỏi bị lọt xuống dưới

Đây là các code để thực hiện đường viền theo ý bạn, Pearl chỉ thêm 1 số nhưng làm biếng nên copy cả.

#wrap2 {
margin:0 auto;
max-width:800px;
        min-width:700px;
        border:5px solid #fff;
   background:url(http://files.myopera.com/Bii/theme_skin/sms_bar.jpg) bottom center no-repeat;
        }

#top {
clear:both;
height:170px;
background:#222 url(/community/graphics/users/13/top.jpg);
color:#fff;
position:relative;
        border:5px solid #fff;
        width:790px;
        margin-left:-8px;
}

#mainwrap {
width:100%;
margin-right:-220px;
float:left;
        border:5px solid #fff;
        margin-left:-8px;
}

#footer {        background:url(http://files.myopera.com/Bii/theme_skin/blade_blankbutton.jpg) top left repeat-x; 
border:5px solid #fff;
clear:both;
width:790px;
        height:48px;
margin-left:-8px;
color:#333;
}

#sidewrap {
width:200px;
float:right;
font-size:0.85em;
overflow:hidden;
background:#ecebe6;
margin-bottom:15px;
        margin-right:-2px;
        border:5px solid #fff;
           }

Và đây là kết quả, bạn xem có vừa ý không nhé click here

với lại nếu mình muốn có thêm 1 sidebar bên trái ( vì mình muốn để phần photo, profile,search,.. nói chung là chia bớt mấy cái bên phải qua ) ko biết có được ko hoặc làm ntn???

Hiện tại Opera chỉ có 2column layout, trước đây Pearl cũng định làm 1 skin 3 column, mặc dù cũng được, nhưng sẽ sinh ra nhiều lỗi, nói tóm lại không thể dùng css để giải quyết vấn đề này.

Sorry all! mấy ngày vừa qua Pearl không vào đây nên chậm trả lời mọi người.

@Bii: Pearl đã xem lại blog của bạn rồi, hình như bạn đã tự sửa lại được theo ý muốn, nên Pearl không cần sửa nữa , còn nếu bạn có yêu cầu gì khác thì cứ nói nhé.

@Sâu Kin: Link ảnh phải đảm bảo chính xác thì mới được bạn ui, Pearl đã kiểm tra lại link banner hiện tại của bạn và thấy thông báo này "File not found" , ngoài ra nếu bạn dùng IE6 thì cũng không thể thay banner, đó là do hiện nay Opera đang chuyển server nên link css trước đây là http://files.myopera.com/xxx/user.css bây h sẽ thành http://storage9.myopera.com/xxx/user.css, các trình duyệt khác thì có thể nhận ra vụ này, còn IE thì không nên kết quả là các thay đổi css mới được cập nhật tại địa chỉ http://storage9.myopera.com/xxx/user.css còn http://files.myopera.com/xxx/user.css thì không được cập nhật và IE6 lại sử dụng nó, đó cũng là lý do tại sao hiện nay có nhiều bạn than phiền là thay skin không được.


@Double808DeThuong: Đây là đoạn code giúp bạn thực hiện tất cả các yêu cầu: đóng khung, canh điều sidewrap và mainwrap, chỉnh sửa tittle mà không cần hiển thị. Thật ra cũng không dài tới vậy chỉ là Pearl làm biếng lượt nên cứ copy nguyên khối.


#wrap3 {
background:transparent;
margin:0 auto;
width:818px !important;
padding:10px;
}

#top {
font-size:15px;
width:818px!important;
height:305px;
text-align:top;
color:#fd0418;
background: #ffffff url(http://files.myopera.com/double808dethuong/theme/pp-sea.jpg) top center no-repeat;
border:10px solid #000;
padding-bottom:20px;
margin-left:-10px;
}

#top h1 {
margin:0;
width:500px;
font-size:22px;
font-family:tahoma,arial,helvetica,sans-serif;
line-height:normal;
padding-top:20px;
visibility:hidden;
}

#subtitle {
visibility:hidden;
margin:0;
width:500px;
font-size:15px;
}

#top h1 img {
visibility:visible;
margin-left:180px;
}

#menu {
clear:both;
left:10px;
margin-top:50px;
}

#content, #footer {
clear:both;
position:relative;
text-align:left;
margin:0 auto;
}

#content {
background:transparent;
width:818px;
color:#3421f0;
font-size:14px;
margin-left:-10px;
margin-top:20px;
border:10px solid #000;
padding-bottom:120px;
}

#footer {
background:url(http://files.myopera.com/double808dethuong/theme/ppflower.jpg) bottom center no-repeat;
width:778px;
height:464px;
border:10px solid #000;
margin-bottom:10px;
top:120px;
}

#mainwrap {
width:100%;
margin-top:10px;
margin-left:10px;
margin-right:-240px;
padding-bottom:12px;
float:left;
}

#main { background:none;
min-height:500px;
margin-right:250px;
padding-bottom:15px;
}

#sidewrap {
width:200px;
margin-top:10px;
margin-right:10px;
float:right;
font-size:11px;
/*overflow:hidden;*/
}

.sidebox {
background:#feeeef;
margin-bottom:15px;
border:10px solid #000;
}

.post {
clear:both;
position:relative;
padding:0px 0 40px 0;
margin-bottom:10px;
width:570px;
border:10px solid #000;
overflow:hidden;
background:#fff;
}

#firstpost {
background:#fff;
}

#lastpost {
padding-top:0;
background:#fff;
}

#calendar {
border-spacing:1px;
clear:both;
margin-bottom:15px;
width:200px;
font-size:10px;
background:#ffffff url(http://files.myopera.com/double808dethuong/theme/sidepad.jpg) bottom left repeat-x;
border:10px solid #000;
}


Pearl thấy vẫn bình thường mà, hôm qua Pearl cũng nghe Huyền nói Opera lỗi, chỉ thấy text, không thấy skin, nhưng Pearl cũng không thấy gì lạ, có lẽ lỗi này Opera lại đang có thay đổi về server nên Pearl gõ address css của bạn trong trình duyệt cũng không gọi ra được.

Ah, hôm qua, sau khi chỉnh mấy code cho bạn, Pearl đã cap lại kết quá, nhưng quên post, Pearl dùng viền đen minh họa cho dễ theo dõi, bạn có thể chỉnh lại sau click here

Hi vọng Opera sớm fix xong, chứ bây h cũng chả biết làm gì

Hình như Pearl thấy nhà nào vừa thay css từ hôm qua đều trắng phiếu cả, thử mở phần files lên xem cái user.css có bao nhiêu dung lượng.

Có ghost hông, ai bảo format bậy bạ, lần trước Pearl cũng mắt nhắm, mắt mở làm mất cả trăm cái album , nhưng bi h thì Pearl backup lại hết, có bị mất, lấy đĩa ra restore lại.

Là có lẽ cái user.css của bạn bây h có lẽ đang rỗng, theo Pearl thì tốt nhất không nên thay skin trong những ngày này, vì Opera đang có 1 số vấn đề ở files server.