(CSS) 티스토리 테이블 색상 변경

티스토리의 (표) 테두리 스타일은 총 6가지가 있습니다. 기본, 선, 첫 행·열 배경색, 첫 행 굵은선, 격행 배경색, 선 없음 색상은 4가지가 있습니다. DarkGray, SkyBlue, ForestGreen, RoyalBlue data-ke-style 속성 값으로 정해집니다. 기본 테두리 색상은 회색이므로 원하는 색으로 설정을 해봅니다. CSS 코드 article table { width:100%; font-size: 0.9375em; line-height: 1.5714; text-align: center; margin-bottom: 22px; border-collapse: collapse; border-spacing: 0; } article :is(table[data-ke-style="style1"..

PC&웹/웹프로그래밍 2023. 11. 23. 16:18

구글 애드센스 지원 광고 크기

실적이 우수한 광고 크기 광고 크기 설명 728x90 '리더보드'라고도 하는 이 형식은 일반적으로 광고주에게 더 많은 광고 인벤토리를 제공합니다. 따라서 텍스트 광고와 이미지 광고가 모두 게재되도록 사용 설정하면 더 많은 수입을 올릴 수 있습니다. 주요 콘텐츠 위에 배치하거나 포럼 사이트에 배치할 때 실적이 우수합니다. 태블릿에 최적화된 페이지에서도 사용할 수 있습니다. 336x280 '큰 직사각형'이라고도 하는 이 형식은 일반적으로 광고주에게 더 많은 광고 인벤토리를 제공합니다. 따라서 텍스트 광고와 이미지 광고가 모두 게재되도록 사용 설정하면 더 많은 수입을 올릴 수 있습니다. 텍스트 콘텐츠 중간이나 끝에 삽입할 때 실적이 우수합니다. 300x250 '중간 직사각형'이라고도 하는 이 형식은 일반적으로..

PC&웹/정보&기술 2023. 11. 23. 13:48

(CSS) 애드센스 반응형 광고 코드 수정

태블릿과 데스크톱 환경에 반응형 광고를 사용해야 하는 이유는 브라우저 크기가 다르고, UI 기능으로 광고 영역이 변하기 때문이다. 영역이 변하는데 큰 광고가 그대로 나타나면 광고 효과도 없고 레이아웃과 스크롤바가 엉망이 된다. 스킨에 구글 애드센스 반응형 광고 코드를 넣고 새로고침을 통해 결과물을 보면 광고가 숨어버린다. 요소 코드를 모니터링 해보면 광고를 감싸고 있는 태그 중 일부의 높이가 0인 것을 볼 수 있다. 이를 방지하는 코드를 적용해본다. (자세한 설명은 생략한다) 화면 폭에 따른 정확한 광고 단위 크기 지정 위 CSS 코드의 첫 번째 줄은 모든 화면 너비에 적용된다. @media(min-width: 500px) 항목은 최소 500px 이상인 화면 너비에 적용된다. @media(min-widt..

PC&웹/웹프로그래밍 2023. 11. 17. 20:06

(구글 관리 콘솔) 그룹 이메일 활용하기

Google Workspace 관리 콘솔(Admin) 기존 G Suite 무료 버전 또는 Google Workspace 사용자용입니다. 구글의 관리 콘솔(Admin)에서는 그룹을 만들 수 있다. 그룹은 부서 역할을 한다. 그룹에는 그룹 이메일 주소를 할당할 수 있다. 총 그룹 생성 수는 무제한이다. 영업, 개발, 연구, 생산, 고객, 게임, 스팸 등의 그룹을 만들고 각 그룹별로 사용자를 등록한다. 소유자, 관리자, 회원은 여러명이 가능하다. 이때, 한 명의 사용자가 한 번에 소유할 수 있는 최대 그룹 수는 1,500개이다. 외부 회원 초대로 외부인의 이메일 계정을 등록할 수 있는데, 초대할 수 있는 일일 최대 외부 회원 수는 그룹당, 사용자당 하루 500명이다. 하위 그룹 생성이 가능하다. 경영본부, 생..

PC&웹/정보&기술 2023. 11. 16. 00:29

티스토리, CSS 변경 - 줄 바꿈 문제 2023-11

2023년 11월, 티스토리의 에디터에 변화가 생겼습니다. 본문의 줄 바꿈과 관련된 것으로, CSS가 변경되었습니다. Enter 키를 눌러서 줄 바꿈을 하면 Shift+Enter 키를 눌렀을 때와 간격 차이가 발생해야 하는데, 이를 막기 위해 CSS에 간격을 줄이는 코드가 추가되었습니다. 글 설정과 무관하게 적용됩니다. content.css:16 .content p + p { margin: 1px auto 0; } top 부분의 간격을 1px로 지정하여 p와 p 사이의 간격을 1px로 줄였습니다. 이에 따라 문장과 문단의 구분이 어려워지면서 에디터 이용에 불편을 줄 수 있습니다. 2023-11-09. 카카오에 문의하니 CSS가 변경되었습니다. 2023-11-10. 위 코드는 그대로이지만 아래 코드가 생겼..

PC&웹/웹프로그래밍 2023. 11. 8. 11:07

미디어위키, 대문 주소 변경하기

대문 주소 변경 URI에 페이지 이름이 없거나 대문으로 접속할 때 나타나는 대문 페이지를 다른 페이지로 바꾸고 싶다면 대문 페이지를 변경하는 것이 아니라, 대문 링크를 변경하면 된다. 미디어위키:Mainpage 또는 MediaWiki:Mainpage 로 접속한다. 편집 대문 내용을 원하는 페이지 이름으로 변경 저장 대문 링크, 로고 링크는 설정한 페이지 이름으로 변경된다. 문서 https://www.mediawiki.org/wiki/Help:Namespaces

PC&웹/정보&기술 2023. 11. 1. 10:30

무료 위키 팜 서비스

무료, 광고 없음 자유 주제 위키 서비스는 두 군데가 있다. 미라헤제 https://miraheze.org/ 영국 2015년 7월 시작. 유저가 300k 이상이라고 한다. 가입은 누구나 할 수 있지만, 위키 생성에 대해 승인을 받아야 한다. 서브도메인 이름, 위키 운영 목적이 분명하면 된다. 위키타이드보다는 유연하고 승인 관련 안내가 자세하다. 승인 거부 시, 이유와 대안을 제시하며 이를 따르면 승인을 해준다. 미디어위키 확장기능 및 스킨을 추가로 활성화할 수 있다. WikiTide https://wikitide.org/ 미국 2023년에 새로 알려진 위키타이드라는 곳이다. 위키 수는 300개 미만이다. 가입은 누구나 할 수 있지만, 위키 생성에 대해 승인을 받아야 한다. 이 과정이 조금 까다롭다. 까딱..

PC&웹/정보&기술 2023. 10. 30. 23:14

미디어위키, ./maintenance/update.php

확장 기능을 추가할 때 DB 업데이트 등으로 설치를 완료하려면 wiki를 업데이트 해야한다. maintenance 디렉터리의 파일들은 보안상 .htaccess에 의해 웹브라우저에서 실행되지 않도록 막혀있다. 명령줄에서 실행해야 한다. php maintenance/update.php

PC&웹/웹프로그래밍 2023. 10. 30. 13:50

.htaccess+Php, 이미지 링크 리다이렉트

아주 오~래전, PHP3 시절에 만들었던 이미지 불펌 추적기를 소생시켰다. 지정된 도메인이 아닌 곳에 이미지를 링크할 경우, 경고 이미지를 보여줄 수 있다. .htaccess RewriteEngine On RewriteCond %{REQUEST_FILENAME} .*jpg$|.*gif$|.*png$|.*jpeg$ [NC] RewriteCond %{HTTP_REFERER} !^$ RewriteCond %{HTTP_REFERER} !example.com [NC] RewriteRule (.*) https://www.example.com/warningimage 아래 이미지는 simulz.kr 도메인에서만 정상적으로 보인다. GeoIP 정보와 시각이 기록된다. GeoIP IP 주소, ISP 업체, 국가, 주, 시..

PC&웹/웹프로그래밍 2023. 10. 29. 18:04

미디어위키, 같은 디렉터리에서 단축 URL 사용하기

mediawiki(미디어위키)나 다른 사이트에서 안내된 방법은 참 귀찮고 쓸모가 없다. /w 디렉터리에 설치하라는 둥... 죄다 펌복붙...😡 예 아래와 같은 기본 경로를 https://simulz.kr/wiki/index.php?title=대문 https://simulz.kr/wiki/index.php/대문 아래처럼 바꿀 수 있는데도 왜 관련 정보가 없을까? https://simulz.kr/wiki/대문 XpressEngine(XE) 또는 Wordpress(워드프레스)는 자체 단축 URL 기능을 가지고 있다. 그럼, 미디어위키도 가능하다는 것이다! 방법 카페24 호스팅 기준. 아파치 서버. .htaccess .htaccess 파일을 만들고 /wiki/ 디렉터리에 넣는다. 미디어위키가 설치된 폴더에 넣으..

PC&웹/웹프로그래밍 2023. 10. 29. 15:42

C#, XML 조각 파일 읽기 - 멀티 루트

XML 문서가 아니더라도 태그와 속성을 사용한 설정 파일을 많이 사용한다. XML 파일을 읽는 두 가지 방법 1. XmlReader private void btLoad_Click(object sender, EventArgs e) { richTextBox1.Text = ""; XmlReaderSettings settings = new XmlReaderSettings(); settings.ConformanceLevel = ConformanceLevel.Fragment; using (XmlReader reader = XmlReader.Create(File, settings)) { textEdit_file.EditValue = File; while (reader.Read()) { if (reader.NodeTy..

PC&웹/VS프로그래밍 2023. 10. 17. 13:04

JSON Viewer - 한 줄 코드를 예쁘게 바꾸기

원본 메모장으로 JSON 형식의 파일을 열었을 때, 코드가 한 줄로 작성되어 있어 편집이 매우 어렵다. 방법 설치 Notepad++를 설치 후 실행한다. PortableApps에서 설치할 수 있다. PortableApps 포터블앱스 주 메뉴의 플러그인 - 플러그인 관리...를 누른다. 플러그인 관리 창이 나타나면 JSON Viewer 항목을 찾아서 설치한다. 예 버튼을 누르면 설치가 된다. 설정 처음 JSON 파일을 열면 여전히 한 줄로 표시되고, 왼쪽에 JSON 트리 목록이 나타난다. 트리 목록에서 JSON 구조를 살펴볼 수 있다. 주 메뉴 - 플러그인 - JSON Viewer - Format JSON 항목을 누른다. 다시 한 줄로 압축을 하려면 메뉴의 Compress JSON 항목을 누르면 된다. 압..

PC&웹/소프트웨어 2023. 10. 4. 09:46

후지필름 Apeos C325 특수 부트 메뉴

Special Boot Menu - CE Diag 가정용 복합기인 후지필름 Apeos C325 시리즈 제품을 최고 관리자 모드로 들어가본다. (업무용 수준의 품질이 아니라서 가정용으로 표현함) 안드로이드폰이 OS 부팅모드로 들어갈 수 있는 것처럼, 복합기도 부팅 모드가 있다. 펌웨어 다운로드, 암호를 초기화할 수 있고, 각종 H/W 세부 설정을 조작할 수 있다. 설정 상태를 출력해서 볼 수 있다. EEPROM 상태, 메모리 상태, I/O 상태, 센서 상태 등등등... 너무 많아서 여기에 쓰지 못하겠다. 부팅모드 진입하기 복합기가 켜져 있으면 먼저 전원을 끈다. 끄는 방법은 조작 패널의 첫 번째 버튼을 누르고 있으면 된다. LED가 꺼진 것을 확인 후 부팅하기 두 번째 🏠(Home) 버튼을 누른 채, 첫번..

PC&웹/정보&기술 2023. 9. 14. 12:12

Autodesk 2024 제품의 제품키, 설치파일 내려받기

제품키 Product Name Product Key 3ds Max 128P1 3ds Max with Softimage 978P1 Advance Steel 959P1 Alias AutoStudio 966P1 Alias Concept A63P1 Alias Surface 736P1 Arnold C0PP1 AutoCAD 001P1 AutoCAD LT 057P1 AutoCAD LT for Mac 827P1 AutoCAD Raster Design 340P1 AutoCAD Revit LT Suite 834N1 CAMplete TruePath C4PN1 CAMplete TurnMill C4RN1 CFD – Ultimate 811M1 Civil 3D 237P1 Fabrication CADmep 839P1 Fabricat..

PC&웹/정보&기술 2023. 9. 14. 09:48

키샷 2023 크랙&키젠 readme.txt

Luxion KeyShot 2023 (v12.x) Win64 ################################# 1. 키샷을 설치합니다. 아직 실행하지 마십시오. 작동 중이면 닫으십시오. 2. "XF-KeyShot-Patcher.exe"를 실행하고 "Patch"를 클릭합니다. 버튼을 누른 다음 KeyShot의 프로그램 폴더로 이동합니다 "Bin" 하위 폴더를 선택합니다. 기본적으로 KeyShot 실행 파일은 다음 경로 중 하나에 있습니다: %LOCALAPPDATA%\KeyShot12\bin %APPDATA%\KeyShot12\bin 패치를 적용하려면 "keyshot.exe"를 선택합니다. 작업을 반복하되, 이번에는 "keyshot_headless.exe"를 선택합니다. 3. 컴퓨터의 라이센스 파..

PC&웹/정보&기술 2023. 9. 11. 13:44

(구글 관리 콘솔) 이메일 주소에 별칭 도메인 연결하기

여러 도메인을 같은 이메일 계정에 연결하는 것은, 여러개의 개인/법인 도메인을 사용할 때 유용한 기능이다. 각 도메인 계정으로 로그인을 할 필요없이, 하나의 계정으로 이메일을 받아볼 수 있다. 별칭 도메인은 유료 결제 없이 추가 도메인을 이메일 주소로 사용할 수 있다. user1ID@mainDNS.com 기본 이메일 주소를 사용하고 있을 때, subDNS.com 도메인을 별칭으로 추가하면 기본 계정으로 user1ID@subDNS.com 이메일 주소도 사용할 수 있다. 별칭 도메인으로 보낸 이메일은 기본 이메일 계정에서 볼 수 있다. user2@A.com 계정이 있으면, user2@B.com 주소로 이메일을 보내도 user2 계정으로 로그인하여 메일을 읽을 수 있다. @hanmail.net 이메일 계정으로..

PC&웹/정보&기술 2023. 8. 29. 16:37

451 PC&웹