Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

нужно добавить адрес в самый верх сайта


Recommended Posts

Доброго времени! Может кто поможет начинающему мозголому... есть сайт www.Butuz.kz нужно вставить в самый верх адрес а телефоны подвинуть вправо, но так, чтобы и в мобильной версии ничего не поплыло. Пробовал по всякому.. но в мобильной версии все равно все съезжает...

Link to post
Share on other sites

33 минуты назад, Dima2 сказал:

телефоны подвинуть вправо

float: right;

 

Link to post
Share on other sites

добавь в класс col-lg-4 col-lg-offset-8 col-md-4 col-md-offset-8 ну и желательно чтоб div c этими классами был в div с классом row.
если хочешь еще чтото вывести создай в controller переменную присвой ей адрес с config и выведи в tpl, соответственно добавь еще div c классами col-lg-4 col-lg-offset-4 col-md-4 col-md-offset-4 hidden-xs
hidden-xs если хочет скрыть блок для моб тел. ну и для правого блока нужно будет изменить 8 на 4 если будет еще один блок

Link to post
Share on other sites

6 часов назад, crosman сказал:

float: right;

 

 

1 час назад, glum сказал:

добавь в класс col-lg-4 col-lg-offset-8 col-md-4 col-md-offset-8 ну и желательно чтоб div c этими классами был в div с классом row.
если хочешь еще чтото вывести создай в controller переменную присвой ей адрес с config и выведи в tpl, соответственно добавь еще div c классами col-lg-4 col-lg-offset-4 col-md-4 col-md-offset-4 hidden-xs
hidden-xs если хочет скрыть блок для моб тел. ну и для правого блока нужно будет изменить 8 на 4 если будет еще один блок


))) ого, какие версталы на нашем форуме появились))) честь Вам и хвала!!! :-D
з.ы. Не вводите ТС в заблуждение и будьте добры засесть за изучение бутстрап и верстки. (это мой дружеский вам совет) 

Советы для ТС 
1. Убрать весь говнокод, что понаписан в 

<nav id="top">

и заменить на 

<nav id="top">
  <div class="container">
   <div class="row"> 
     
    <div class="col-xs-6 addres pull-left">		 
	<span>г. Астана, ул. Ш. Кудайбердыулы 17 блок 3</span>		 
	</div>	  
   
        
    <div class="col-xs-6 pull-right">
		  <span class="icon1">
		  <a href="https://api.whatsapp.com/send?phone=+77016297515"><img alt="" src="https://butuz.kz/image/catalog/ikonki/vaacap.png" style="height:25px; width:28px"></a>
		  </span>
		  
		   <span class="phone1"><a href="https://api.whatsapp.com/send?phone=+77016297515">+7 701 629 75 15</a></span>
		  
		   <span class="icon2"><img alt="" src="https://butuz.kz/image/catalog/ikonki/phone.png" style="height:25px; width:25px"></span>
		  
		  <span class="phone2"><a href="tel:+7 (7172) 25 07 99">+7 7172 25 07 99</a></span>
	</div>	 
		  
		 </div>   
		</div>
		
		</nav>

 и далее крректно прописать стили для каждого из блоков и элементов.(естественно если там присутствуют переменные вывода телефонов и адреса использовать их, а не текст, как у меня в примере - так как я не экстрасенс и не знаю как у Вас там все организовано...
по идее должно быть 
<?php echo $address; ?>,<?php echo $telephone; ?>, <?php echo $telephone1; ?> (или что то типа этого)

и уберите Ваше 

 
.col-xs-6 {
 width: 100%;
}

с каких пор 6 колонок в бутстрапе стали 100%-ными? При 12 колонках это 50% ширины контента

по минимуму получите примерно такой вид на десктопе
http://joxi.ru/l2ZePKYHw450km
и такой вид на мобиле
http://joxi.ru/eAODPE6IxYRJZr

ну а дальше... учиться правильно работать с css и бутстрапом  и относится к делу серьезно, а не тяп-ляп. Удачи.

 

Link to post
Share on other sites

8 часов назад, Pascha сказал:

 


))) ого, какие версталы на нашем форуме появились))) честь Вам и хвала!!! :-D
з.ы. Не вводите ТС в заблуждение и будьте добры засесть за изучение бутстрап и верстки. (это мой дружеский вам совет) 

Советы для ТС 
1. Убрать весь говнокод, что понаписан в 


<nav id="top">

и заменить на 


