홈페이지에 트위터 위젯을 달아봅시다.^^

트위터에서는 자체적으로 트위터 위젯을 제공해줍니다. ^^

디자인까지 제공하니 따로 디자인할필요도 없고 아주 유용한 서비스를 제공하는것이죠~

 

 



http://www.twitter.com 에 접속하여 로그인후 setting -  profile 메뉴로 들어갑니다.

 

 


(You can also add Twitter to your site here )  버튼을 클릭합니당.

 

 

 

③ My Website 버튼을 클릭합니다.^^

 

 

 




④자신의 글만 소개하는 Profile Widget, 트위터의 글을 검색하는 Search Widget, 즐겨찾기한 글만 보여주는 Faves Widget, 자신이 설정한 리스트 사용자의 글을 보여주는 List Widget 등이 나옵니다. 이중 자신이 쓴글을 블로그에 공개할수 있는 Profile Widget 을 선택합니당

 

 

 


⑤[Preference] 탭에서는 위젯의 기본적인 동작을 지정한다.

 

  1)   Poll for new results?
       글의 내용을 위에서부터 하나씩 밀어내면서 소개하는 효과를 내준다.
  2)   Include scrollbar?
       스크롤 바를 보이게 할 것인지 선택한다.
       만약 옆의 Poll for new results를 켰다면 굳이 선택하지 않아도 된다.
 3)   Timed Interval
       몇 초의 간격을 두고 하나씩 아래로 움직일 것인가를 설정한다.
 4)   Load all tweets
       한 번에 모든 글을 보여준다. 스크롤바 버튼과 같이 사용하면 좋다.
 5)   Number of Tweets
       한 번에 소개하는 글의 개수를 정한다. 자신의 하루 글 작성 수를 넣으면 적당하다.
 6)   Show Avatars?
       글마다 프로필 사진을 앞에 보여줄 것인지 결정한다.
 7)   Show Timestamps?
       시간을 보여준다. 켜두는 것이 좋다.
 8)   Show Hashtags?
       해시태그를 보여준다. 역시 켜두는 것이 좋다.
 9)   Test Settings
       미리보기 기능이다. 위의 사항을 적용시킨 후, 이 버튼을 클릭하면 미리보기 할 수 있다


 

⑥   [Appearance] 탭에서는 위젯의 색깔을 바꿀 수 있다.
       각 컬러 박스를 클릭해서 원하는 색상을 선택한다.
 1)   위젯 상단과 하단의 바탕색 지정
 2)   위젯 상단과 하단의 글자색 지정
 3)   위젯 내부의 바탕색 지정
 4)   위젯 내부의 글자색 지정
 5)   인터넷 링크가 있을 경우의 색깔 지정


 

 


⑦[Dimensions] 탭에서는 위젯의 가로 세로 크기를 정할 수 있다.
 1)   위젯의 가로 길이를 픽셀 단위로 입력한다.
 2)   위젯의 세로 길이를 픽셀 단위로 입력한다.
 3)   크기를 지정하지 않고 정해진 크기를 모두 채우는 가변 크기로 지정하고 싶다면 이 옵션을 선택한다.

 

 


⑧[Finish & Grab Code] 버튼을 클릭하면 박스 안에 소스가 생성된다.
   박스 안의 소스 코드를 복사한다.

 

 

 


