Slide giống tinhte.vn

Gió · 11/8/12

freecode said: ↑

bác biết chỗ chèn vô ko vậy, chỉ em với
Click to expand...

Forum_list

freecode · 11/8/12

Gió said: ↑

Forum_list
Click to expand...

Bác chỉ cụ thể hơn đc ko

betaphack · 12/8/12

ku Hiệu said: ↑

Thêm vào EXTRA.css

Mã:

/* start topstories */
 
.topstories div, p {
    margin: 0;
    padding: 0;
}
.topstories .clear {
    clear: both;
    position: relative;
}
.topstories {
    padding-bottom: 20px;
    width: 650px;
}
.topstories .a_block {
    display: inline;
    float: left;
    margin-bottom: 1px;
    margin-left: 1px;
    position: relative;
    text-decoration: none;
}
.topstories .a_block_first {
    margin-left: 0;
}
.topstories .a_block img {
    display: inline;
    float: left;
}
.topstories .a_block .txt_holder {
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
}
.topstories .a_block .txt_holder p {
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    line-height: 16px;
    padding: 8px 10px;
    position: relative;
    text-decoration: none;
}
.topstories .a_block .txt_holder p:hover {
    color: #AAAAAA;
}
.topstories .a_block_hover .txt_holder p {
    color: #00BDF6;
}
.topstories .a_block .txt_holder p .txts {
    position: relative;
    z-index: 10;
}
.topstories .a_block .txt_holder p .bg {
    background: none repeat scroll 0 0 #003350;
    border: 0 none;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    width: 100%;
}
.topstories .a_block .txt_holder .timestamp, .topstories .a_block .txt_holder .badge {
    border: 0 none;
    color: #DDDDDD;
    font-size: 10px;
    line-height: 20px;
    padding: 0 10px;
    position: absolute;
    text-transform: uppercase;
    top: -20px;
}
.topstories .a_block .txt_holder .timestamp .txts, .topstories .a_block .txt_holder .badge .txts {
    font-family: georgia,serif;
    position: relative;
    z-index: 10;
}
.topstories .a_block .txt_holder .timestamp .txts .smaller, .topstories .a_block .txt_holder .badge .txts .smaller {
    font-size: 9px;
}
.topstories .a_block .txt_holder .timestamp .bg {
    background: none repeat scroll 0 0 #49853E;
    border: 0 none;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    width: 100%;
}
.topstories .a_block_lg {
    height: 150px;
    width: 384px;
}
.topstories .a_block_lg p {
    width: 364px;
}
.topstories .a_block_md {
    height: 150px;
    width: 265px;
}
.topstories .a_block_md p {
    width: 245px;
}
.topstories .a_block_sm {
    height: 150px;
    width: 216px;
}
.topstories .a_block_sm p {
    width: 196px;
}
.topstories .a_block_more {
    height: 80px;
    width: 216px;
}
.topstories .a_block_sm p {
    width: 196px;
}
.topRightBlocks, .midRightBlocks, .btmRightBlocks {
    float: none;
    width: auto;
}
.topLeftBlocks, .midLeftBlocks, .btmLeftBlocks {
    float: left;
}
.topRightBlocks .section:first-child, .midRightBlocks .section:first-child, .btmRightBlocks .section:first-child, .topLeftBlocks .section:first-child, .midLeftBlocks .section:first-child, .btmLeftBlocks .section:first-child {
    margin-top: 0;
}
.topRightBlocks {
}
.topRightBlocks:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
 
/* end topstories */

Tạo 1 template mới tên nvh_topstories (sau này cập nhật trong template này), nội dung:

Mã:

