Mong님 말씀 하신 사이트의 성격과 오너의 생각을 디자이너 한테 전달하는게 가장 어려운것 같습니다.
그리고 디자인너도 그런걸 이해하고 100% 표현이 어렵다고 생각이 듭니다.
디자인이 가장 어렵네요...
홈페이지 기능및 작동 부분은 그누보드로도 휼륭하며 충분 합니다...더 이상의 기능을 추구 하는건 솔직히
시간 낭비 입니다.
그리고 쇼핑몰도 구매자가 쉽게 구매가 이루어지게 만들어져야 한다고 봅니다.
회원등록 하고 복작하게 하는게 아니고 결국 지불만 이루어지면 배송 하면 되는데
이상하게 한국에서 만드는 쇼핑몰은 구매자 위주보다는 운영자 위주로 만들어 지는것 같습니다.
머리가 나쁜 외국인이 보면 구매가 불가능 합니다...어떻게해야 구매까지 갈지 모르는것입니다.
저희가 사용하는 쇼핑몰도 한국식에서 모두 서양식으로 바꾸었습니다. 처음에 홈피를 돌리니가
서양인들의 메일이 구매를 하는 방식를 가르쳐 달라고 하더군요...참조 입니다...
var height = 196; //메뉴상자의 높이
var vwidth = 240; // 메뉴상자의 가로크기
var speed = 0;
var step =2;
var hheight = 20; // 메인메뉴 항목의 높이
var iheight = 15; // 각 부항목의 높이
var bgc = "lightyellow" // 배경색상
var tc = "black" // 글자색상
var over_bgc = "lightgreen"; // 마우스 오버시 부메뉴의 배경색상
var over_tc = "red"; // 마우스 오버시 부메뉴의 글자색상
var open = -1;
var N = (document.all) ? 0 : 1;
var Link_count = 0;
var ntop = 0;
var items = false
var z = 0;
var hnr = 1;
var timerID = null;
var link_array = new Array();
function write_menu()
{
document.write("<div id=main_panel style='height:")
if (N) document.write(height);
else document.write(height-2);
document.write(";width:");
if (N) document.write(vwidth)
else document.write(vwidth-2)
document.write("'>");
function umover(idnr,up)
{
for (i=0;i<(idnr+2);i++)
{
if(link_array[i][0] == "down")
{
txt_obj = "move" + i
document.getElementById(txt_obj).style.top = parseInt(document.getElementById(txt_obj).style.top) - step;
}
}
up-=step;
if(up > 0)timerID = setTimeout("umover("+idnr+","+up+")",speed);
else
{
for (i=0;i<(idnr+2);i++) {link_array[i][0] = "up";}
timerID = null;
}
}
function start(idnr)
{
write_menu();
for(i=0;i<link_array.length;i++)
{
if (link_array[i][2] == idnr)
{
pull = i;
i = link_array.length;
}
move(pull,idnr);
}
}
-------------------------
링크부분만 넣어시고 들어갈 자리에 넣어시면 됩니다..menu_09.js는 본인 홈피에 맞게 수정후 같은 디렉토리에 넣어세요...수고하세요..
웹 사이트를 가르쳐 드립니다..
http://www.oswd.org/premium.php 이며 여기에 많은 종류를 업종별로 나누어서 판매가 되고 있습니다.
LA 이며 구매시에 등록자에게 전화 확인후 메일로 다운로드 받게 합니다.
구매후 본인에게 맞게 수정하시면 될것 같습니다. ...도움이 되면 좋겠습니다. 수고하세요...
댓글 15개
좋은건 서로 공유를...흐흐흐흐흐
다운로드 받은분은 구매비 없이..이제는 지웠습니다..
제 생각은 손가락 표시는 외국서는 빠투라서 피하는게 좋을것 같어며
≫ 로 대치해서 넣어니 좋군요 감사합니다...
참조 사항 : 외국서는 손가락 표시하면 빠투로 인식이 안좋습니다.
중간 손가락이 빠투이나 가능 하면 피하는게....
주님과 함께~~
우연히 발견했는데,,, 환불규정에서 글씨 크기가 바뀌네요..^^;;
많이 배웠습니당.. 감사합니다.. ^^
감사히 잘 쓰겟습니다...
고맙습니다....
올 한해.. 깔끔한 마무리 하세요..
수고하십시요..
그리고 디자인너도 그런걸 이해하고 100% 표현이 어렵다고 생각이 듭니다.
디자인이 가장 어렵네요...
홈페이지 기능및 작동 부분은 그누보드로도 휼륭하며 충분 합니다...더 이상의 기능을 추구 하는건 솔직히
시간 낭비 입니다.
그리고 쇼핑몰도 구매자가 쉽게 구매가 이루어지게 만들어져야 한다고 봅니다.
회원등록 하고 복작하게 하는게 아니고 결국 지불만 이루어지면 배송 하면 되는데
이상하게 한국에서 만드는 쇼핑몰은 구매자 위주보다는 운영자 위주로 만들어 지는것 같습니다.
머리가 나쁜 외국인이 보면 구매가 불가능 합니다...어떻게해야 구매까지 갈지 모르는것입니다.
저희가 사용하는 쇼핑몰도 한국식에서 모두 서양식으로 바꾸었습니다. 처음에 홈피를 돌리니가
서양인들의 메일이 구매를 하는 방식를 가르쳐 달라고 하더군요...참조 입니다...
------------------------------
(index.html)
<html>
<head>
<title>HTTP://</title>
<META NAME="Author" CONTENT="YAJAVA">
<META NAME="Keywords" CONTENT="java script, script, java , applet , cgi, php, tip ,icon">
<style type="text/css">
<!--
font{ font-family:"굴림"; font-size: 9pt; line-height:17px; }
td{ font-family:"굴림"; font-size: 9pt; line-height:17px; }
a:visited {color:#000000; text-decoration: none }
a:link { color:#000000; text-decoration: none; }
a:active { color:#00ff00; text-decoration: none; }
a:hover { color:#FFA217; text-decoration: underline; }
-->
</style>
<STYLE>#main_panel {
BORDER-RIGHT: darkblue 1px solid; BORDER-TOP: darkblue 1px solid; OVERFLOW: hidden; BORDER-LEFT: darkblue 1px solid; BORDER-BOTTOM: darkblue 1px solid; POSITION: relative
}
.head_item {
BORDER-TOP: darkblue 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 12px; LEFT: 0px; BORDER-BOTTOM: darkblue 1px solid; FONT-FAMILY: 굴림; POSITION: absolute; BACKGROUND-COLOR: 5695EF; TEXT-ALIGN: left
}
.item {
FONT-SIZE: 12px; LEFT: 0px; FONT-FAMILY: 굴림; POSITION: relative; BACKGROUND-COLOR: lightyellow; TEXT-ALIGN: left
}
.item_panel {
LEFT: 0px; POSITION: absolute; BACKGROUND-COLOR: lightyellow
}
.item_panel A {
COLOR: black; TEXT-DECORATION: none
}
</STYLE>
<SCRIPT language=JavaScript src="menu_09.js"></SCRIPT>
</head>
<SCRIPT language=JavaScript>
var Link = new Array();
Link[0] = "0|Enrolment";
Link[1] = "1|화상 영어 교육 목적|";
Link[2] = "1|등록 가입 안내|";
Link[3] = "1|입학 등록 자격|";
Link[4] = "1|학교 등록증|";
Link[5] = "0|Fee & Books";
Link[6] = "1|학비 및 강의 시간|";
Link[7] = "1|학비 환불 규정|"
Link[8] = "1|학습 교재 안내|"
Link[9] = "1|상담실로 메일 보내기|"
Link[10] = "0|Other";
Link[11] = "1|상담실 화상 연결|";
Link[12] = "1|학생 인터넷 속도 측정|";
Link[13] = "1|학생 인터넷 속도 규정|";
Link[14] = "0|Boards";
Link[15] = "1|학교 공지 사항|";
Link[16] = "1|매주 교재 다운로드|";
Link[17] = "1|묻고 답하기|";
Link[18] = "0|Schools";
Link[19] = "1|01|http://";
Link[20] = "1|02|http://";
Link[21] = "1|03|http://";
Link[22] = "1|04|http://";
start(1);
</SCRIPT>
</html>
---------------------------------------
(menu_09.js)
var height = 196; //메뉴상자의 높이
var vwidth = 240; // 메뉴상자의 가로크기
var speed = 0;
var step =2;
var hheight = 20; // 메인메뉴 항목의 높이
var iheight = 15; // 각 부항목의 높이
var bgc = "lightyellow" // 배경색상
var tc = "black" // 글자색상
var over_bgc = "lightgreen"; // 마우스 오버시 부메뉴의 배경색상
var over_tc = "red"; // 마우스 오버시 부메뉴의 글자색상
var open = -1;
var N = (document.all) ? 0 : 1;
var Link_count = 0;
var ntop = 0;
var items = false
var z = 0;
var hnr = 1;
var timerID = null;
var link_array = new Array();
function write_menu()
{
document.write("<div id=main_panel style='height:")
if (N) document.write(height);
else document.write(height-2);
document.write(";width:");
if (N) document.write(vwidth)
else document.write(vwidth-2)
document.write("'>");
cl =0;
for(i=0;i<Link.length;i++)
{
la = Link[i].split("|");
if(la[0] == "0")
{
if (items == true) {document.write("</div>");items = false;}
document.write("<div class='head_item' id='move"+cl+"' style='padding:3px;height:"+hheight+";width:"+vwidth+";top:"+(ntop-1)+";z-index:"+z+"' onclick='move("+cl+","+hnr+")'> "+la[1]+"</div>");
link_array[cl] = new Array("up",0,hnr);
cl++;hnr++;
ntop += hheight-1;
z++;
}
else
{
cheight = height - ntop + 1;
if (items == false) {document.write("<div class='item_panel' id='move"+cl+"' style='padding:3px;height:"+cheight+"px;width:"+vwidth+";top:")
if (N) document.write(ntop+2);
else document.write(ntop);
document.write(";z-index:"+z+"'>");
z++;
link_array[cl] = new Array("up",0,"");
cl++;
}
document.write("<a href='"+la[2]+"'");
if (la[3] != "") document.write(" target='" + la[3] + "' ");
document.write(" onmouseover=color('item"+i+"') onmouseout=uncolor('item"+i+"') ><div class='item' id='item"+i+"' style='padding:2px;height:"+iheight+";width:"+vwidth+"'>"+la[1]+"</div></a>");
items = true;
}
}
document.write("</div>");
if (items == true) {document.write("</div>");}
}
function color(obj)
{
document.getElementById(obj).style.backgroundColor = over_bgc;
document.getElementById(obj).style.color = over_tc
return true;
}
function uncolor(obj)
{
document.getElementById(obj).style.backgroundColor = bgc;
document.getElementById(obj).style.color = tc;
}
function move(idnr,hid)
{
if ((idnr != open)&& (timerID == null))
{
if(link_array[idnr][0] == "up")
{
down = height - (hid * hheight) - ((hnr -(hid+1))* hheight) + 2;
if(N) down+=2;
dmover(idnr+2,down);
}
else
{
up = height - ((hid -1) * hheight) -((hnr - (hid))* hheight) +2;
if(N) up+=2;
umover(idnr,up);
}
open = idnr;
}
}
function dmover(idnr,down)
{
for (i=idnr;i<link_array.length;i++)
{
if(link_array[i][0] == "up")
{
txt_obj = "move" + i
document.getElementById(txt_obj).style.top = parseInt(document.getElementById(txt_obj).style.top) + step;
}
}
down-= step;
if(down > 0)timerID = setTimeout("dmover("+idnr+","+down+")",speed);
else
{
for (i=idnr;i<link_array.length;i++) {link_array[i][0] = "down";}
timerID = null;
}
}
function umover(idnr,up)
{
for (i=0;i<(idnr+2);i++)
{
if(link_array[i][0] == "down")
{
txt_obj = "move" + i
document.getElementById(txt_obj).style.top = parseInt(document.getElementById(txt_obj).style.top) - step;
}
}
up-=step;
if(up > 0)timerID = setTimeout("umover("+idnr+","+up+")",speed);
else
{
for (i=0;i<(idnr+2);i++) {link_array[i][0] = "up";}
timerID = null;
}
}
function start(idnr)
{
write_menu();
for(i=0;i<link_array.length;i++)
{
if (link_array[i][2] == idnr)
{
pull = i;
i = link_array.length;
}
move(pull,idnr);
}
}
-------------------------
링크부분만 넣어시고 들어갈 자리에 넣어시면 됩니다..menu_09.js는 본인 홈피에 맞게 수정후 같은 디렉토리에 넣어세요...수고하세요..
역시 디자인은 전문가가 해야될것 같더군요.
전문가가 하더라도 .. 사이트의 성격과 오너의 생각을 디자이너 한테 전달하는것도 쉽지 않는거 같구요.
그래도 되는지요?....
주시면 .. 감사히 받겠습니다.
좋은 정보 감사합니다...
멋있습니다..
속도도 엄청 빠른데요...
http://www.oswd.org/premium.php 이며 여기에 많은 종류를 업종별로 나누어서 판매가 되고 있습니다.
LA 이며 구매시에 등록자에게 전화 확인후 메일로 다운로드 받게 합니다.
구매후 본인에게 맞게 수정하시면 될것 같습니다. ...도움이 되면 좋겠습니다. 수고하세요...
템플릿은 어디서 구입하면 되는지요?
구입할수 있는.. 주소 좀 가르켜 주시겠습니까.....?
감사합니다.