Helenblondi

вид главной страницы сайта как в портфолио на sitebill.ru

Автор: , в Шаблоны

Recommended Posts

Helenblondi    29

Helenblondi
Опубликовано:

я много раз смотрела портфолио которое размещено на сайте разработчиков. там очень красивые шапки  главных страниц

сайта в шаблоне реалиа

вот например один из сайтов http://barcelona-comfort.com/

http://joxi.ru/12MWN8bu40l3Gr

все видно. шрифт крупный. несколько эмейлов. несколько телефонов.

а у меня получается очень скудный

http://joxi.ru/Q2K5Bybi9wLNNr

 

подскажите пожалуйста как мне увеличить размеры  "недвижимость в Болгарии", емейл вебер, скайп?

подскажите пожалуйста как сделать чтобы они были черного цвета.

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

pushnov    33

pushnov
Опубликовано:
  В 28.12.2015 в 18:31, Helenblondi сказал:

я много раз смотрела портфолио которое размещено на сайте разработчиков. там очень красивые шапки  главных страниц

сайта в шаблоне реалиа

вот например один из сайтов http://barcelona-comfort.com/

http://joxi.ru/12MWN8bu40l3Gr

все видно. шрифт крупный. несколько эмейлов. несколько телефонов.

а у меня получается очень скудный

http://joxi.ru/Q2K5Bybi9wLNNr

 

подскажите пожалуйста как мне увеличить размеры  "недвижимость в Болгарии", емейл вебер, скайп?

подскажите пожалуйста как сделать чтобы они были черного цвета.

 

Самый простой вариант.

Не знаком с данным шаблоном, но предположу что в файле header_contact_add.tpl найти <div class="navbar-inner"> заменить <div class="navbar-inner my-class">

в файле realia-blue.css добавить

.my-class {

    font-size: 20px;

    color: #000;

}

где 20px, заменит на желаемый размер

найти сласс .site-slogan и поменять в нем color: #B5B5B5; на color: #000;

Вроде все.

Helenblondi reacted to this

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

Helenblondi    29

Helenblondi
Опубликовано:
  В 28.12.2015 в 19:03, pushnov сказал:

Самый простой вариант.

Не знаком с данным шаблоном, но предположу что в файле header_contact_add.tpl найти <div class="navbar-inner"> заменить <div class="navbar-inner my-class">

в файле realia-blue.css добавить

.my-class {

    font-size: 20px;

    color: #000;

}

где 20px, заменит на желаемый размер

найти сласс .site-slogan и поменять в нем color: #B5B5B5; на color: #000;

Вроде все.

спасибо. :) буду пробовать искать <div class="navbar-inner">

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

pushnov    33

pushnov
Опубликовано:
  В 28.12.2015 в 19:10, Helenblondi сказал:

спасибо. :) буду пробовать искать <div class="navbar-inner">

 

Зайдите в административную панель, далее Приложения -> Редактор шаблонов. В правой части странице, напротив header_contact_add.tpl нажимаем редактировать. Далее нажимаем клавиши Ctrl + f (для windows) в появившемся поле поиска вводим navbar-inner и нажимаем Enter. Текст который мы ищем должен под светиться.

Helenblondi reacted to this

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

Helenblondi    29

Helenblondi
Опубликовано:
  В 28.12.2015 в 19:10, Helenblondi сказал:

спасибо. :) буду пробовать искать <div class="navbar-inner">

 

  В 28.12.2015 в 19:19, pushnov сказал:

Зайдите в административную панель, далее Приложения -> Редактор шаблонов. В правой части странице, напротив header_contact_add.tpl нажимаем редактировать. Далее нажимаем клавиши Ctrl + f (для windows) в появившемся поле поиска вводим navbar-inner и нажимаем Enter. Текст который мы ищем должен под свет

 

  В 28.12.2015 в 19:03, pushnov сказал:

Самый простой вариант.

Не знаком с данным шаблоном, но предположу что в файле header_contact_add.tpl найти <div class="navbar-inner"> заменить <div class="navbar-inner my-class">

в файле realia-blue.css добавить

