Helenblondi

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

Recommended Posts

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

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

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

http://joxi.ru/12MWN8bu40l3Gr

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

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

http://joxi.ru/Q2K5Bybi9wLNNr

 

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

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

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


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

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

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

вот например один из сайтов 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;

Вроде все.

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


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

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

Не знаком с данным шаблоном, но предположу что в файле 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">

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


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

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

 

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

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


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

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

 

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

 

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

Не знаком с данным шаблоном, но предположу что в файле 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;

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

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


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

я сделала. <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

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


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

я сделала. <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.

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


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

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

<div class="navbar">

                                <div class="my-class">

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

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


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

<div class="navbar">

                                <div class="my-class">

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

 

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

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


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

может быть

 

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

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

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

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

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


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

может быть

 

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

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

    font-size: 20px;

    color: #000;

}

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

 

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

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


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

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

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

    font-size: 20px;

    color: #000;

}

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


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

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

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

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

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


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

хотя дело не в нем.  я заменила <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">, то у Вас не должно вообще ничего измениться в дизайне.

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


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

Если судить по Вашей записи, то Вы заменили два открывающихся блока <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">

и все

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


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

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

 

 <!-- 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 -->

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


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

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

 

 <!-- 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 -->

 

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

 

 <!-- 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;

}

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

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


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

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

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


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

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

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

а вот с блоком слогана я не рабобралась еще. вот тут где поменять?  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

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


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

а вот с блоком слогана я не рабобралась еще. вот тут где поменять?  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

 

Да

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


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

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

 

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

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


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

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

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

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

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

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

Войти

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

Войти сейчас