Jump to content

Как в хедере шаблона написать телефон?

vomik
 Share

Recommended Posts

vomik Newbie

vomik

Posted
Posted

В хедере шаблона (сайта) много свободного места. Решил указать телефон. Создал в Фотошопе картинку с номером и... целый день убил пытаясь эту картинку воткнуть в нужное место! Максимум чего добился - это появился в предполагаемом месте большой знак вопроса (картинка). Подскажите ПОЖАЛУЙСТА, как решить сию задачку.post-707404-0-53363300-1379015253_thumb.jpg

Link to comment
Share on other sites
absent Newbie

absent

Posted
Posted

В хедере шаблона (сайта) много свободного места. Решил указать телефон. Создал в Фотошопе картинку с номером и... целый день убил пытаясь эту картинку воткнуть в нужное место! Максимум чего добился - это появился в предполагаемом месте большой знак вопроса (картинка). Подскажите ПОЖАЛУЙСТА, как решить сию задачку.attachicon.gifНужна помощь.jpg

http://webnewbie.ru/moduli/42-modul-shopphones.html

вот пользуйся!

  • Like 1
Link to comment
Share on other sites
vomik Newbie

vomik

Posted
  • Author
Posted

absent, ОГРОМНОЕ спасибо, НО... те настройки, которые я делаю в модуле в админке, не работают. А телефоны выводятся по параметрам прописанным в shopphones.tpl из папки hook которая в templates. Может эту templates вообще удалить?

Link to comment
Share on other sites
vomik Newbie

vomik

Posted
  • Author
Posted

absent, ОГРОМНОЕ спасибо, НО... те настройки, которые я делаю в модуле в админке, не работают. А телефоны выводятся по параметрам прописанным в shopphones.tpl из папки hook которая в templates. Может эту templates вообще удалить?

absent, и всё таки хочется вывести телефон оформленный в красивой картинке. Подскажите ПОЖАЛУЙСТА, куда и что прописать? В global.css и header.tpl?

Link to comment
Share on other sites
vomik Newbie

vomik

Posted
  • Author
Posted

код того что вы прописали в хедере запостите

К сожалению уже удалил всё что было. Сергей, а Вы можете подсказать куда (в какие файлы) и что (какой код) нужно прописать? НАДЕЮСЬ на помощь.

Link to comment
Share on other sites
Ronaldo Perez Newbie

Ronaldo Perez

Posted
Posted

К сожалению уже удалил всё что было. Сергей, а Вы можете подсказать куда (в какие файлы) и что (какой код) нужно прописать? НАДЕЮСЬ на помощь.

 

файлы - зависят от места. header.tpl или в модуль инфо о пользователе в хидере, 

я в самом начале попросил у вас текущий ваш код или адрес магазина давайте, судя по скриншоту  - отсутствует нужное изображение, скорее всего вы путь указали неправильный

Link to comment
Share on other sites
vomik Newbie

vomik

Posted
  • Author
Posted

файлы - зависят от места. header.tpl или в модуль инфо о пользователе в хидере, 

я в самом начале попросил у вас текущий ваш код или адрес магазина давайте, судя по скриншоту  - отсутствует нужное изображение, скорее всего вы путь указали неправильный

Сергей ниже привожу что прописано в css и в header.tpl, прошу не судить меня за глупые ошибки - я отношу себя в категорию "чайников" в сайтостроении, поэтому и обращаюсь за советом к спецам.

Код в header.tpl:

 

<header id="header" class="container ">

          

            <div  id="header-inner" >

          <a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">

                     <img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />

                     <img class="phon" src="{$phon_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $phon_image_width}width="{$phon_image_width}"{/if} {if $phon_image_height}height="{$phon_image_height}" {/if} />

                     </a>

                  {$HOOK_TOP}

         </div>

 

И код в css:

 

#header {

 position: relative;

 z-index: 1010;

 padding: 0px 0px 0px 0px;

}

#header_phon .phon {

 display: block;

 position: absolute;

 left: 250px;

 top:28px;

}

#header_logo {

 display: block;

 position: absolute;

 left: 0px;

 top:18px;

}

#header-inner {

 padding:211px 0px 0px 0px;

 position: relative;

}

Объясните что как написать? ПОЖАЛУЙСТА!

Link to comment
Share on other sites
absent Newbie

absent

Posted
Posted

Сергей ниже привожу что прописано в css и в header.tpl, прошу не судить меня за глупые ошибки - я отношу себя в категорию "чайников" в сайтостроении, поэтому и обращаюсь за советом к спецам.

Код в header.tpl:

 

<header id="header" class="container ">

          

            <div  id="header-inner" >

          <a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">

                     <img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />

                     <img class="phon" src="{$phon_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $phon_image_width}width="{$phon_image_width}"{/if} {if $phon_image_height}height="{$phon_image_height}" {/if} />

                     </a>

                  {$HOOK_TOP}

         </div>

 

И код в css:

 

#header {

 position: relative;

 z-index: 1010;

 padding: 0px 0px 0px 0px;

}

#header_phon .phon {

 display: block;

 position: absolute;

 left: 250px;

 top:28px;

}

#header_logo {

 display: block;

 position: absolute;

 left: 0px;

 top:18px;

}

#header-inner {

 padding:211px 0px 0px 0px;

 position: relative;

}

Объясните что как написать? ПОЖАЛУЙСТА!

:wacko:

 

