[Template]QLTT - Viewtopic_body - Khung viền avatar

[CPFounder]

Bởi ănmày_chí_phèo
Vào ACP-->Display-->QLTT-->Viewtopic_Body Tìm

Code:

{postrow.displayed.POSTER_AVATAR}

Thay bằng :

Code:

<!-- BEGIN-----AVATA --><table cellSpacing="0" cellPadding="0" border="0" style="width:auto">
<td style="padding: 0px"><img src=" http://i421.photobucket.com/albums/pp296/cuachung/ava_01.png "></td>
<td style="padding: 0px" background=" http://i421.photobucket.com/albums/pp296/cuachung/ava_02.png "></td>
<td style="padding: 0px"><img src=" http://i421.photobucket.com/albums/pp296/cuachung/ava_03.png "></td>
</tr>
<tr>
<td valign="top" style="padding: 0px" background=" http://i421.photobucket.com/albums/pp296/cuachung/ava_04.png ">
<td style="padding: 0px; background-color: #ffffff" bgColor="#ffffff">
{postrow.displayed.POSTER_AVATAR}
</td>
<td style="padding: 0px" background=" http://i421.photobucket.com/albums/pp296/cuachung/ava_06.png "></td>
</tr>
<tr>
<td style="padding: 0px"><img src=" http://i421.photobucket.com/albums/pp296/cuachung/ava_07.png "></td>
<td style="padding: 0px" background=" http://i421.photobucket.com/albums/pp296/cuachung/ava_08.png "></td>
<td style="padding: 0px"><img src=" http://i421.photobucket.com/albums/pp296/cuachung/ava_09.png "></td>
</table>
<!-- ENDE-----AVATA -->

Link gốc : http://www.chinhphuc.info/forum-f56/topic-t1372.htm

[Hamano Michiyo]

Không có code cho đóng khung ava dạng tem à bạn^^

[hunghsmn]

Không có code cho đóng khung ava dạng tem à bạn^^

Có :

Code:

<table bgcolor="#000000" cellSpacing="0" cellPadding="0" border="0" style="width: auto"> <tr> <td style="padding: 0px"><img src="http://i66.servimg.com/u/f66/14/26/60/46/thtx_010.png"></td> <td style="padding: 0px" background="http://i66.servimg.com/u/f66/14/26/60/46/thtx_011.png"></td> <td style="padding: 0px"><img src="http://i66.servimg.com/u/f66/14/26/60/46/thtx_012.png"></td> </tr> <tr> <td valign="top" style="padding: 0px" background="http://i66.servimg.com/u/f66/14/26/60/46/thtx_013.png"></td> <td style="padding: 0px; background-color: #ffffff" bgColor="#ffffff"> <span class="postbody">

{postrow.displayed.POSTER_AVATAR}

</span> </td> <td style="padding: 0px" background="http://i66.servimg.com/u/f66/14/26/60/46/thtx_014.png"></td> </tr> <tr> <td style="padding: 0px"><img src="http://i66.servimg.com/u/f66/14/26/60/46/thtx_015.png"></td> <td style="padding: 0px" background="http://i66.servimg.com/u/f66/14/26/60/46/thtx_016.png"></td> <td style="padding: 0px"><img src="http://i66.servimg.com/u/f66/14/26/60/46/thtx_017.png"></td> </tr> </table>

Trời! Giống con tem quá.

[Hamano Michiyo]

Ừm, mình thử rồi, thanks bạn nghen, hì hì^^
Um, nếu muốn thử nghiệm với nhiều dạng khung hơn, có thể tìm thêm tại đâu vậy????

[hunghsmn]

Ừm, mình thử rồi, thanks bạn nghen, hì hì^^
Um, nếu muốn thử nghiệm với nhiều dạng khung hơn, có thể tìm thêm tại đâu vậy????

htmlcode khung tại đây:

Code:

http://www.trekhuyettat.org/h29-page

bbcode khung tại đây:

Code:

http://www.trekhuyettat.org/h30-page

[quochobaoquoc]

hay đó
cảm ơn các pro nhiều mình mới sử dựng hà!!

[Hamano Michiyo]

Toàn là khung đẹp, thank bác Hùng nhiều nhé^^

[hunghsmn]

