Jump to content

в шапке в правом углу добавить телефон


Recommended Posts

в левом углу логотип по центру идут менюшки , а в правом углу пусто.

помогите пожалуйста добавить там ещё одно лого с телефоном , или же просто текстовыми цифрами.

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

 

Link to post
Share on other sites

Тебе нужно отредактировать шаблон. В Joomla 2.5 шаблоны находятся в папке "templates" в корне сайта. Открой файл /templates/название_твоего_шаблона/index.php и добавь телефон, лого и т.д.

Link to post
Share on other sites
<?php/* Design by VTEM http://www.vtem.net  All Rights Reserved */defined( '_JEXEC' ) or die( 'Restricted access' );include_once(JPATH_ROOT . "/templates/" . $this->template . '/vtemtools/default.php');?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" class="<?php echo css_browser_selector() ?>" ><head><jdoc:include type="head" /><link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/system/css/system.css" type="text/css" /><link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/system/css/general.css" type="text/css" /><link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/<?php echo $this->template ;?>/css/template.css" type="text/css" /><link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/<?php echo $this->template ;?>/css/styles/<?php echo $TemplateStyle;?>.css" type="text/css" /><?php include_once(JPATH_ROOT . "/templates/" . $this->template . '/vtemtools/css_var.php');?></head><body id="vtem"><div id="vt_body_wrapper">    <div id="vt_main_top">     <div class="vt_container">        <div class="vt_wapper_mainmenu">            <div id="vt_logo">                <?php if($logo == 1){                echo '<a href="'.$this->baseurl.'"><h1>'.$logotext.'</h1><span>'.$slogan.'</span></a>';                }else{               echo '<a href="'.$this->baseurl.'"><img src="templates/'.$this->template.'/images/vt_logo_'.$TemplateStyle.'.png" alt="VTEM Logo" /></a>';               }?>             </div>        <!-- /////////////////// VTEM MENU ///////////////////////////////-->         <div id="vt_main_menu">           	<?php echo $vtemmainmenu; ?>         </div>         <!-- /////////////////// END VTEM MENU ///////////////////////////-->      <div class="clr"></div>         </div>       </div>     <div class="vt_wapper_showcase"> 	  <?php if($this->countModules('showcase')) : ?>      <div class="vt_container">       <div id="vt_showcase">       <div class="conner_topleft"></div>       <div class="conner_topright"></div>          <jdoc:include type="modules" name="showcase" style="none" />       <div class="bg_bottomslide"></div>        </div>     </div>      <?php endif; ?>     <div class="clr"></div>    </div>    </div>      <?php if($this->countModules('drawer')) : ?>    <div id="wapper_drawer">       <div id="vt_drawer">        <div class="vt_container">          <jdoc:include type="modules" name="drawer" style="xhtml" />	        <div class="clr"></div>         </div>        </div>     </div>   	     <?php endif; ?>        <!-- /////////////////// MAIN LAYOUT ///////////////////////////////-->   <?php include_once(JPATH_ROOT . "/templates/" . $this->template . '/vtemtools/base.php');?>   <!-- /////////////////// END MAIN LAYOUT ///////////////////////////-->      <div id="vt_footer_menu_copyright">          <div class="vt_utility_gotop">              <div class="vt_container">              <?php if ($this->countModules('utility')) { ?>                <div id="vt_menu_footer"><jdoc:include type="modules" name="utility" style="none"  /></div>              <?php } ?>              	              <div id="gotop"><p>              <script type="text/javascript">			    window.addEvent('domready',function() { new SmoothScroll({ duration: 800 }); })			  </script>              <a href="#vtem" title="Вверх"><span>Go Top</span></a>              </p></div>              </div>          </div>                    <div class="vt_container">			  <?php if ($this->countModules('copyright')) { ?>	      <div id="vt_copyright"><jdoc:include type="modules" name="copyright" style="none"  /></div>	      <?php } ?>	      <div class="clr"></div>		  <?php echo $vtcopyright;?>          </div>   </div></div>  <?php include_once(JPATH_ROOT . "/templates/" . $this->template . '/vtemtools/debug.php');?></body></html>

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

48025b307e27a30c0199edcab26edebc.png

Link to post
Share on other sites

После

<div id="vt_main_menu">    <?php echo $vtemmainmenu; ?></div><!-- /////////////////// END VTEM MENU ///////////////////////////-->

добавь

<div id="phoneInHeader">+7 (499) 340-48-01</div>

В файле /templates/vt_church/css/layouts.css (строка 40) закомментируй "width:760px;"

#vt_main_menu{	height:80px;	line-height:80px;	position:relative;	/*width:760px;*/	float:left;}

В конце этого файла добавь

#phoneInHeader{    color: #ffffff;    float: right;    font-size: 20px;    margin: 0 20px 0 0;}

P.S. - Если хочешь научиться, тебе сюда. Если хочешь чтобы сделали за тебя, то пиши в раздел "Сделайте мне бесплатно".

Link to post
Share on other sites

сделал как сказали.

получилось что телефон ниже шапки.

подскажите пожалуйста , как его на уровне сделать ?

 <!-- /////////////////// width:760px; ///////////////////////////////-->}  #vt_main_menu{	height:80px;	line-height:80px;	position:relative;	width:760px;	float:left;} <!-- /////////////////// width:760px; ///////////////////////////////-->

а для чего это комментировать ?

Edited by San4ozzZ
Link to post
Share on other sites

Закомментировать нужно одну строку - "width:760px;". В css комментарии оформляются так

