질문/공유질답게시판

로고 문의

hatali
Extra Form
PHP PHP 7.2
CMS XpressEngine

아래 그림은 네이버의 뉴스메뉴입니다. 좌측상단 로고(빨간색 박스)는 두개(네이버 홈과 뉴스홈) 인데 저도 이렇게 적용하고 싶어 아래 /layouts/default/layout.html 관련부분을 수정해보니 두 로고가 다른 줄로 되기도 하고 XpressEngine 로고가 최상단에 나오기도 하는 등 원하는 데로 되지 않아 도움 요청 드립니다.

 

로고.png

 

 

<header class="header">
    <h1>
        <a href="{geturl('')}" id="siteTitle">
            <img src="siteTitle.png" alt="XpressEngine" cond="!Context::getSiteTitle() && !$layout_info->LOGO_IMG && !$layout_info->LOGO_TEXT">
            <block cond="Context::getSiteTitle() && !$layout_info->LOGO_IMG && !$layout_info->LOGO_TEXT">{Context::getSiteTitle()}</block>
            <img src="{$layout_info->LOGO_IMG}" alt="{$layout_info->LOGO_TEXT}" cond="$layout_info->LOGO_IMG">
            <block cond="!$layout_info->LOGO_IMG && $layout_info->LOGO_TEXT">{$layout_info->LOGO_TEXT}</block>
        </a>
    </h1>

 

위로 아래로
댓글 5
  • profile
    이건 html이 아닌 css를 수정해야 하는 부분입니다.
    css를 보지못한 상태에서는 예상가능한 이유가 머리속에만 3개 이상은 떠오르네요.
  • profile profile
    관심 정말 감사드립니다.
    default.layout.css 에서 관련된 부분은 아래인 것 같습니다.
    제 의도는 이미지 로고(naver)와 문자로고(뉴스)를 함께 적용하는 것이었습니다.

    /* Header */
    .header>h1{display:inline-block;*display:inline;zoom:1;margin:19px 0}
    .header>h1>a,
    .header>h1 img{display:block}
    .header>h1>a{font-size:32px;text-decoration:none;color:#333}
  • profile profile
    .header>h1 img{display:block}

    이 부분에 의해서 img태그의 display가 block으로 설정되서 2줄이 나게 되는 것입니다.
    block의 특징이 1 열에 1개 요소입니다.
    이부분을 inline-block으로 바꿔주면 얼추 해결될 것 같기도 합니다.
  • profile

    정말 감사하고 죄송하네요 자꾸 여쭤봐야 돼서.
    말씀하신데로 css  수정하고 layout.html을 아래와 같이 일부 수정해보니 아래 그림과 같이 나오는데,

    문제는 뉴스홈이 아닌 모든 메뉴(정치,경제.....)에서 상단 뉴스 로고를 선택하면 뉴스홈으로 이동하게 하고 싶은데 현재 메뉴로만 이동합니다.

    빨간색 부분 <a href="?">의 ? 부분을 어떻게 수정하면 될런지 문의 드립니다.

     

    <a href="{geturl('')}" id="siteTitle">

               <block cond="Context::getSiteTitle() || !$layout_info->LOGO_IMG || !$layout_info->LOGO_TEXT">{Context::getSiteTitle()}</block>

               <img src="{$layout_info->LOGO_IMG}" cond="$layout_info->LOGO_IMG">

    </a>

    <a href="?">

               <block cond="!$layout_info->LOGO_IMG || $layout_info->LOGO_TEXT">{$layout_info->LOGO_TEXT}</block>

    </a>

     

    로고1.png

  • profile
    <a href="?">를 <a href="https://busan-in.com/news_home"> 이렇게 수정하니 가능해졌습니다.
    일단 해당 레이아웃을 별도로 만들어서 적용하고 있어서 상기와 같이 주소를 직접입력해도 문제없을 것 같습니다.
    근본적으로는 알고 싶은 건 <a href="{geturl('')}" id="siteTitle">와 같이 규칙성을 가져서 유사한 타 메뉴에도 적용가능한 지는 더 공부해봐야할 것 같습니다.)

    관심과 도움에 너무 감사 드립니다.