Được các bạn khen cũng vui !
Chuyện là thế này: Hồi 2009, có một mục tiêu chung là bấm một phát nó văng cái khung lên hộp soạn thảo. Mất cả tuần cùng nghiên cứu. Mục tiêu chung không thành nhưng mỗi người có một kết quả riêng. Mình ra được cái trang html này đây, còn có sản phẩm khác nữa của EA. Từ đó đến nay mảng này của mình vẫn luôn luôn phát huy tác dụng mỗi khi có người cần.

Cho đến giờ này mục tiêu bấm một phát văng cái khung lên hộp soạn thảo có thể nói là hoàn toàn thực thiện được, chỉ tiếc posting_body không đủ chỗ làm nhiều.

[Hamano Michiyo]

Bác Hùng ơi, nếu muốn tạo background cho bên trong khung thì làm thế nào ạh?
Chỗ BBCode có nhưng bên HTML thì lại không

[hunghsmn]

Chon một khung và một ảnh nền bỏ lên bác chèn vô rồi xem chứ nói khó quá

[sakuraimai]

ở bbcode đã có chỗ trên rồi sao còn có nd hiển thị là sao??

[tieulinh_huy_hp]

cảm ơn bác hùng cháu lấy làm viewtopicbody rất đẹp

[badboy10a8]

cái này làm sao để ứng dụng làm nền bài viết cho viewtopic_body vậy bác Hùng, chẳng lẽ mỗi lần viết bài thì phải thêm code này nó mới đóng khung như vậy hả bác?

[hunghsmn]

	badboy10a8: Không phải vậy. Với htmlcode khung của mình có :" NỘI DUNG CẦN ĐÓNG KHUNG" Nếu đóng khung cho bài viết thì nội dung cần đóng khung là {postrow.displayed.MESSAGE} trong viewtopic_body. Các code đó đều khong có nền. Muốn có nền thì chỉ cần thêm vào thẻ <TR> HAY <td> ngay bên trên NỘI DUNG CẦN ĐÓNG KHUNG thuộc tính background="link ảnh nền" hoặc bgcolor="#mã màu nền" CÒn đối với bbcode khung thì có thể tạo ngay một nút trên công cụ soạn thảo để mở cửa sổ popup trong đó chứa 15 khung như thế này: Code: http://www.trekhuyettat.org/h191-page sau đó chọn một cái copy dãn vào

[badboy10a8]

có lỗi rồi bác ơi, bạn xem thử giúp dùm cháu vs.

Code:


http://www.thaiphienpro.com/t843-topic#1701


Cháu đặt như vầy:

Code:


<table border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td style="padding: 0px; width: 1%;"> <img alt="" src="http://i609.photobucket.com/albums/tt175/hunghsmn/Data/baiviet_01.gif"></td> <td style="padding: 0px; background-image: url(http://i609.photobucket.com/albums/tt175/hunghsmn/Data/baiviet_03.gif);" width="100%"><img alt="" src="http://i609.photobucket.com/albums/tt175/hunghsmn/Data/baiviet_02.gif"></td> <td style="padding: 0px;" width="1%"> <img alt="" src="http://i609.photobucket.com/albums/tt175/hunghsmn/Data/baiviet_05.gif"></td> </tr> <tr> <td style="padding: 0px; background-image: url(http://i609.photobucket.com/albums/tt175/hunghsmn/Data/baiviet1_13.gif); width: 1%;">  </td> <td style="padding: 0px;" width="100%">

<td background="http://i46.servimg.com/u/f46/14/26/60/46/nen210.jpg">

                  <div class="chedodocbai">{postrow.displayed.MESSAGE}</div>

</td> <td style="padding: 0px; background-image: url(http://i609.photobucket.com/albums/tt175/hunghsmn/Data/baiviet1_06.gif);"></td> </tr> <tr> <td style="padding: 0px;" valign="top"> <img alt="" src="http://i609.photobucket.com/albums/tt175/hunghsmn/Data/baiviet_06.gif"></td> <td style="padding: 0px; background-image: url(http://i609.photobucket.com/albums/tt175/hunghsmn/Data/baiviet_08.gif);"> <img valign="left" alt="" src="http://i609.photobucket.com/albums/tt175/hunghsmn/Data/baiviet_09a.gif" style="float: right;"> </td> <td style="padding: 0px;" align="right"> <img alt="" src="http://i609.photobucket.com/albums/tt175/hunghsmn/Data/baiviet_10.gif"></td> </tr></tbody></table>