■ 000000 black 블랙
■ 2f4f4f darkslategray 다크슬레이트그레이
■ 708090 slategray 슬레이트그레이
■ 778899 lightslategray 라이트슬레이트그레이
■ 696969 dimgray 딤그레이
■ 808080 gray 그레이
■ a9a9a9 darkgray 다크그레이
■ c0c0c0 silver 실버
■ d3d3d3 lightgrey 라이트그레이
■ dcdcdc gainsboro 게인스보로
■ ffffff white 화이트
■ fff5ee seashell 씨쉘
■ fffafa snow 스노우
■ f8f8ff ghostwhite 고스트화이트
■ fffaf0 floralwhite 후로랄화이트
■ f5f5f5 whitesmoke 화이트스모크
■ f0f8ff aliceblue 앨리스블루
■ f0ffff azure 애쥬어
■ fdf5e6 oldlace 올드래이스
■ f5fffa mintcream 민트크림
■ ffefd5 papayawhip 파파야윕
■ ffdab9 peachpuff 피치퍼프
■ faf0e6 linen 린넨
■ eee8aa palegoldenrod 팔레골덴로드
■ ffe4e1 mistyrose 미스티로즈
■ ffe4b5 moccasin 모카신
■ ffdead navajowhite 나바조화이트
■ d2b48c tan 탄
■ f5deb3 wheat 위트
■ fafad2 lightgoldenrodyellow 라이트골덴로드옐로우
■ ffffe0 lightyellow 라이트옐로우
■ fff8dc cornsilk 콘실크
■ faebd7 antiquewhite 안티크화이트
■ f5f5dc beige 베이지
■ fffacd lemonchiffon 레몬치폰
■ fffff0 ivory 아이보리
■ f0e68c khaki 카키
■ e6e6fa lavender 라벤더
■ fff0f5 lavenderblush 라벤더블러시
■ ffe4c4 bisque 비스크
■ ffebcd blanchedalmond 블란체달몬드
■ deb887 burlywood 벌리우드
■ cd853f peru 페루
■ 00ced1 darkturquoise 다크터콰이즈
■ 00bfff deepskyblue 딥스카이블루
■ 7fffd4 aquamarine 아쿠아마린
■ 1e90ff dodgerblue 도저블루
■ 00ffff cyan 시안
■ f0fff0 honeydew 허니듀
■ 87cefa lightskyblue 라이트스카이블루
■ afeeee paleturquoise 팔레터콰이즈
■ e0ffff lightcyan 라이트시안
■ add8e6 lightblue 라이트블루
■ add8e6 lightsteelblue 라이트스틸블루
■ 40e0d0 turquoise 터콰이즈
■ 48d1cc mediumturquoise 미디엄터콰이즈
■ 00ffff aqua 아쿠아
■ 7b68ee mediumslateblue 미디움슬레이트블루
■ 191970 midnightblue 미드나이트블루
■ 6495ed cornflowerblue 콘플라워블루
■ 0000cd mediumblue 미디움블루
■ 6a5acd slateblue 슬레이트블루
■ 4682b4 steelblue 스틸블루
■ 0000ff blue 블루
■ 483d8b darkslateblue 다크슬레이트블루
■ 5f9ea0 cadetblue 카뎃블루
■ 87ceeb skyblue 스카이블루
■ 4169e1 royalblue 로열블루
■ b0e0e6 powderblue 파우더블루
■ 000080 navy 네이비
■ 00008b darkblue 다크블루
■ 8a2be2 blueviolet 블루바이올렛
■ 8b008b darkmagenta 다크마그네타
■ 9932cc darkorchid 다크오치드
■ 9400d3 darkviolet 다크바이올렛
■ ff00ff magenta 마그네타
■ ff00ff fuchsia 퍼츠샤
■ c71585 mediumvioletred 미디움바이올렛레드
■ ba55d3 mediumorchid 미디움오치드
■ 9370db mediumpurple 미디움퍼플
■ dc143c crimson 크림슨
■ ff1493 deeppink 딥핑크
■ ffb6c1 lightpink 라이트핑크
■ ff69b4 hotpink 핫핑크
■ ffc0cb pink 핑크
■ dda0dd plum 플럼
■ 800080 purple 퍼플
■ ee82ee violet 바이올렛
■ d8bfd8 thistle 디스틀
■ da70d6 orchid 오치드
■ 4b0082 indigo 인디고
■ a52a2a brown 브라운
■ e9967a darksalmon 다크샐몬
■ f08080 lightcoral 라이트코랄
■ cd5c5c indianred 인디안레드
■ ffa07a lightsalmon 라이트샐몬
■ db7093 palevioletred 팔레바이올렛레드
■ f4a460 sandybrown 샌디브라운
■ fa8072 salmon 샐몬
■ ff6347 tomato 토마토
■ ff4500 orangered 오렌지레드
■ ff0000 red 레드
■ 800000 maroon 마룬
■ 8b0000 darkred 다크레드
■ b22222 firebrick 파이어브릭
■ d2691e chocolate 초콜렛
■ 8b4513 saddlebrown 새들브라운
■ a0522d sienna 시에나
■ bc8f8f rosybrown 로지브라운
■ ff7f50 coral 코랄
■ ff8c00 darkorange 다크오렌지
■ ffa500 orange 오렌지
■ b8860b darkgoldenrod 다크골덴로드
■ ffd700 gold 골드
■ ffff00 yellow 옐로우
■ 7fff00 chartreuse 차트리우스
■ 7cfc00 lawngreen 라운그린
■ 00ff00 lime 라임
■ 32cd32 limegreen 라임그린
■ 00ff7f springgreen 스프링그린
■ 3cb371 mediumseagreen 미디움씨그린
■ adff2f greenyellow 그린옐로우
■ 8fbc8f darkseagreen 다크씨그린
■ 0ee90 lightgreen 라이트그린
■ 8fb98 palegreen 팔레그린
■ 9acd32 yellowgreen 옐로우그린
■ 2e8b57 seagreen 씨그린
■ 00fa9a mediumspringgreen 미디움스프링그린
■ 20b2aa lightseagreen 라이트씨그린
■ 66cdaa mediumaquamarine 미디움아쿠아마린
■ 228b22 forestgreen 포레스트그린
■ 008b8b darkcyan 다크시안
■ 008080 teal 틸
■ 006400 darkgreen 다크그린
■ 556b2f darkolivegreen 다크올리브그린
■ 008000 green 그린
■ 808000 olive 올리브
■ 6b8e23 olivedrab 올리브드래브
■ bdb76b darkkhaki 다크카이
■ daa520 goldenrod 골덴로드