.my-class {

    font-size: 20px;

    color: #000;

}

где 20px, заменит на желаемый размер

найти сласс .site-slogan и поменять в нем color: #B5B5B5; на color: #000;

Вроде все.

 

я сделала. <div id="header-inner"> заменила на"header-inner my-class" добавила в realia-dark-blue.css .my-class {

    font-size: 20px;

    color: #000;

} 

все съехало опять и все. цвет цифр не поменялся :) убрала все

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

abushyk    694

abushyk
Опубликовано:
  В 28.12.2015 в 19:42, Helenblondi сказал:

я сделала. <div id="header-inner"> заменила на"header-inner my-class"

 

Я сам наступаю на эти же грабли. id - означает уникальный идентификатор. И он не может состоять из двух слов (id="header-inner my-class"). Для добавления класса для стилей нужно добавить class="my-class" а потом уже все как вы делали.

 

<div id="header-inner" class="my-class">

 

ПС. А вот если прочитать совет вам выше, то там новый класс добавлялся именно в секцию классов и для navbar-inner а не header-inner

Helenblondi reacted to this

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

pushnov    33

pushnov
Опубликовано:
  В 28.12.2015 в 19:42, Helenblondi сказал:

я сделала. <div id="header-inner"> заменила на"header-inner my-class" добавила в realia-dark-blue.css .my-class {

    font-size: 20px;

    color: #000;

} 

все съехало опять и все. цвет цифр не поменялся :) убрала все

 

Потому что Вы не верно сделали. Нужно было все точно как я написал. К классу navbar-inner добавить класс my-class, а вы зачем то добавили к id с именем header-inne.

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

Helenblondi    29

Helenblondi
Опубликовано:
  В 28.12.2015 в 19:59, pushnov сказал:

Потому что Вы не верно сделали. Нужно было все точно как я написал. К классу navbar-inner добавить класс my-class, а вы зачем то добавили к id с именем header-inne.

<div class="navbar">

                                <div class="my-class">

а я и сюда добавила. съезжает.

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

pushnov    33

pushnov
Опубликовано:
  В 28.12.2015 в 20:03, Helenblondi сказал:

<div class="navbar">

                                <div class="my-class">

а я и сюда добавила. съезжает.

 

Потому что Вы открыли новый div, но не закрыли, по этому и съезжает). Просто <div class="navbar-inner"> заменить <div class="navbar-inner my-class">, не нужно создавать новые блоки или еще чего.

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

Helenblondi    29

Helenblondi
Опубликовано:

может быть

 

  В 28.12.2015 в 20:06, pushnov сказал:

Потому что Вы открыли новый div, но не закрыли, по этому и съезжает). Просто <div class="navbar-inner"> заменить <div class="navbar-inner my-class">, не нужно создавать новые блоки или еще чего.

заменила. ничего не меняется. все съехало.

может я вот это куда то не туда поставила .my-class {
    font-size: 20px;
    color: #000;
}

поставила в первую строку файла

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

pushnov    33

pushnov
Опубликовано:
  В 28.12.2015 в 20:11, Helenblondi сказал:

может быть

 

заменила. ничего не меняется. все съехало.

может я вот это куда то не туда поставила .my-class {

    font-size: 20px;

    color: #000;

}

поставила в первую строку файла

 

А в каком файле Вы его поставили? Не вижу его не в одном из Ваших файлов стилей.

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

Helenblondi    29

Helenblondi
Опубликовано:
  В 28.12.2015 в 20:19, pushnov сказал:

А в каком файле Вы его поставили? Не вижу его не в одном из Ваших файлов стилей.

 в realia-dark-blue.css в первой строке я поставила .my-class {

    font-size: 20px;

    color: #000;

}

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

Helenblondi    29

Helenblondi
Опубликовано:
  В 28.12.2015 в 20:19, pushnov сказал:

А в каком файле Вы его поставили? Не вижу его не в одном из Ваших файлов стилей.

хотя дело не в нем.  я заменила <div class="navbar-inner my-class"> на оригинал <div class="navbar">

                                <div class="navbar-inner"> и все встало на свои места

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

