Jump to content
  • 0

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

San4ozzZ

Asked by San4ozzZ,

 Share

Question

San4ozzZ Explorer

San4ozzZ

Posted
Posted

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

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

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

 

Link to comment
Share on other sites

16 answers to this question

Recommended Posts

  • 0
rival Explorer

rival

Posted
Posted

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

Link to comment
Share on other sites
  • 0
San4ozzZ Explorer

San4ozzZ

Posted
  • Author
Posted 
<?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 comment
Share on other sites
  • 0
rival Explorer

rival

Posted
Posted

После

<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 comment
Share on other sites
  • 0
San4ozzZ Explorer

San4ozzZ

Posted
  • Author
Posted (edited)

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

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

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

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

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

Edited by San4ozzZ
Link to comment
Share on other sites
  • 0
rival Explorer

rival

Posted
Posted

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

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

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

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

San4ozzZ

Posted
  • Author
Posted (edited)

rival

спасибо !

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

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

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

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

Edited by San4ozzZ
Link to comment
Share on other sites
  • 0
rival Explorer

rival

Posted
Posted

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

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

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

Link to comment
Share on other sites
  • 0
werty56 Explorer

werty56

Posted
Posted

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

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

mmisterx

Posted
Posted

Добрый день, анологично, не пойму в чем проблема 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 comment
Share on other sites
  • 0
mmisterx Explorer

mmisterx

Posted
Posted
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 comment
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
Answer this question...

×   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.

×
 Share
Go to question listing

  • Обсуждения

    • Nikker
      Дизайн сайтов, landing page, логотипов, баннеров, шапок | Высокое качество, по хорошей цене

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Nikker
      Брендовый дизайн в социальных сетях

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept