Отображение на мобильной версии

InstantCMS 2.X
#31 29 июня 2018 в 07:25


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

@alexandr22
/templates/default/css/theme-layout.css
для #layout footer #nav удалите float:right;

Dezerit

Тупанул, спасибо )
#32 29 июня 2018 в 08:03
Если не сильно заморочено, как можно вставить сюда текст " Обратная связь " и дать ей ссылку
Иллюстрация
#33 29 июня 2018 в 11:17


Если не сильно заморочено, как можно вставить сюда текст " Обратная связь " и дать ей ссылку
Иллюстрация

@alexandr22
Забыл что там есть еще один пункт, отобразил прижал влево, дал ссылку, а как теперь прописать, что бы у "Обратной связи "
был другой цвет
Иллюстрация
Правила — это правила сайта в движке
Обратная связь — о проекте
#34 29 июня 2018 в 11:57

Обратная связь — о проекте

@alexandr22

Или я не понял, или вы допускаете некую "веб — неправильность"
Обратная связь — это стандартное название страницы с которой отправляются сообщения (через форму отправки писем) администрации.

а как теперь прописать, что бы у "Обратной связи "
был другой цвет

@alexandr22

В админке для этого пункта меню назначте свой класс


Потом в стилях допишите для него правило, если у вас было для всех ссылок в подвале было например так:

  1.  
  2. footer a {
  3. color: #fff;
  4. }
  5.  
то допишите новое правило так:

  1.  
  2. footer .bobobo a {
  3. color: #e2e2e2;
  4. }
  5.  
Как то так примерно…
#35 29 июня 2018 в 15:55

Правила — это правила сайта в движке

@alexandr22
Эти правила не самого движка, а правила Вашего сайта.
#36 29 июня 2018 в 16:00
<a href="ссылка ">Обратная связь</a>
<a href="любая ссылка">Любое слово</a>

Вот как пример кнопок.

Ну а чтобы присвоить им стиль, пишете так:
<a class="knopka" href="любая ссылка">Любое слово</a>

Где "knopka" Вы можете изменить на любой другой.

После этого идете в файл стилей, вставляете туда свой класс -пример:
.knopka{
width: 100%;
padding: 5px;
}
стили указываете свои

Да и раз был вопрос по цвету, так вот пишите в стилях color: #000; — это будет цвет черной ссылки #fff это белый, и так далее их так до.ера)))
#37 29 июня 2018 в 17:05
Спасибо
Подсказали такое решение
  1. #widget_pos_footer .bobobo a{color:dodgerblue} #widget_pos_footer .bobobo a:hover {color: dodgerblue}
#38 29 июня 2018 в 17:21
Как теперь сделать в нижнем footer, справа еще один логотип и прижать его с права ( будет использоваться как логотип другого сайта)
Понимаю, что надо создать div и прописать ему класс, тыркал мыркал — так и не получилось, по моему я туплю )
Есть такой код
main.tpl.php
  1.  
  2. <footer>
  3. <ul>
  4. <li id="copyright">
  5.  
  6.  
  7. &copy;
  8. <?php echo $this->options['owner_year'] ? $this->options['owner_year'] : date('Y'); ?>
  9. </li>
  10.  
  11. <li id="nav">
  12. <div class="widget_ajax_wrap" id="widget_pos_footer"><?php $this->widgets('footer', false, 'wrapper_plain'); ?></div>
  13. </li>
  14. </ul>
  15. </footer>
  16.  
Сделать такие же размеры как логотип только прижатый с права, вот такой для него css
  1. }
  2.  
  3. #layout header #logo a, #layout header #logo > span{
  4. display: block;
  5. float: left;
  6. width: 100px;
  7. height: 50px;
  8. background: url("../images/logo.png") no-repeat left center;
  9. }
Иллюстрация
#39 30 июня 2018 в 07:06
Почти получилось, скажите пожалуйста что делаю не так.
Сделал так
main.tpl.php
добавил в footer
  1.  
  2. <div class="banners"> </div>
  3.  
в theme-layout.css
  1.  
  2. .banners {
  3. display: block;
  4. float: right;
  5. width: 70px;
  6. height: 40px;
  7. background: url(../images/logo2.png) no-repeat left center;
  8. }
  9.  

  1.  
  2. <footer>
  3. <ul>
  4. <li id="copyright">
  5.  
  6.  
  7. &copy;
  8. <?php echo $this->options['owner_year'] ? $this->options['owner_year'] : date('Y'); ?>
  9. </li>
  10.  
  11. <li id="nav">
  12. <div class="widget_ajax_wrap" id="widget_pos_footer"><?php $this->widgets('footer', false, 'wrapper_plain'); ?></div>
  13. </li>
  14. <div class="banners"> </div>
  15. </ul>
  16. </footer>
  17.  
Если что сильно не смейтесь — я полный ноль в этом, просто css продублировал с логотипа и прижал в право — это все что я знаю и блок меньше сделал look
Что бы получилось, что бы отображалось ровно, съезжает в мобильной версии
Иллюстрация
а в планшетной выше находиться
Иллюстрация
и прописать ссылку для этой картинки, что бы новом окне открывалось
#40 2 июля 2018 в 12:38
Вставка фото

<img src="../images/logo.png" alt="альтернативный текст">

Чтобы прижать в лево, выставите класс, напрмиер "levo"

<img class="levo"src="../images/logo.png" alt="альтернативный текст">
В стилях пишете float: right; или float: left; (как угодно)

И этот кусок добавьте в темплайт в футер.


Попробуйте так —


<footer>

<img class="levo"src="../images/logo.png" alt="альтернативный текст">
<style>
.levo{
float: right; }
</style>
<ul>
<li id="copyright">

<?php echo $this->options['owner_year']? $this->options['owner_year']: date('Y'); ?>
</li>

<li id="nav">
<div class="widget_ajax_wrap" id="widget_pos_footer"><?php $this->widgets('footer', false, 'wrapper_plain'); ?></div>
</li>
</ul>
</footer>
#41 2 июля 2018 в 14:00
Спасибо разобрался smile
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.