이미지 없이 라운딩 박스 + 보더 표현하기 입니다.
<script>
function round(elm, bgcolor, border, mode) {
var top = document.createElement('div'); top.style.cssText = 'height:5px';
var bottom = document.createElement('div');bottom.style.cssText = 'height:5px';
var temp = document.createElement('div'); temp.setAttribute('id', 'template');
var border2 = (border) ? ";border-left:2px solid "+border+";border-right:2px solid "+border : "";
var border1 = (border) ? ";border-left:1px solid "+border+";border-right:1px solid "+border : "";
var bgcolor2 = (bgcolor) ? ";background:"+bgcolor : "";
var bgcolor1 = (border) ? ";background:" + border : (bgcolor) ? ";background:" + bgcolor : "";
var top_r = new Array(), bottom_r =new Array;
var box = elm.cloneNode(true)
for (i=1; i < 5 ;i++ )
{ top_r[i] = document.createElement('div')}
top_r[1].style.cssText = 'margin:0px 5px;height:1px' + bgcolor1 ;
top_r[2].style.cssText = 'margin:0px 3px;height:1px' + border2 + bgcolor2;
top_r[3].style.cssText = 'margin:0px 2px;height:1px' + border1 + bgcolor2;
top_r[4].style.cssText = 'margin:0px 1px;height:2px' + border1 + bgcolor2;
for (i=1; i < 5 ;i++ ) {
if (mode!='bottom') { top.appendChild(top_r[i]);temp.appendChild(top); }
bottom_r[i] = top_r[i].cloneNode(true);
}
temp.appendChild(box);
box.style.cssText = border1 + bgcolor2;
temp.appendChild(bottom);
if (mode!='top') {
for (i=4; i > 0 ;i-- ) {
bottom.appendChild(bottom_r[i]);
}
}
elm.parentNode.replaceChild(temp, elm);
}
</script>
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 930 | 19년 전 | 3541 | ||
| 929 |
|
19년 전 | 2701 | |
| 928 |
|
19년 전 | 3451 | |
| 927 |
|
19년 전 | 3442 | |
| 926 |
|
19년 전 | 3147 | |
| 925 | 19년 전 | 5431 | ||
| 924 |
|
19년 전 | 2167 | |
| 923 |
|
19년 전 | 2215 | |
| 922 |
|
19년 전 | 2307 | |
| 921 |
|
19년 전 | 3403 | |
| 920 | 19년 전 | 3704 | ||
| 919 |
|
19년 전 | 3744 | |
| 918 |
|
19년 전 | 2351 | |
| 917 |
|
19년 전 | 2390 | |
| 916 |
|
19년 전 | 2694 | |
| 915 | 19년 전 | 3038 | ||
| 914 | 19년 전 | 2457 | ||
| 913 | 19년 전 | 2625 | ||
| 912 | 19년 전 | 2453 | ||
| 911 | 19년 전 | 2210 | ||
| 910 | 19년 전 | 3241 | ||
| 909 | 19년 전 | 3294 | ||
| 908 | 19년 전 | 3031 | ||
| 907 |
|
19년 전 | 4870 | |
| 906 |
|
19년 전 | 2704 | |
| 905 |
|
19년 전 | 3314 | |
| 904 |
|
19년 전 | 3138 | |
| 903 |
|
19년 전 | 1984 | |
| 902 |
|
19년 전 | 3129 | |
| 901 |
|
19년 전 | 1869 | |
| 900 |
|
19년 전 | 2328 | |
| 899 |
|
19년 전 | 2399 | |
| 898 |
|
19년 전 | 3981 | |
| 897 |
|
19년 전 | 3181 | |
| 896 |
|
19년 전 | 3095 | |
| 895 |
|
19년 전 | 2535 | |
| 894 |
|
19년 전 | 2007 | |
| 893 |
|
19년 전 | 1643 | |
| 892 |
|
19년 전 | 2406 | |
| 891 |
|
19년 전 | 2326 | |
| 890 |
|
19년 전 | 1813 | |
| 889 |
|
19년 전 | 1810 | |
| 888 |
|
19년 전 | 2605 | |
| 887 |
|
19년 전 | 2578 | |
| 886 |
|
19년 전 | 1873 | |
| 885 |
|
19년 전 | 2105 | |
| 884 |
|
19년 전 | 3295 | |
| 883 |
|
19년 전 | 1949 | |
| 882 |
|
19년 전 | 2494 | |
| 881 |
|
19년 전 | 2576 | |
| 880 |
|
19년 전 | 2656 | |
| 879 |
|
19년 전 | 2936 | |
| 878 |
|
19년 전 | 2558 | |
| 877 |
|
19년 전 | 2982 | |
| 876 |
|
19년 전 | 2761 | |
| 875 |
|
19년 전 | 3519 | |
| 874 | 19년 전 | 1870 | ||
| 873 | 19년 전 | 2727 | ||
| 872 |
|
19년 전 | 2368 | |
| 871 |
|
19년 전 | 2015 | |
| 870 |
|
19년 전 | 2423 | |
| 869 |
|
19년 전 | 1869 | |
| 868 |
|
19년 전 | 5437 | |
| 867 |
|
19년 전 | 2257 | |
| 866 |
|
19년 전 | 4250 | |
| 865 |
|
19년 전 | 2294 | |
| 864 | 19년 전 | 1841 | ||
| 863 | 19년 전 | 2597 | ||
| 862 | 19년 전 | 2327 | ||
| 861 | 19년 전 | 2527 | ||
| 860 | 19년 전 | 2157 | ||
| 859 | 19년 전 | 3918 | ||
| 858 | 19년 전 | 3415 | ||
| 857 | 19년 전 | 2197 | ||
| 856 |
Power
|
19년 전 | 2106 | |
| 855 | 19년 전 | 1971 | ||
| 854 | 19년 전 | 1998 | ||
| 853 |
pearly
|
19년 전 | 4382 | |
| 852 |
pearly
|
19년 전 | 3352 | |
| 851 | 19년 전 | 2773 | ||
| 850 |
pearly
|
19년 전 | 3347 | |
| 849 |
pearly
|
19년 전 | 3005 | |
| 848 |
pearly
|
19년 전 | 2841 | |
| 847 | 19년 전 | 2351 | ||
| 846 |
|
19년 전 | 2163 | |
| 845 |
pearly
|
19년 전 | 2485 | |
| 844 | 19년 전 | 3095 | ||
| 843 | 19년 전 | 2126 | ||
| 842 |
pearly
|
19년 전 | 3120 | |
| 841 |
pearly
|
19년 전 | 3241 | |
| 840 | 19년 전 | 2918 | ||
| 839 |
|
19년 전 | 1935 | |
| 838 |
|
19년 전 | 1700 | |
| 837 |
|
19년 전 | 2320 | |
| 836 |
|
19년 전 | 2260 | |
| 835 |
|
19년 전 | 1638 | |
| 834 |
|
19년 전 | 1661 | |
| 833 |
|
19년 전 | 1567 | |
| 832 |
|
19년 전 | 2064 | |
| 831 |
|
19년 전 | 1616 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기