<nav id="top">
  <div class="container">
   <div class="row"> 
     
    <div class="col-xs-6 addres pull-left">		 
	<span>г. Астана, ул. Ш. Кудайбердыулы 17 блок 3</span>		 
	</div>	  
   
        
    <div class="col-xs-6 pull-right">
		  <span class="icon1">
		  <a href="https://api.whatsapp.com/send?phone=+77016297515"><img alt="" src="https://butuz.kz/image/catalog/ikonki/vaacap.png" style="height:25px; width:28px"></a>
		  </span>
		  
		   <span class="phone1"><a href="https://api.whatsapp.com/send?phone=+77016297515">+7 701 629 75 15</a></span>
		  
		   <span class="icon2"><img alt="" src="https://butuz.kz/image/catalog/ikonki/phone.png" style="height:25px; width:25px"></span>
		  
		  <span class="phone2"><a href="tel:+7 (7172) 25 07 99">+7 7172 25 07 99</a></span>
	</div>	 
		  
		 </div>   
		</div>
		
		</nav>

 и далее крректно прописать стили для каждого из блоков и элементов.(естественно если там присутствуют переменные вывода телефонов и адреса использовать их, а не текст, как у меня в примере - так как я не экстрасенс и не знаю как у Вас там все организовано...
по идее должно быть 
<?php echo $address; ?>,<?php echo $telephone; ?>, <?php echo $telephone1; ?> (или что то типа этого)

и уберите Ваше 

 

.col-xs-6 {
 width: 100%;
}

с каких пор 6 колонок в бутстрапе стали 100%-ными? При 12 колонках это 50% ширины контента

по минимуму получите примерно такой вид на десктопе
http://joxi.ru/l2ZePKYHw450km
и такой вид на мобиле
http://joxi.ru/eAODPE6IxYRJZr

ну а дальше... учиться правильно работать с css и бутстрапом  и относится к делу серьезно, а не тяп-ляп. Удачи.

 

Ну и что же не так в моем комменте? Просветите меня как бог бутстрапа

Link to post
Share on other sites

58 минут назад, glum сказал:

Просветите меня как бог бутстрапа

Не стоит провоцировать меня на полемику и флуд 

Просто возьми за пример моё сообщение выше и действуй поэтапно, прежде чем что то ответить со статусом "помощь"

Внимательно просмотрел что требуется- нашёл ошибки- указал на них- проверил свою версию в работоспособности и конкретике- написал.. Иначе, просто пропустил тему, дабы не иметь бледный вид и не расписаться, с учёным видом знатока, в своей не компетенции. Копипастом реализации отступов средствами бутстрап, данная задача добавления адреса и корректной верстки на конкретном примере не решить

Link to post
Share on other sites

11 часов назад, Pascha сказал:

Не стоит провоцировать меня на полемику и флуд 

Просто возьми за пример моё сообщение выше и действуй поэтапно, прежде чем что то ответить со статусом "помощь"

Внимательно просмотрел что требуется- нашёл ошибки- указал на них- проверил свою версию в работоспособности и конкретике- написал.. Иначе, просто пропустил тему, дабы не иметь бледный вид и не расписаться, с учёным видом знатока, в своей не компетенции. Копипастом реализации отступов средствами бутстрап, данная задача добавления адреса и корректной верстки на конкретном примере не решить

ну кто здесь распинается это допустим понятно. ну и по факту вы в принципе ничего конкретного не написали. по реализации негде не было сказана что адрес должен быть справа, это вы уже отсебятину написали.

Link to post
Share on other sites

В 14.02.2018 в 21:29, Dima2 сказал:

вставить в самый верх адрес а телефоны подвинуть вправо

http://joxi.ru/n2YzyQ7HjJZQaA
телефоны справа!

 

15 часов назад, glum сказал:

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

адрес слева!  Заканчивай бухать. Иди учись. ))))

Link to post
Share on other sites

1 час назад, Pascha сказал:

http://joxi.ru/n2YzyQ7HjJZQaA
 

адрес слева!  Заканчивай бухать. Иди учись. ))))

Вы наверное немножко глупы, советую ещё раз перечитать тему автора

Link to post
Share on other sites

Спасибо всем кто остался небезразличнам, особенно  Pascha

Link to post
Share on other sites

в стили добавьте
 

#top .addres {
    color: #fff;
    padding: 6px 0 0
}
#top .pull-right{
    padding: 6px 0 0
}
#top .pull-right a{
    color: #fff;
}

симпатичнее будет

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.