Восстанови на стандарт и поставь модуль, тк текстом лучше и для сео полезнее

Link to comment
Share on other sites
vomik Newbie

vomik

Posted
  • Author
Posted

лучше выводи телефоны цифрами +сss 

да в модуле absentа как раз всё цифрами и всё можно подправить, НО...не могу сменить размер шрифта и вставить картинку (значок) телефона. А хочеться картинку с номером телефона....

Link to comment
Share on other sites
absent Newbie

absent

Posted
Posted

да в модуле absentа как раз всё цифрами и всё можно подправить, НО...не могу сменить размер шрифта и вставить картинку (значок) телефона. А хочеться картинку с номером телефона....

css смотрите!!!

Link to comment
Share on other sites
Ronaldo Perez Newbie

Ronaldo Perez

Posted
Posted

Сергей ниже привожу что прописано в css и в header.tpl, прошу не судить меня за глупые ошибки - я отношу себя в категорию "чайников" в сайтостроении, поэтому и обращаюсь за советом к спецам.

Код в header.tpl:

 

Объясните что как написать? ПОЖАЛУЙСТА!

 

С чего бы мне вас судить и за что вы извиняетесь)

 

Правили только приведенный код? в пхп файлах ничего не меняли?

тогда это

<img class="phon" src="{$phon_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $phon_image_width}width="{$phon_image_width}"{/if} {if $phon_image_height}height="{$phon_image_height}" {/if} /> 

работать не будет.

Укажите путь к файлу здесь, в какой папке у вас изображение лежит?

Link to comment
Share on other sites
vomik Newbie

vomik

Posted
  • Author
Posted

:wacko:

 

Восстанови на стандарт и поставь модуль, тк текстом лучше и для сео полезнее

Так для сео уже есть два модуля на сайте с номером, а в шапку хочеться красоту сделать. :))

Link to comment
Share on other sites
vomik Newbie

vomik

Posted
  • Author
Posted

С чего бы мне вас судить и за что вы извиняетесь)

 

Правили только приведенный код? в пхп файлах ничего не меняли?

тогда это

<img class="phon" src="{$phon_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $phon_image_width}width="{$phon_image_width}"{/if} {if $phon_image_height}height="{$phon_image_height}" {/if} /> 

работать не будет.

Укажите путь к файлу здесь, в какой папке у вас изображение лежит?

ок щас попробую...

Link to comment
Share on other sites
vomik Newbie

vomik

Posted
  • Author
Posted

С чего бы мне вас судить и за что вы извиняетесь)

 

Правили только приведенный код? в пхп файлах ничего не меняли?

тогда это

<img class="phon" src="{$phon_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $phon_image_width}width="{$phon_image_width}"{/if} {if $phon_image_height}height="{$phon_image_height}" {/if} /> 

работать не будет.

Укажите путь к файлу здесь, в какой папке у вас изображение лежит?

сделал, но там опять этот знак вопроса в квадратике появился ((( путь проверил, всё правильно.

Link to comment
Share on other sites
vomik Newbie

vomik

Posted
  • Author
Posted

css смотрите!!!

файл shopphones.css что в папке css вообще пустой, а вот в файле myphones.tpl , что в корне вот такой код:

   .phone  {

    display: block;

 text-align: center;

    background-color: {user_colorbac}; /* Цвет фона */

    border: 1px solid #777777;

    padding: 10px; /* Поля вокруг текста */

    margin-left: 320px; /* Отступ слева */

    margin-top: {user_pocition}px;

 position: absolute;

 font-size: 120%;

 font-weight: bold;

  font-style:Italic; color: {user_colortext};

  -webkit-box-shadow: 0px 0px 5px #666666;

box-shadow: 0px 0px 5px #666666;

   }

 но здесь у меня получилось двигать margin-left, а цвета и шрифт НЕ меняются. (((

Link to comment
Share on other sites
Ronaldo Perez Newbie

Ronaldo Perez

Posted
Posted

сделал, но там опять этот знак вопроса в квадратике появился ((( путь проверил, всё правильно.

 

)) давайте определимся, если вам нужна помощь, читайте что я пишу и отвечайте точно.

Еще раз:

в какой папке у вас лежит изображение? путь относительно корня сайта укажите

Link to comment
Share on other sites
vomik Newbie

vomik

Posted
  • Author
Posted (edited)

)) давайте определимся, если вам нужна помощь, читайте что я пишу и отвечайте точно.

Еще раз:

в какой папке у вас лежит изображение? путь относительно корня сайта укажите

изображение я кинул в две папки:

 

 

 

 

 

но в коде я указал так:

 

Edited by vomik (see edit history)
Link to comment
Share on other sites
vomik Newbie

vomik

Posted
  • Author
Posted

Модуль ShopPhones обновил до нормального состояния, добавил несколько дополнительных настроек, пробуйте

Вот это СОВСЕМ другое дело! Теперь ОТЛИЧНЫЙ модуль получился! Можно ставить картинку и двигать как вверх-вниз, так и в стороны. Примного благодарен, СПАСИБО за понимание и содействие!

Link to comment
Share on other sites
vomik Newbie

vomik

Posted
  • Author
Posted

<img src="/img/kartina.jpg" width="230px" /> в чем проблема.

Вот и мне было интересно в чём проблема была...после такой записи в коде появляется картинка знака вопроса и сдвигает в разные стороны блоки и контент сайта.  

Link to comment
Share on other sites
 Share
Go to topic listing
×
×
  • Create New...