<div class="sidebar topRightBlocks">
<div id="topstories" class="topstories">
<div class="grid_holder">
<a class="a_block_first a_block a_block_lg" title="Đánh giá Sony Neo L - bởi vuhai6" href="threads/1430728/">
<img class="block_img" width="384" height="150" src="https://simage.tinhte.vn/data.php?url=http://cdn.tinhte.vn/attachments/624846/&w=384&h=150">
<div class="txt_holder">
<p>
<span class="txts">Đánh giá Sony Neo L</span>
<span class="bg"></span>
</p>
<div class="timestamp">
<span class="txts">10/8/12 07:08</span>
<span class="bg"></span>
</div>
</div>
</a>
<a class="a_block a_block_md" title="Trên tay Samsung Galaxy Note 10.1 - bởi cuhiep" href="threads/1438133/">
<img class="block_img" width="265" height="150" src="https://simage.tinhte.vn/data.php?url=http://cdn.tinhte.vn/attachments/629775/&w=265&h=150">
<div class="txt_holder">
<p>
<span class="txts">Trên tay Samsung Galaxy Note 10.1</span>
<span class="bg"></span>
</p>
<div class="timestamp">
<span class="txts">10/8/12 04:08</span>
<span class="bg"></span>
</div>
</div>
</a>
<a class="a_block_first a_block a_block_sm" title="[Cận cảnh] Xe Vespa LX 125 i.e phiên bản Trái táo - bởi cuLong" href="threads/1435802/">
<img class="block_img" width="216" height="150" src="https://simage.tinhte.vn/data.php?url=http://cdn.tinhte.vn/attachments/628162/&w=216&h=150">
<div class="txt_holder">
<p>
<span class="txts">[Cận cảnh] Xe Vespa LX 125 i.e phiên bản Trái táo</span>
<span class="bg"></span>
</p>
<div class="timestamp">
<span class="txts">10/8/12 11:08</span>
<span class="bg"></span>
</div>
</div>
</a>
<a class="a_block a_block_sm" title="Cần Thơ - Offline nhiếp ảnh cơ bản: Làm chủ máy ảnh, Khơi nguồn cảm hứng 11-12/08/12 - bởi starnt" href="threads/1432587/">
<img class="block_img" width="216" height="150" src="https://simage.tinhte.vn/data.php?url=http://media.tinhte.vn/photo/var/resizes/starnt/P1040148.JPG?m=1344386106&w=216&h=150">
<div class="txt_holder">
<p>
<span class="txts">Cần Thơ - Offline nhiếp ảnh cơ bản: Làm chủ máy ảnh, Khơi nguồn cảm hứng 11-12/08/12</span>
<span class="bg"></span>
</p>
<div class="timestamp">
<span class="txts">09/8/12 03:08</span>
<span class="bg"></span>
</div>
</div>
</a>
<a class="a_block a_block_sm" title="[Thi Infographic] Tốc độ của muôn loài... - bởi TEDMUCHAN" href="threads/1375898/">
<img class="block_img" width="216" height="150" src="https://simage.tinhte.vn/data.php?url=http://cdn.tinhte.vn/attachments/626211/&w=216&h=150">
<div class="txt_holder">
<p>
<span class="txts">[Thi Infographic] Tốc độ của muôn loài...</span>
<span class="bg"></span>
</p>
<div class="timestamp">
<span class="txts">08/8/12 02:08</span>
<span class="bg"></span>
</div>
</div>
</a>
</div>
<div class="clear"></div>
</div>
</div>

cho code này vào chổ cần chèn

Mã:

<xen:include template="nvh_topstories" />

Nếu bên ấy có addon, mấy chú muốn nhái site của tt, thì cứ chờ

Click to expand...

Thanks nhiều nha, đã ok rồi, hơi thủ công 1 tí, nhưng 1 tuần mới Update list này 1 lần nên cũng không ngại lắm. Lúc trước bên NukeViet CMS có chức năng này (Bài viết tiêu biều) tiện lắm, Xen thì chưa có. Dù sao cũng thanks Ku Hieu
Demo đã run: http://webcuatoi.com

kuhuy102 · 5/9/12

Chèn đoạn này
Mã:
<xen:include template="nvh_topstories" />
vào đâu để nó hiển thị chỉ ở ngoài portal giống tinh tế nhỉ

Xuân Tĩnh · 5/9/12

Các bác cứ đùa. Không lẽ tinhte mà đi chèn bằng tay thế này. Họ còn có nguyên cả addons Xen_tinhte_tag cơ mà. Không lẽ cái hot new này họ ko code được

Xavier · 5/9/12

Xuân Tĩnh said: ↑

Các bác cứ đùa. Không lẽ tinhte mà đi chèn bằng tay thế này. Họ còn có nguyên cả addons Xen_tinhte_tag cơ mà. Không lẽ cái hot new này họ ko code được
Click to expand...

nhưng sự thật lại là như thế đấy

kuhuy102 · 5/9/12

Xavier said: ↑

nhưng sự thật lại là như thế đấy
Click to expand...

<xen:include template="nvh_topstories" />
chèn đoạn này vào đâu vậy

Xavier · 5/9/12

kuhuy102 said: ↑

<xen:include template="nvh_topstories" />
chèn đoạn này vào đâu vậy
Click to expand...

thích nó hiển thị ở đâu thì đặt vào đó

kuhuy102 · 5/9/12

Xavier said: ↑

thích nó hiển thị ở đâu thì đặt vào đó
Click to expand...

Chỉ muốn hiển thị ở portal thì thế nào ( như tt ấy )

