월드버텍 블로그

내일을 향한 준비~~

익스플로어 8 : 1픽셀이 올라가는 현상

파이어폭스/사파리 : 제대로 적용된 화면

화면과 같이 브라우져에 따라 마진 값이 차이가 날 경우에는 css에서 조절 할 수 있다.

#navi {
margin-top:4px /*실제값, 파이어폭스 사파리등*/
*margin-top:5px; /*익스플로어용으로 적용될 값*/
}

–오라클 tnsnames.ora
TESTORCL=
  (DESCRIPTION =
    (ADDRESS_LIST =
      (ADDRESS = (PROTOCOL = TCP)(HOST = ***.***.***.**)(PORT = 1521))
    )
    (CONNECT_DATA =
      (SERVICE_NAME = test)
    )
  )

–링크드서버구성
exec sp_addlinkedserver
   @server = ‘TESTORCL’
 , @srvproduct = ‘Oracle’
 , @provider = ‘MSDAORA’
 , @datasrc = ‘TESTORCL’

go 

exec sp_addlinkedsrvlogin
  ‘TESTORCL’
 , ‘false’
 , NULL
 , ‘오라클 아이디’
 , ‘오라클 패스워드’
 
–링크드서버 Drop
EXEC sp_droplinkedsrvlogin ‘TESTORCL’, NULL
go
EXEC sp_dropserver ‘TESTORCL’

–생성된 링크드서버 조회
select * from sysservers

select * from sysxlogins

–링크드서버 sql실행
select * from openquery(TESTORCL, ‘select * from 테이블’)

–생성
create public database link vtexlink connect to id identified by password 
  using ‘(DESCRIPTION = (ADDRESS = (PROTOCOL = TCP)(HOST = 127.0.0.1)(PORT = 1521)) (CONNECT_DATA = (SERVER = DEDICATED) (SERVICE_NAME = test)))’;

–조회
select * from tab@vtexlink;

월드버텍 모바일웹페이지 오픈되었습니다

주소. http://m.vtex.co.kr

많은이용바랍니다

포인트
1. 모바일 클릭이 쉽도록 메뉴 라인별로 클릭 가능하도록 영역 확보
2. 전체 모서리 라운딩 처리
3. 여러개의 백그라운드 이미지 활용하기

—  CSS  ————————————————————–

.hl{width:100%;
 background: <한번에 여러개의 백그라운드 이미지를 설정할 수 있습니다.>
 
url(../images/common/menu_arr_middle.png) repeat-y right top, <화살표 이미지 출력>
 url(../images/common/menu_bg_middle.png) 0 0; <전체배경이미지출력>
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; <사방모서리 라운딩> }
 .hl .li1{overflow:hidden;}
.hl .li1 li{height:47px; padding:0 15px;}
.hl .li1 li a{display:inline-block; overflow:hidden; width:100%; white-space:nowrap; text-overflow:ellipsis; color:#444;  line-height:47px;  font-size:15px}

— HTML ————————————-

<div class=”hl”>
<ul class=”li1″>
<li><a href=”#”>메뉴명</a></li>
<li><a href=”#”>메뉴명</a></li>
</ul>
</div>

전화 걸기 (테스트폰:아이폰/갤럭시S)

<a href=”tel:전화번호”></a>

이러닝을 넘어 오픈러닝으로…
URL : http://twitaddons.com/group_follow/detail.php?id=457 

모든 것이 학습입니다. 이러닝(e러닝, e-learning)을 넘어 열린 학습(오픈러닝)을 지향합니다. 이러닝을 매개로 지식공유, 재능기부, 열린사고를 실천하고자 하는 사람들의 모임을 만들고 싶습니다.

이러닝 업계에 종사하고 있는 사람들, 이러닝에 관심이 있는 사람들, 이러닝과 관련이 있는 사람들, 나아가 이러닝을 오픈러닝으로 발전시키고 싶은 사람들과 함께 하고 싶습니다.

* 모임의 회원들 사이에 맞팔로우 부탁드립니다.
* 이러닝과 관련된 글을 트윗 하실 때에만 #이러닝_ 해시태그를 붙여 주세요.
* 자주 이용해 주세요. ^^

엉뚱이는 이러닝 블로그(http://www.heybears.com)를 운영하고 있습니다. 이러닝으로 세상을 바꾸고, 사회에 기여하고자 하는 소박한 비전을 갖고 있습니다.

2010년을 맞이해 협회에서는 다양한 홍보방법을 고민하였고, 이에 소셜네트워크서비스(SNS)를 이용한 홍보를 준비하고 있습니다.
현재 이러닝산업협회 공식트위터를 개설하였으며 앞으로 다양한 소식을 전달해드릴 예정이오니 많은 관심 부탁드립니다.
트위터주소는  http://www.twitter.com/Kelearning   입니다.
트위터에 이미 가입을 하신 분께서는 협회 트위터에 접속하시어 follow를 해주시기 바랍니다.
또한 아직 미가입이신 분들을 위해 간단한 트위터 가입방법과 협회트위터 follow 방법을 첨부하오니 참고해주시기 바랍니다.
앞으로 다양한 소식과 정보를 트위터를 통해 전달해드릴 예정이오니 많은 참여 부탁드립니다.
감사합니다.

<object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0width=”550″ height=”400″>
 <param name=”movie” value=”URL” />
 <param name=”wmode” value=”transparent” />
 <!–[if !IE]> <–>
 <object type=”application/x-shockwave-flash” data=”URL” width=”550″ height=”400″>
 <param name=”wmode” value=”transparent” />
  <p>대체 이미지 URL </p>
 </object>
 <!–> <![endif]–>
</object>

모바일웹에서 PC버전으로 전환시 플래시가 사용되고 있는 부분을 대체 이미지로 적용시킬때

위의 오브젝트 방식으로 해주면 됩니다.

오렌지 컬러도 되어있는 부분만 수정해주심 됩니다.

2010년 제주도 워크샵

Posted by admin under Photo

Subscribe to 월드버텍 블로그