Cảm ơn bác !

[hunghsmn]

	Tại bạn hiểu chưa đúng hướng dẫn của mình, không phải thêm một thẻ <td> mà chỉ thêm thuộc tính background vào thẻ <td> đã có ngay bên trên NỘI DUNG CẦN ĐÓNG KHUNG . Cụ thể của bạn sửa lại thế này: Code: <table border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td style="padding: 0px; width: 1%;"> <img alt="" src="http://i609.photobucket.com/albums/tt175/hunghsmn/Data/baiviet_01.gif"></td> <td style="padding: 0px; background-image: url(http://i609.photobucket.com/albums/tt175/hunghsmn/Data/baiviet_03.gif);" width="100%"><img alt="" src="http://i609.photobucket.com/albums/tt175/hunghsmn/Data/baiviet_02.gif"></td> <td style="padding: 0px;" width="1%"> <img alt="" src="http://i609.photobucket.com/albums/tt175/hunghsmn/Data/baiviet_05.gif"></td> </tr> <tr> <td style="padding: 0px; background-image: url(http://i609.photobucket.com/albums/tt175/hunghsmn/Data/baiviet1_13.gif); width: 1%;">  </td> <td style="padding: 0px;" width="100%" background="http://i46.servimg.com/u/f46/14/26/60/46/nen210.jpg">                   <div class="chedodocbai">{postrow.displayed.MESSAGE}</div> </td> <td style="padding: 0px; background-image: url(http://i609.photobucket.com/albums/tt175/hunghsmn/Data/baiviet1_06.gif);"></td> </tr> <tr> <td style="padding: 0px;" valign="top"> <img alt="" src="http://i609.photobucket.com/albums/tt175/hunghsmn/Data/baiviet_06.gif"></td> <td style="padding: 0px; background-image: url(http://i609.photobucket.com/albums/tt175/hunghsmn/Data/baiviet_08.gif);"> <img valign="left" alt="" src="http://i609.photobucket.com/albums/tt175/hunghsmn/Data/baiviet_09a.gif" style="float: right;"> </td> <td style="padding: 0px;" align="right"> <img alt="" src="http://i609.photobucket.com/albums/tt175/hunghsmn/Data/baiviet_10.gif"></td> </tr></tbody></table> * Tuy nhiên đóng khung như vậy chỉ là đóng khung phần nội dung bài viết thôi. Muống đưa luôn cả chữ lý và câu "được sửa bởi ..." vào trong khung thì bạn phải dịch chuyển phần dười xuống dưới <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>

[hunghsmn]

	Muốn hiển thị nick người viết bài ngay góc phải-dưới bài viết ( tác giả bài viết ) thì bạn chèn thêm code sau vào ngay dưới {postrow.displayed.MESSAGE}</div> Code: <br/><br/> <p align="right"> <font face="Tahoma" size="4"><b> {postrow.displayed.POSTER_NAME}              </b></font></p>

[badboy10a8]

cảm ơn bác, cháu làm nó có nền rồi nhưng trông nham nhở lắm, chỗ có nền, chỗ ko có mà lại là màu vàng, bác coi giúp cháu nhé

Code:


http://www.thaiphienpro.com/t848-topic#1706


[hunghsmn]

Màu vàng là do class="chedodocbai" Trong chỗ này:
<div class="chedodocbai">{postrow.displayed.MESSAGE}</div>
Như vậy là trong CSS của bạn có: .chedodocbai.
Trong .chedodocbai có dòng này:
background-color: "#FFFBC3"; chính dòng này đã qui định màu vàng.