Xavier · 5/9/12

lâu rồi k dùng portal nên cũng k biết rõ lắm...hình như portal có cái template trang chủ thì phải

kuhuy102 · 5/9/12

để ném thử vào EWRporta.css xem sao

Xavier · 5/9/12

ném vào đấy chạy bằng niềm tin à

kuhuy102 · 5/9/12

Biết ném vào đâu giờ ông ku hiệu nói mập mờ quá

TeQuiLa · 5/9/12

theo mình thì không hoàn toàn các bác Tinh tế add bằng tay, cách thức thì cũng không quá khó nhưng cần sự tỉ mỉ. Các bạn biết về Xenporta có thể tùy biến các Block, mình tin rằng Slide trên là 1 Block đc add vào Top right của Xenporta và phương thức hoạt động của Block này gần tương tự như RecentNews và RecentSlide, cách hiển thị thì theo các thẻ div và quy định bởi CSS, cách đưa bài viết vào Slide là chức năng Promotion của bài viết.

(nhận định chủ quan, nếu k phải tinhte làm thế thì mình cũng làm theo hướng này )

Chứ không ai ngồi mà add tĩnh kiểu thủ công cả các bạn yên tâm là sẽ có người Rip đc Block này (he)

kuhuy102 · 5/9/12

TeQuiLa said: ↑

theo mình thì không hoàn toàn các bác Tinh tế add bằng tay, cách thức thì cũng không quá khó nhưng cần sự tỉ mỉ. Các bạn biết về Xenporta có thể tùy biến các Block, mình tin rằng Slide trên là 1 Block đc add vào Top right của Xenporta và phương thức hoạt động của Block này gần tương tự như RecentNews và RecentSlide, cách hiển thị thì theo các thẻ div và quy định bởi CSS, cách đưa bài viết vào Slide là chức năng Promotion của bài viết.

(nhận định chủ quan, nếu k phải tinhte làm thế thì mình cũng làm theo hướng này )

Chứ không ai ngồi mà add tĩnh kiểu thủ công cả các bạn yên tâm là sẽ có người Rip đc Block này (he)
Click to expand...

Tiện cho e hỏi thử cách chèn đoạn này để hiển thị tốt nhất
<xen:include template="nvh_topstories" />

TeQuiLa · 5/9/12

kuhuy102 said: ↑

Tiện cho e hỏi thử cách chèn đoạn này để hiển thị tốt nhất
<xen:include template="nvh_topstories" />
Click to expand...

Tạo 1 block HTML rồi tìm template của Block đó và add đoạn trên vào, cho Block đó vào vị trí Top right trên Portal Layout

Các tạo block HTML thì trên diễn đàn này cóa

junky · 24/9/12

TeQuiLa said: ↑

Tạo 1 block HTML rồi tìm template của Block đó và add đoạn trên vào, cho Block đó vào vị trí Top right trên Portal Layout

Các tạo block HTML thì trên diễn đàn này cóa
Click to expand...

Anh ơi tạo block HTML ntn ạ em tìm rồi mà không thấy

vnmio · 25/9/12

nem vao day ne: EWRporta_Portal

Hà Vũ · 6/11/12

Mình thấy phát triển 1 cái giống Modern UI Live Tiles để cập nhật các bài viết mới nhất thì hay hơn

Chấm · 11/12/12

betaphack said: ↑

Thanks nhiều nha, đã ok rồi, hơi thủ công 1 tí, nhưng 1 tuần mới Update list này 1 lần nên cũng không ngại lắm. Lúc trước bên NukeViet CMS có chức năng này (Bài viết tiêu biều) tiện lắm, Xen thì chưa có. Dù sao cũng thanks Ku Hieu
Demo đã run: http://webcuatoi.com
Click to expand...

Share e cái Side ảnh có kèm link của anh nha ~
Cái [Trên tay] Asus S46, Ultrabook có ổ DVD và GPU rời đó a

Slide giống tinhte.vn

Gió Member

freecode Member

betaphack Member

kuhuy102 Member

Xuân Tĩnh Member

Xavier Well-Known Member

kuhuy102 Member

Xavier Well-Known Member

kuhuy102 Member

Xavier Well-Known Member

kuhuy102 Member

Xavier Well-Known Member

kuhuy102 Member

TeQuiLa .:: Neverland ::.

kuhuy102 Member

TeQuiLa .:: Neverland ::.

junky New Member

vnmio New Member

Hà Vũ New Member

Chấm Active Member

Chia sẻ trang này

Text Links

Textlink

Thông báo mới nhất