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

Helenblondi · December 28, 2015

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

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

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

http://joxi.ru/12MWN8bu40l3Gr

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

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

http://joxi.ru/Q2K5Bybi9wLNNr

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

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

pushnov · December 28, 2015

я много раз смотрела портфолио которое размещено на сайте разработчиков. там очень красивые шапки главных страниц
сайта в шаблоне реалиа
вот например один из сайтов 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 · December 28, 2015

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

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

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

Helenblondi · December 28, 2015

спасибо. буду пробовать искать <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;

}

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

abushyk · December 28, 2015

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

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

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

pushnov · December 28, 2015

я сделала. <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 · December 28, 2015

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

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

pushnov · December 28, 2015

<div class="navbar">
<div class="my-class">
а я и сюда добавила. съезжает.

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

Helenblondi · December 28, 2015

может быть

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

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

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

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

pushnov · December 28, 2015

может быть

заменила. ничего не меняется. все съехало.
может я вот это куда то не туда поставила .my-class {
font-size: 20px;
color: #000;
}
поставила в первую строку файла

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

Helenblondi · December 28, 2015

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

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

font-size: 20px;

color: #000;

}

Helenblondi · December 28, 2015

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

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

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

pushnov · December 28, 2015

хотя дело не в нем. я заменила <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 · December 28, 2015

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

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

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

</a>

</div>

</div>

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

</div>

</div>

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

</div>

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

</div>

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

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

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

и все

pushnov · December 28, 2015

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

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


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


                                            <div class="site-slogan">
                                                <span>недвижимость<br>в Болгарии</span>
                                            </div>
                                             </div>





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



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



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



                                      </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

Helenblondi · December 28, 2015

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


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

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

                                            <div class="site-slogan">
                                                <span>недвижимость<br>в Болгарии</span>
                                            </div>
                                             </div>





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


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



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



                                      </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

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

font-size: 20px;

color: #000;

}

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

pushnov · December 28, 2015

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

pushnov · December 28, 2015

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

Helenblondi · December 28, 2015

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

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

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

Helenblondi · December 28, 2015

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

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

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

Да

все сделала. все стало красивенько уже. огромное Вам спасибо!

Helenblondi · December 28, 2015

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

pushnov · December 28, 2015

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

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

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

Recommended Posts

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

Ссылка на сообщение

Поделиться на других сайтах

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

Ссылка на сообщение

Поделиться на других сайтах

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

Ссылка на сообщение

Поделиться на других сайтах

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

Ссылка на сообщение

Поделиться на других сайтах

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

Ссылка на сообщение

Поделиться на других сайтах

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

Ссылка на сообщение

Поделиться на других сайтах

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

Ссылка на сообщение

Поделиться на других сайтах

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

Ссылка на сообщение

Поделиться на других сайтах

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

Ссылка на сообщение

Поделиться на других сайтах

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

Ссылка на сообщение

Поделиться на других сайтах

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

Ссылка на сообщение

Поделиться на других сайтах

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

Ссылка на сообщение

Поделиться на других сайтах

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

Ссылка на сообщение

Поделиться на других сайтах

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

Ссылка на сообщение

Поделиться на других сайтах

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

Ссылка на сообщение

Поделиться на других сайтах

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

Ссылка на сообщение

Поделиться на других сайтах

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

Ссылка на сообщение

Поделиться на других сайтах

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

Ссылка на сообщение

Поделиться на других сайтах

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

Ссылка на сообщение

Поделиться на других сайтах

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

Ссылка на сообщение

Поделиться на других сайтах

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

Ссылка на сообщение

Поделиться на других сайтах

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

Ссылка на сообщение

Поделиться на других сайтах

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

Ссылка на сообщение

Поделиться на других сайтах

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

Ссылка на сообщение

Поделиться на других сайтах

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

Ссылка на сообщение

Поделиться на других сайтах

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

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

Войти