pushnov    33

pushnov
Опубликовано:
  В 28.12.2015 в 20:23, Helenblondi сказал:

хотя дело не в нем.  я заменила <div class="navbar-inner my-class"> на оригинал <div class="navbar">

                                <div class="navbar-inner"> и все встало на свои места

 

Если судить по Вашей записи, то Вы заменили два открывающихся блока <div class="navbar"> <div class="navbar-inner"> на один <div class="navbar-inner my-class">. Следовательно блок с классом navbar просто пропал, из-за это и могло все поползти.

 

Если бы Вы <div class="navbar-inner"> меняете <div class="navbar-inner my-class">, то у Вас не должно вообще ничего измениться в дизайне.

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

Helenblondi    29

Helenblondi
Опубликовано:
  В 28.12.2015 в 20:27, pushnov сказал:

Если судить по Вашей записи, то Вы заменили два открывающихся блока <div class="navbar"> <div class="navbar-inner"> на один <div class="navbar-inner my-class">. Следовательно блок с классом navbar просто пропал, из-за это и могло все поползти.

 <!-- HEADER -->

            <div id="header-wrapper">

                <div id="header">

                    <div id="header-inner">

                        <div class="container">

                       <div class="navbar">

                                <div class="navbar-inner">

                                   

                                    <div class="row">

                                        <div class="logo-wrapper span4">

                                            <a href="#nav" class="hidden-desktop" id="btn-nav">Toggle navigation</a>

                                           

                                          <div class="logo">

                                                <a href="{$estate_folder}/" title="Главная">

                                                 <img src="{$estate_folder}/template/frontend/logo/fazenda6.png" alt="Home"

                                                </a>

                                            </div><!-- /.logo -->

                                           

                                       <div class="site-name">

                                                <a href="/" title="Главная" class="brand"></a>

                                            </div><!-- /.site-name -->       

                                            

                                            <div class="site-slogan">

                                                <span>недвижимость<br>в Болгарии</span>

                                            </div><!-- /.site-slogan -->

                                             </div><!-- /.logo-wrapper -->

                                            

                                            

                                            

                                       

                                       

                                           <div class="info">

                                            <div class="site-email">

                                                <img src="{$estate_folder}/template/frontend/logo/images.jpg" alt="Home"> fazendabg@gmail.com</a>

                                            </div><!-- /.site-email -->

                                         

                                          

                                          <div class="site-phone">

                                            <img src="{$estate_folder}/template/frontend/logo/vaber.png" alt="Home"<span> +359 89 589 9118

                                            </div><!-- /.site-phone -->

                                          

                                         

                                          

                                          <div class="site-phone">

  <img src="{$estate_folder}/template/frontend/logo/index1.png" alt="Home"<span> fazendabg

                                            </div><!-- /.site-phone -->

 

                               

                                     

                                      </div><!-- /.row -->

                                </div><!-- /.navbar-inner -->

                            </div><!-- /.navbar -->

                        </div><!-- /.container -->

                    </div><!-- /#header-inner -->

                </div><!-- /#header -->

            </div><!-- /#header-wrapper -->

это мой файл. в нем я меняю запись <div class="navbar-inner"> на <div class="navbar-inner my-class">

и все

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

pushnov    33

pushnov
Опубликовано:

Замените на вот это

 

 <!-- HEADER -->
            <div id="header-wrapper">
                <div id="header">
                    <div id="header-inner">
                        <div class="container">
                       <div class="navbar">
                                <div class="navbar-inner my-class">
                                   
                                    <div class="row">
                                        <div class="logo-wrapper span4">
                                            <a href="#nav" class="hidden-desktop" id="btn-nav">Toggle navigation</a>

                                           
                                          <div class="logo">
                                                <a href="{$estate_folder}/" title="Главная">
                                                 <img src="{$estate_folder}/template/frontend/logo/fazenda6.png" alt="Home"
                                                </a>
                                            </div><!-- /.logo -->

                                           
                                       <div class="site-name">
                                                <a href="/" title="Главная" class="brand"></a>
                                            </div><!-- /.site-name -->       

                                            
                                            <div class="site-slogan">
                                                <span>недвижимость<br>в Болгарии</span>
                                            </div><!-- /.site-slogan -->
                                             </div><!-- /.logo-wrapper -->
                                            
                                            
                                            
                                       
                                       
                                           <div class="info">
                                            <div class="site-email">
                                                <img src="{$estate_folder}/template/frontend/logo/images.jpg" alt="Home"> fazendabg@gmail.com</a>
                                            </div><!-- /.site-email -->

                                         
                                          
                                          <div class="site-phone">
                                            <img src="{$estate_folder}/template/frontend/logo/vaber.png" alt="Home"<span> +359 89 589 9118
                                            </div><!-- /.site-phone -->
                                          
                                         
                                          
                                          <div class="site-phone">
  <img src="{$estate_folder}/template/frontend/logo/index1.png" alt="Home"<span> fazendabg
                                            </div><!-- /.site-phone -->
 
                               
                                     
                                      </div><!-- /.row -->
                                </div><!-- /.navbar-inner -->
                            </div><!-- /.navbar -->
                        </div><!-- /.container -->
                    </div><!-- /#header-inner -->
                </div><!-- /#header -->
            </div><!-- /#header-wrapper -->

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

Helenblondi    29

Helenblondi
Опубликовано:
  В 28.12.2015 в 20:36, pushnov сказал:

Замените на вот это

 

 <!-- HEADER -->

            <div id="header-wrapper">

                <div id="header">

                    <div id="header-inner">

                        <div class="container">

                       <div class="navbar">

                                <div class="navbar-inner my-class">

                                   

                                    <div class="row">

                                        <div class="logo-wrapper span4">

                                            <a href="#nav" class="hidden-desktop" id="btn-nav">Toggle navigation</a>

                                           

                                          <div class="logo">

                                                <a href="{$estate_folder}/" title="Главная">

                                                 <img src="{$estate_folder}/template/frontend/logo/fazenda6.png" alt="Home"

                                                </a>

                                            </div><!-- /.logo -->

                                           

                                       <div class="site-name">

                                                <a href="/" title="Главная" class="brand"></a>

                                            </div><!-- /.site-name -->       

                                            

                                            <div class="site-slogan">

                                                <span>недвижимость<br>в Болгарии</span>

                                            </div><!-- /.site-slogan -->

                                             </div><!-- /.logo-wrapper -->

                                            

                                            

                                            

                                       

                                       

                                           <div class="info">

                                            <div class="site-email">

                                                <img src="{$estate_folder}/template/frontend/logo/images.jpg" alt="Home"> fazendabg@gmail.com</a>

                                            </div><!-- /.site-email -->

                                         

                                          

                                          <div class="site-phone">

                                            <img src="{$estate_folder}/template/frontend/logo/vaber.png" alt="Home"<span> +359 89 589 9118

                                            </div><!-- /.site-phone -->

                                          

                                         

                                          

                                          <div class="site-phone">

  <img src="{$estate_folder}/template/frontend/logo/index1.png" alt="Home"<span> fazendabg

                                            </div><!-- /.site-phone -->

 

                               

                                     

                                      </div><!-- /.row -->

                                </div><!-- /.navbar-inner -->

                            </div><!-- /.navbar -->

                        </div><!-- /.container -->

                    </div><!-- /#header-inner -->

                </div><!-- /#header -->

            </div><!-- /#header-wrapper -->

 

  В 28.12.2015 в 20:36, pushnov сказал:

Замените на вот это

 

 <!-- HEADER -->

            <div id="header-wrapper">

                <div id="header">

                    <div id="header-inner">

                        <div class="container">

                       <div class="navbar">

                                <div class="navbar-inner my-class">

                                   

                                    <div class="row">

                                        <div class="logo-wrapper span4">

                                            <a href="#nav" class="hidden-desktop" id="btn-nav">Toggle navigation</a>

                                           

                                          <div class="logo">

                                                <a href="{$estate_folder}/" title="Главная">

                                                 <img src="{$estate_folder}/template/frontend/logo/fazenda6.png" alt="Home"

                                                </a>

                                            </div><!-- /.logo -->

                                           

                                       <div class="site-name">

                                                <a href="/" title="Главная" class="brand"></a>

                                            </div><!-- /.site-name -->       

                                            

                                            <div class="site-slogan">

                                                <span>недвижимость<br>в Болгарии</span>

                                            </div><!-- /.site-slogan -->

                                             </div><!-- /.logo-wrapper -->

                                            

                                            

                                            

                                       

                                       

                                           <div class="info">

                                            <div class="site-email">

                                                <img src="{$estate_folder}/template/frontend/logo/images.jpg" alt="Home"> fazendabg@gmail.com</a>

                                            </div><!-- /.site-email -->

                                         

                                          

                                          <div class="site-phone">

                                            <img src="{$estate_folder}/template/frontend/logo/vaber.png" alt="Home"<span> +359 89 589 9118

                                            </div><!-- /.site-phone -->

                                          

                                         

                                          

                                          <div class="site-phone">

  <img src="{$estate_folder}/template/frontend/logo/index1.png" alt="Home"<span> fazendabg

                                            </div><!-- /.site-phone -->

 

                               

                                     

                                      </div><!-- /.row -->

                                </div><!-- /.navbar-inner -->

                            </div><!-- /.navbar -->

                        </div><!-- /.container -->

                    </div><!-- /#header-inner -->

                </div><!-- /#header -->

            </div><!-- /#header-wrapper -->

все заменила. в 2 файла поставила my-class {

    font-size: 20px;

    color: #000;

}

все так и остается серенькое и маленькое. размер и цвет цифр не меняется. прям беда какая то.

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

pushnov    33

pushnov
Опубликовано:

А стиль класса нужно вставлять не в realia-dark-blue.css, а в realia-blue.css. Прочтите внимательно мой первый комментарий.

abushyk reacted to this

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

Helenblondi    29

Helenblondi
Опубликовано:
  В 28.12.2015 в 20:47, pushnov сказал:

В файле realia-blue.css, перед my-class Вы точку забыли

виновата. :) я думала что это опечатка.

все работает. спасибище

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

Helenblondi    29

Helenblondi
Опубликовано:
  В 28.12.2015 в 20:52, Helenblondi сказал:

виновата. :) я думала что это опечатка.

все работает. спасибище

а вот с блоком слогана я не рабобралась еще. вот тут где поменять?  color: #b5b5b5; это?

#header-wrapper #header #header-inner .navbar .navbar-inner .site-slogan

    {

    color: #b5b5b5;

    float: left;

    margin-top: 30px;

    margin-left: 15px

}

#header-wrapper #header #header-inner .navbar .navbar-inner .site-slogan span

    {

    border-left: 2px solid #f0f0f0;

    display: inline-block;

    line-height: 18px;

    padding-left: 15px

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

pushnov    33

pushnov
Опубликовано:
  В 28.12.2015 в 20:55, Helenblondi сказал:

а вот с блоком слогана я не рабобралась еще. вот тут где поменять?  color: #b5b5b5; это?

#header-wrapper #header #header-inner .navbar .navbar-inner .site-slogan

    {

    color: #b5b5b5;

    float: left;

    margin-top: 30px;

    margin-left: 15px

}

#header-wrapper #header #header-inner .navbar .navbar-inner .site-slogan span

    {

    border-left: 2px solid #f0f0f0;

    display: inline-block;

    line-height: 18px;

    padding-left: 15px

 

Да

Helenblondi reacted to this

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

pushnov    33

pushnov
Опубликовано:
  В 28.12.2015 в 21:02, Helenblondi сказал:

ну а все таки как сдвинуть разметку чтобы свободно паместился логотип название слоган 5-6 контактов? :):wub:

 

Исходя из Ваших знаний html и css, то я бы Вам порекомендовал для выполнение поставленной задачи обратиться к специалистам. Своими силами Вы точно не справитесь.

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
Перейти к списку тем