PHP 'getimagesize()' 함수는 이미지의 크기, 형식을 알려줍니다.

<?php
$file= getimagesize("img/flag.jpg");
$width = $img[0];
$height = $img[1];
$type = $img[2];
?>
$img[2] 은 형식을 나타냄.^^

1 : 'GIF'
2 : 'JPG'
3 : 'PNG'
4 : 'SWF'
5 : 'PSD'
6 : 'BMP'
7 : 'TIFF(intel byte order)'
8 : 'TIFF(motorola byte order)'
9 : 'JPC'
10 : 'JP2'
11 : 'JPX'
12 : 'JB2'
13 : 'SWC'
14 : 'IFF'
15 : 'WBMP'
16 : 'XBM'

========================================
글자수가 많아 지면 테이블 사이즈가 커져버리네요.
고정할수 있도록 할려면 어떻게 해야 하는지요?
딱.. 지정한 width 길이로만 설정되도록...

답변1---------------------------------------------------------------
자동 줄바꿈을 통한 테이블 크기 고정
테이블 작업을 하다가 글의 내용이 길어지면 지정된 테이블의 크기가 늘어나는 현상이 있을 수 있습니다. 이럴 때 테이블의 크기를 고정시키고 자동으로 줄바꿈을 해주는 기능입니다.
<table> 태그의 아래의 구문을 넣습니다.
style="table-layout:fixed;"
[ ------------------------------ 예문 ------------------------------ ]
<table style="table-layout:fixed;">
● 적용 시키고자 하는 셀에 아래의 구문을 넣습니다.
style="word-break:break-all;"
[ ------------------------------ 예문 ------------------------------ ]
<td style="word-break:break-all;">

답변2----------------------------------------------------------------------------------
한글 : style="word-break:break-all"
영문 : style="word-break:keep-all"
영문 : nowrap 

@ASCII(str) : 해당 인저의 아스키 값을 반환한다. 문자열이 한글자 이상일 경우는 첫번째 문자에 해당하는 아스키 값을 반환한다. 빈 문자열에 대해서는 0, NULL 에 대해서는 NULL 을 반환한다.
- 예 : select ASCII('2');

@CONCAT(X,Y,...) : 해당 인자들을 연결한 문자열을 반환한다. 인자중 하나가 NULL 일 경우는 NULL 을 반환한다.
- 예 : select CONCAT('My', 'S', 'QL');

@LENGTH(str) : 문자열의 길이를 반환한다.
- 예 : select LENGTH('text');

@OCTET_LENGTH(str) : LENGTH(str) 와 동일하다.

@CHARACTER_LENGTH(str) : LENGTH(str) 와 동일하다.

