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