현재 위치

홈 ›› Forums ›› 공부 ›› 프로그래밍 QnA

다국어 지원 사이트 개발에 대한 질문입니다. (css 생성 관련...)

trapp의 이미지
글쓴이: trapp / 작성시간: 수, 2014/03/19 - 11:44오전

브라우저 언어를 통해서 사용자의 언어를 가져오고 셀렉트 버튼으로 언어를 선택할 수 있게 되어 있습니다.
만약 각 언어별 컨텐츠는 거의 동일하지만
이미지를 /국가(ko, ja, en 등)/이미지명(동일) 이렇게 관리하고
이미지 경로는 a.css, a_en.css, a_ja.css 이런 css파일 안에 있다면
어떻게 불러와야 하는지 궁금하고

a.css에 이미지 경로에 default 경로나 변수를 줘서
maven 빌드시 a_en.css, a_ja.css 처럼 '_국가' 에 따라 이미지의 경로가 다르게 a_en.css, a_ja.css 등을 자동으로 생성하는 방법이 있는지 궁금합니다 ..

Forums: 
프로그래밍 QnA
dgkim의 이미지

글쓴이: dgkim / 작성시간: 수, 2014/03/19 - 12:10오후

css에서 이미지는 상대경로로 참조가능한 것은 아십니까?

/css/default.css
/css/default_ko.css
/css/default_en.css
/ko/button.png
/en/button.png

default_ko.css에서 background-image를 준다면 아래와 같이.

body {
    background-image: url(../ko/button.png);
}

--
http://www.dgkim.net/

trapp의 이미지

글쓴이: trapp / 작성시간: 수, 2014/03/19 - 12:16오후

네 제 의도를 정확하게 이해하셨군요...
저렇게 3개의 css파일이 있으면 내용은 모두 같고
url안에 ../ko/button.png 이거만 다른 3개의 파일이 있는거잖아요?

기본으로 default.css에 url(변수?)를 넣어놓고 빌드할때
각 경로를 변수에 넘겨줘서 

/css/default.css
/css/default_ko.css
/css/default_en.css

이게 생성되게 할 순 없을까요?

꼭 빌드할때가 아니더라도
효율적으로 css파일들을 생성할 수 있는 방법이 있으면 부탁드립니다!

댓글 달기

텍스트 포맷에 대한 자세한 정보

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.