/*комментарий*/

Т.е. код должен выглядеть следующим образом:

#vt_main_menu{	height:80px;	line-height:80px;	position:relative;	/*width:760px;*/	float:left;}
Link to post
Share on other sites

rival

спасибо !

подскажите пожалуйста ещё , как сделать побольше шрифт и цвет изменить

это в css прописывать нужно или в index.php ?

#phoneInHeader{    color: #ffffff;    float: right;    font-size: 20px;    margin: 0 20px 0 0;}

здесь меняю не меняется(

Edited by San4ozzZ
Link to post
Share on other sites

Размер шрифта и цвет устанавливается в css. Я указал размер шрифта 20px, а цвет - белый. У тебя стили не применяются. Попробуй перенести

#phoneInHeader{     color: #ffffff;     float: right;     font-size: 20px;     margin: 0 20px 0 0;}

в файл /templates/vt_church/css/template.css

Link to post
Share on other sites
  • 1 year later...

Аналогичный вопрос, имеется сайт: nowpc.ru / как разместить телефон в самом верхнем правом углу?

 
В templates меняем index.php
Добавляем:
<div id="contact">phone
  </div>
 
 
 
В
layout.css
 
div#contact {
  float: right;
  position: relative;
  width: 100px;
 
Что  добавить,чего не хватает?
Link to post
Share on other sites
  • 6 months later...
  • 1 month later...

Добрый день, анологично, не пойму в чем проблема Joomla 3.5  как сделать что б телефон был в правом углу 

прописал <div id="kontakti">тел</div>  в іndex.php  cтрока поссле <div class="logoheader">

но телефон появился вверху левом. затем в СSS я прописал

.kontakti{
    font-size: 40px;
    float: right;
    margin-top: 250px;
    margin-right:40px;
    color: red;

}  

Но не какой реакции, в чем ошибка? как сделать что б телефон появился в правом углу

Link to post
Share on other sites
1 час назад, mmisterx сказал:

Добрый день, анологично, не пойму в чем проблема Joomla 3.5  как сделать что б телефон был в правом углу 

прописал <div id="kontakti">тел</div>  в іndex.php  cтрока поссле <div class="logoheader">

но телефон появился вверху левом. затем в СSS я прописал

.kontakti{
    font-size: 40px;
    float: right;
    margin-top: 250px;
    margin-right:40px;
    color: red;

}  

Но не какой реакции, в чем ошибка? как сделать что б телефон появился в правом углу

спасибо уже разобрался

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Member Statistics

    46,971
    Total Members
    1,451
    Most Online
    Morwinus
    Newest Member
    Morwinus
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.

  • Свежие Темы

  • Последние сообщения

    • Первые шаги в облаке: наглядная инструкция по работе на виртуальном сервере Друзья, привет. Нередко сразу после перехода в облако возникают вопросы: как осуществить основные настройки на сервере и работать непосредственно с самой виртуальной машиной и панелью управления сервером? Мы подготовили пошаговую наглядную инструкцию для простого и понятного старта работы с виртуальной машиной https://tucha.ua/ru/blog/support/pervye-shagi-v-oblake-naglyadnaya-instrukciya-po-rabote-na-virtualnom-servere. Из статьи вы узнаете о том, как: ·       получить реквизиты доступа к машине; ·       подключиться к серверу; ·       изменить пароль; ·       установить обновления; ·       распределить дисковое пространство и о других полезных возможностях, которые помогут грамотно использовать сервер для насущных потребностей бизнеса. Инструкция пригодится, если вы только начали или вскоре планируете работу в облаках. Пользуйтесь! А если возникнут дополнительные вопросы или нужна наша помощь, обращайтесь: пишите на почту sales@tucha.ua или звоните по телефону +380 44 583-5-583. Мы на связи 24×7!      
    • Спасибо конечно но мне дешевле сделали. Скопировали + настроили заявки + установили панель управления. Счетчик метрики поставили бесплатно. Правда я и сам бы смог поставить счетчик это же минутное дело.  
    • Давненько от нас не было интересных новостей, поэтому возвращаемся с интересной акцией! 🙂 При заказе VPS сервера в период с 24 по 30 октября получайте скидку 50% на заказ услуг:  Сингл Мастер - 2Gb RAM, 20GB SSD, 2 vCore - цена по скидке 299 руб. Тим Спирит - 4Gb RAM, 40GB SSD, 3 vCore - цена по скидке 595 руб. Суприм Мастер - 6Gb RAM, 40GB SSD, 4 vCore - цена по скидке 895 руб. Black Titan - 8Gb RAM, 60GB SSD, 5 vCore - цена по скидке 1270 руб. Silver Oversun - 12Gb RAM, 80GB SSD, 6 vCore - цена по скидке 1795 руб. Gold Reserve - 16Gb RAM, 100GB SSD, 7 vCore - цена по скидке 2270 руб. Only Platinum - 32Gb RAM, 120GB SSD, 8 vCore - цена по скидке 3395 руб. ...и все его дополнения: дополнительный объем SSD/SAS, CPU, RAM, IP-адреса! Скидка 50% действует на аренду сервера на первые 3-х месяца, далее по обычной цене.   Промо-код: TMXJOS5 Все VPS сервера размещаются на SSD накопителях и процессорах Intel Xeon E5-2695v2. Дата-центр Санкт-Петербург. Добро пожаловать в SerfStack.com!
  • Popular Contributors

    Nobody has received reputation this week.

×
×
  • Create New...