thegioiblog
member
ID 73859
10/30/2012
|
THEGIOIBLOG2
CHÚNG TA CÓ 4 PHẦN: Tùy chọn: gộp lại cùng nhau hoặc tách thành từng phần cũng được.
PHẦN 1: KHAI BÁO TRONG SUỐT blog toàn tập có nhiều kiểu, tùy chọn, đây là kiểu 1
<style type="text/css"> #asb-nav-logo,
#asb-uh, #asb-nav, #asb-nav .divider
{background:transparent!important;border:none;}#asb-nav li.nav-item
a.nav-link{color:#000000;}
#hd{background:transparent;}#blog-description{display:none;}#blog-title{display:none;}
yut-btn-light{background:transparent!important;border:none;}#hd{border-bottom:0;} #asb-nav-search{display:none;}#asb-menu
li, #asb-menu li.current, #asb-menu li.current a, #asb-menu li a,
.first.current {background:transparent!important;border:none;}
#w-profile-status .status-bubble, #w-profile-img-ctn img {background:transparent;display:none;border:none;}
sidebar{background:transparent!important;border:none;} .yut-pg-container{background:transparent!important;border:none;}.yui-b
.sidebar{background:transparent;border:none;}#yui-gen7, #yui-gen6,
#yui-gen*, #ft ul {display:none;}.yui-t6 .yui-b.yui-t6 #yui-main .yui-b ,
#yui-main , #pagination-bottom, .yui-b #sidebar2, .widget
{border:none!important;margin-left:5px;}
.article-listing-bd{background:transparent!important;border:none;} #emotion-carousel{background:transparent!important;border:none;} #article-single.bd{background:transparent!important;border:none;} #article-navigation{background:transparent!important;border:none;} .action-carousel-show{background:transparent!important;border:none;} #article-supplement{background:transparent!important;border:none;} #comment-textarea, #comment-form{background:transparent!important;border:none;} #article-bottom-nav{background:transparent!important;border:none;} .yut-pg-container{background:transparent!important;border:none;}
.pg-page.pg-current-page,
.pg-previous.pg-previous-disabled,
.pg-next.pg-next-disabled{font-size:26px;background:transparent!important;border:none;} .comment-item.comment-reply{background:transparent!important;border:none;}
#ft
{font-size:0px;border-top:0px;padding:0 0 0 0;}#ft{border:none;}#ft p,
#ft ul {display:none;}#ft p {margin-bottom:0px;}#ft li .divider
{display:none;} </style>
PHẦN 2: KHAI BÁO HÌNH NỀN blog và tùy chỉnh kích cỡ, đây là kiểu rộng hết cỡ, tận dụng tối đa khoảng trống
<style type="text/css"> body{background-image:url("http://i1242.photobucket.com/albums/gg536/anhhoanhat619/Untitled_zps4b2e8fc0.jpg");background-position:center;background-repeat:no-repeat;background-attachment:fixed;width:100%!important;}
#bd {background:transparent url(http://i1357.photobucket.com/albums/q758/rainebrother/image3_zps96f004b2.png) repeat-y center;width:1124px!important;} </style>
PHẦN 3: KHAI BÁO bố cục, dàn trang, tùy chỉnh, nhiều kiểu, đây là ví dụ:
<style type="text/css"> #article-listing
.article .title{margin:5px 5px 10px 5px;border-bottom:1px solid
#ccc;padding:0 0 10px;font-family:Georgia, Times,
serif;font-size:110%;color:#438059;}#article-listing .article .meta,
#article-listing .article .category, #article-listing .article .tag,
#article-listing .article
.actions{display:none;}#article-list{float:left;padding:0px;}.article-listing-ft{float:left;width:649px;}#article-listing
.article {width:292px;height:169px;float:left;margin:15px;border:1px
solid #999;padding-top:0px;}#article-listing .img-wrap
img{float:left;max-width:115px;max-height:129px;border:1px solid
#CCC;padding:5px;margin:5px;}#article-listing .article
.summary-short{display:block;font-family:Georgia, Times,
serif;font-weight:lighter;font-size:12px;padding:5px 5px 5px
5px;}#article-listing .article .summary{display:none;}#article-listing
.first-of-type{width:649px!important;height:249px!important;display:block;margin:0px!important;}#article-listing
.first-of-type .img-wrap
img{float:left;width:219px!important;height:200px!important;max-width:219px;max-height:200px!important;}#article-listing
.first-of-type .summary{display:block;font-family:Georgia, Times,
serif;font-weight:lighter;font-size:16px;padding:10px 10px 10px
249px;}#article-listing .first-of-type .summary-short{display:none;} </style>
PHẦN 4: KHAI BÁO KHUNG BÀI VIẾT VÀ KHUNG VIDEO, tùy chỉnh kích cỡ, chiều cao và rộng:
<style type="text/css"> #article-single.bd,
#article-supplement, #article-top-nav,
#article-bottom-nav{width:689px!important;}#article-list{padding-left:9px;padding-right:9px;width:649px;}#yui-main
{margin-left:219px!important;}#article-single.bd, #article-supplement,
#article-top-nav,
#article-bottom-nav{border-right:none;border:none;}#article-list,
pagination-bottom, #emotion-carousel
{border-right:none;border:none;}#article-breadcrumb{height:49px;width:689px;background:transparent;}#article-listing
.article-listing-hd{margin-bottom:0px;height:19px;width:689px;background:transparent;}#article-bottom-nav
{border:none;margin-top:0px;background:transparent;height:19px;}#pagination-bottom{border:none;height:19px;width:689px;background:transparent;}#article-single
.actions{border:none;}#article-navigation{display:none;}.three-col
.article .content embed, .three-col .article .content iframe,
.three-col-left .article .content embed, .three-col-left .article
.content iframe, .three-col-right .article .content embed,
.three-col-right .article .content iframe
{height:509px!important;width:619px!important;} </style>
Alert webmaster - Báo webmaster bài viết vi phạm nội quy
|
|
huutrinon
member
REF: 642698
11/09/2012
|
Chào bạn HoaNhat,
Cái bạn đang giới thiệu này là gì vậy? Bạn có thể nói lại từ đầu được khg? Cho HTN xin đăng ký học với...
|
|
anhhoanhat
member
REF: 642717
11/09/2012
|
Mến chào bạn Huutrinon.
Mình đang soạn bài hướng dẫn các bạn trẻ cách làm thêm 3 cột, rút gọn mã nguồn, dàn trang, tận dụng tối đa các khoảng trống, tùy chỉnh rộng khắp hết màn hình... Quan trọng là khai báo khung cho phần entry (bài viết) và mã nguồn để đưa video, hình ảnh vào bài viết mà không bị co cụm, bị thu nhỏ, bị kéo lệch...
XEM THỬ LINK NÀY NHÉ, bấm vào bài đầu tiên: HỌC CÁCH YÊU, xem VIDEO
Khi đã khai báo mã nguồn cho khung hình ảnh và VIDEO cho THEME 3 CỘT, thì cần mã nguồn VIDEO của phần khai báo đó... Mình sẽ viết mã nguồn để đưa VIDEO vào bài viết ở bài sau.
Vì đang soạn dở, nên blog còn sơ sài, chưa trang trí đầy đủ và toàn diện cho blog và bài viết
Phần hình nền của blog, mình mới chỉ đặt tạm hình cô gái phía bên phải, còn phần trống bên trái để có thời gian, mình sẽ trang trí sau, phần bài viết và bố cục, dàn trang cũng thế... từ từ sẽ trang trí bổ sung và màu sắc sau.
Chúc bạn Huutrinon an vui hạnh phúc tốt lành.
|
|
huutrinon
member
REF: 642797
11/10/2012
|
AHN,
Bạn phải bắt đầu coi người muốn theo bạn học đề tài, như khg biết gì hết,như HTN đây vậy! Nếu bạn bắt đầu ngang hông như vậy,thật là khó hiểu! Bạn phải giới
thiệu chương trình đó làm gì? những bước đầu thế nào? làm 1 chút thí dụ cho dân
'gà mờ' thấy, để hiểu!...rồi từ từ mới chạy nhanh hơn!...Mới vô mà bạn vọt như vậy,HTN sợ điến luôn!
|
|
thegioiblog
member
REF: 642833
11/10/2012
|
Cảm ơn góp ý của bạn Huutrinon, mình sẽ giới thiệu từng bước, từ khởi đầu, thông tin chi tiết hơn ở những bài sau, chúc bạn an vui hạnh phúc tốt lành.
|
1
|
Kí hiệu:
:
trang cá nhân :chủ
để đã đăng
:
gởi thư
:
thay đổi bài
:ý kiến |
|
|
|
|