Bây giờ bạn tìm .chedodocbai trong CSS. Trong đó tìm dòng background-color: "#FFFBC3"; chèn tiếp dòng này vaò bên dưới nó:
background-image: url(https://i.servimg.com/u/f46/14/26/60/46/nen210.jpg);
Vậy là xong. Chú ý: có dấu chấm phẩy ở cuối nhé

Ghi chú: Mình đoán theo cách các bạn ưa dùng CSS. Nếu là mình thì mình sẽ không tạo .chedodocbai trong CSS để dẫn vào viewtopic_body như vậy. Vì màu vàng đó chỉ dùng cho nền bài viết. Vậy nên tốt nhất nên viết thẳng vào viewtopic_body bằng một thẻ <style>

[badboy10a8]

ko có trong css bác à, code chế độ đọc bài chỉ có trong viewtopic_body thôi

Code:


<form id="baivongfmvi" style="position: fixed; top: 10px; left: 20px; background: green; color: white; padding: 2px 5px;border-radius: 3px;font-size: 11px;font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;"><span style="padding-right:9px;">Message :</span><span style="padding-right:5px"><input type="radio" name="fruit" id="Auto" checked="checked" value="Auto"><label for="Auto">Auto</label></span><span style="padding-right:5px"><input type="radio" name="fruit" id="custom" value="custom"><label for="custom">Custom</label></span><span style="padding-right:5px"><input type="radio" name="fruit" id="none" value="none"><label for="none">None</label></span></form><form id="fmvibaivong" style="position: fixed; top: 30px; left: 20px; background: green; color: white; padding: 2px 5px;border-radius: 3px;font-size: 11px;font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;"><span style="padding-right:5px;">Signature :</span><span style="padding-right:5px"><input type="radio" name="fruit" id="auto" checked="checked" value="auto"><label for="auto">auto</label></span><span style="padding-right:21px"><input type="radio" name="fruit" id="hide" value="hide"><label for="hide">hide</label></span><span style="padding-right:6px"><input type="radio" name="fruit" id="show" value="show"><label for="show">show</label></span></form><div id="notecheckf" style="position: fixed; top: 55px; left: 20px; background: black; color: white;"></div><script type="text/javascript">$(function(){if(my_getcookie('rutgonbaiviet')=='0'){$("#baivongfmvi input#Auto").attr("checked","checked")}else if(my_getcookie('rutgonbaiviet')=='1'){$("#baivongfmvi input#custom").attr("checked","checked")}else if(my_getcookie('rutgonbaiviet')=='2'){$("#baivongfmvi input#none").attr("checked","checked")}if(my_getcookie('rutgonchuky')=='0'){$("#fmvibaivong input#auto").attr("checked","checked")}else if(my_getcookie('rutgonchuky')=='1'){$("#fmvibaivong input#hide").attr("checked","checked")}else if(my_getcookie('rutgonchuky')=='2'){$("#fmvibaivong input#show").attr("checked","checked")}if($("#baivongfmvi input:checked").val()=="Auto"){$(".chedodocbai").each(function(){var $baivietdai=$(this);if($(this).height()>500){$(this).css({'overflow':'hidden','max-height':'300px'});$('<br/><button style="float:right; padding:1px" class="baivietquadai"><img title="Xem bài viết chi tiết" src ="http://i48.servimg.com/u/f48/16/58/89/73/more10.gif" alf="chi tiết"/></button>').insertAfter(this);$('.baivietquadai').click(function(){$baivietdai.css({'overflow':'hidden','max-height':'100%'});$(this).remove()})}})}else if($("#baivongfmvi input:checked").val()=="custom"){my_setcookie('rutgonbaiviet',1,1,0);$(".chedodocbai").each(function(){if($(this).html().search("<hr>")==-1){$(this).css({'overflow':'hidden','max-height':'100%'})}else{$(this).before('<div class="rutgonver2">'+$(this).html().slice(0,$(this).html().indexOf("<hr>"))+'</div><button style="float:right; padding:1px" class="baivietquadai"><img title="Xem bài viết chi tiết" src ="http://i48.servimg.com/u/f48/16/58/89/73/more10.gif" alf="chi tiết"/></button>');$(this).hide();$('.baivietquadai').click(function(){$(this).prev().hide();$(this).next().show();$(this).remove()})}})}else if($("#baivongfmvi input:checked").val()=="none"){$(".chedodocbai").css({'overflow':'hidden','max-height':'100%'})}});$("#baivongfmvi input").click(function(){$('.baivietquadai').remove();$(".rutgonver2").hide();$(".chedodocbai").show();$(".chedodocbai").css({'overflow':'hidden','max-height':'100%'});if($("#baivongfmvi input:checked").val()=="Auto"){$("#notecheckf").text("Kích hoạt chế độ tự động ẩn bài dài");$("#notecheckf").show().fadeOut(5000);my_setcookie('rutgonbaiviet',0,1,0);$(".chedodocbai").each(function(){var $baivietdai=$(this);if($(this).height()>500){$(this).css({'overflow':'hidden','max-height':'300px'});$('<br/><button style="float:right; padding:1px" class="baivietquadai"><img title="Xem bài viết chi tiết" src ="http://i48.servimg.com/u/f48/16/58/89/73/more10.gif" alf="chi tiết"/></button>').insertAfter(this);$('.baivietquadai').click(function(){$baivietdai.css({'overflow':'hidden','max-height':'100%'});$(this).remove()})}})}else if($("#baivongfmvi input:checked").val()=="custom"){$("#notecheckf").text("Kích hoạt chế độ ẩn đoạn ngắt dòng");$("#notecheckf").show().fadeOut(5000);my_setcookie('rutgonbaiviet',1,1,0);$(".chedodocbai").each(function(){if($(this).html().search("<hr>")==-1){$(this).css({'overflow':'hidden','max-height':'100%'})}else{$(this).before('<div class="rutgonver2">'+$(this).html().slice(0,$(this).html().indexOf("<hr>"))+'</div><button style="float:right; padding:1px" class="baivietquadai"><img title="Xem bài viết chi tiết" src ="http://i48.servimg.com/u/f48/16/58/89/73/more10.gif" alf="chi tiết"/></button>');$(this).hide();$('.baivietquadai').click(function(){$(this).prev().hide();$(this).next().show();$(this).remove()})}})}else if($("#baivongfmvi input:checked").val()=="none"){$("#notecheckf").text("Kích hoạt chế độ xem bình thường");$("#notecheckf").show().fadeOut(5000);my_setcookie('rutgonbaiviet',2,1,0);$(".chedodocbai").css({'overflow':'hidden','max-height':'100%'})}});$(function(){$('div.hieuungchuky img').css('max-width','600px');if($("#fmvibaivong input:checked").val()=="auto"){$('div.hieuungchuky').each(function(){if($(this).height()>350){$(this).css({'overflow':'hidden','max-height':'250px','max-width':'100%'});$(this).hover(function(){$(this).css({'overflow':'hidden','max-height':'100%','max-width':'100%'})},function(){$(this).css({'overflow':'hidden','max-height':'250px','max-width':'100%'})})}})}else if($("#fmvibaivong input:checked").val()=="hide"){$('div.hieuungchuky').hide()}else if($("#fmvibaivong input:checked").val()=="show"){$('div.hieuungchuky').show().css({'overflow':'hidden','max-height':'100%','max-width':'100%'})}});$("#fmvibaivong input").click(function(){$('div.hieuungchuky img').css('max-width','600px');$('div.hieuungchuky').show().css({'overflow':'hidden','max-height':'100%','max-width':'100%'});if($("#fmvibaivong input:checked").val()=="auto"){$("#notecheckf").text("Kích hoạt chế độ tự động ẩn một phần chữ ký");$("#notecheckf").show().fadeOut(5000);my_setcookie('rutgonchuky',0,1,0);$('div.hieuungchuky').each(function(){if($(this).height()>350){$(this).css({'overflow':'hidden','max-height':'250px','max-width':'100%'});$(this).hover(function(){$(this).css({'overflow':'hidden','max-height':'100%','max-width':'100%'})},function(){$(this).css({'overflow':'hidden','max-height':'250px','max-width':'100%'})})}})}else if($("#fmvibaivong input:checked").val()=="hide"){$("#notecheckf").text("Kích hoạt chế độ tự động ẩn toàn bộ chữ ký");$("#notecheckf").show().fadeOut(5000);my_setcookie('rutgonchuky',1,1,0);$('div.hieuungchuky').hide()}else if($("#fmvibaivong input:checked").val()=="show"){$("#notecheckf").text("Kích hoạt chế độ tự động hiện toàn bộ chữ ký");$("#notecheckf").show().fadeOut(5000);my_setcookie('rutgonchuky',2,1,0);$('div.hieuungchuky').show().css({'overflow':'hidden','max-height':'100%','max-width':'100%'})}});</script>


bác giúp cháu vs nhé !

[Sponsored content]