@LOCATE(substr,str) : 첫번째 인자에서 두번째 인자가 있는 위치를 반환한다. 없을경우 0 을 반환한다.
- 예 : select LOCATE('bar', 'foobarbar');

@POSITION(substr IN str) : LOCATE(substr,str) 와 동일하다.

@LOCATE(substr,str,pos) : 두번째 인자에서 세번째 인자의 자리수부터 검색을 하여 첫번째 인자가 발견되는 위치를 반환한다.
- 예 : select LOCATE('bar', 'foobarbar',5);

@INSTR(str,substr) : LOCATE(substr,str) 와 동일한 기능을 하며, 차이점은 첫번째 인자와 두번째 인자가 바뀐것 뿐이다.
- 예 : select INSTR('foobarbar', 'bar');

@LPAD(str,len,padstr) : 첫번째 인자를 두번째 인자만큼의 길이로 변환한 문자열을 반환한다. 모자란 공간은 왼쪽에 세번째 인자로 채운다.
- 예 : select LPAD('hi',4,' ');

@RPAD(str,len,padstr) : LPAD 와 반대로 오른쪽에 빈공간을 채운다.
- 예 : select RPAD('hi',5,'?');

@LEFT(str,len) : 첫번째 문자열에서 두번째 길이만큼만을 반환한다.
- 예 : select LEFT('foobarbar', 5);

@RIGHT(str,len) : LEFT(str,len) 와 동일하다. 차이점은 해당 길이만큼 오른쪽에서부터 반환한다.
- 예 : select RIGHT('foobarbar', 4);
select SUBSTRING('foobarbar' FROM 4);

@SUBSTRING(str,pos,len) : 첫번째 인자의 문자열에서 두번째 인자의 위치부터 세번째 인자의 길이만큼 반환한다.
- 예 : select SUBSTRING('Quadratically',5,6);

@SUBSTRING(str FROM pos FOR len) : SUBSTRING(str,pos,len) 과 동일하다.

@MID(str,pos,len) : SUBSTRING(str,pos,len) 과 동일하다.

@SUBSTRING(str,pos) : 첫번째 인자의 문자열에서 두번째 인자로부터의 모든 문자열을 반환한다.
- 예 : select SUBSTRING('Quadratically',5);

@SUBSTRING(str FROM pos) : SUBSTRING(str,pos) 와 동일하다.

@SUBSTRING_INDEX(str,delim,count) : 첫번째 인자인 문자열을 두번째 문자로 구분하여 세번째 인자 수의 위치만큼 반환한다. 예를들어 select SUBSTRING_INDEX('www.mysql.com', '.', 2) 은 'www.mysql' 을 반환한다. 세번째 인자가 음수일경우는 반대로 오른쪽에서부터 검색하여 결과를 반환한다.
- 예 : select SUBSTRING_INDEX('www.mysql.com', '.', -2);

@LTRIM(str) : 왼쪽에 있는 공백문자를 제거한 문자열을 반환한다.
- 예 : select LTRIM(' barbar');

@RTRIM(str) : 오른쪽에 있는 공백문자를 제거한 문자열을 반환한다.
- 예 : select RTRIM('barbar ');

@TRIM([[BOTH | LEADING | TRAILING] [remstr] FROM] str)
- 예 : select TRIM(' bar ');
select TRIM(LEADING 'x' FROM 'xxxbarxxx');
select TRIM(BOTH 'x' FROM 'xxxbarxxx');
select TRIM(TRAILING 'xyz' FROM 'barxxyz');

@REPLACE(str,from_str,to_str) : 문자열은 치환한다.
- 예 : select REPLACE('www.mysql.com', 'www', 'ftp');

@REVERSE(str) : 문자열을 뒤집는다. 예를들어, select REVERSE('abc') 은 'cba' 를 반환한다.

@LCASE(str) : 문자열을 소문자로 변환한다.
- 예 : select LCASE('QUADRATICALLY');

@LOWER(str) : LCASE(str) 와 동일하다.

@UCASE(str) : 문자열을 대문자로 변환한다.
- 예 : select UCASE('Hej');

@UPPER(str) : UCASE(str) 와 동일하다.

+ Recent posts