Footer

[simeckaya]

Доброго вам дня/вечера/ночи 

Не пинайте сильно ногами, прошу помощи, как Creation by Gadzin  выровнять с соц кнопками как на фото ?

 

 <div class="col-sm-3 hidden-xs hidden-sm hidden-md">
        <h5><?php echo $text_service; ?></h5>
        <ul class="list-unstyled">
          <li><a href="<?php echo $contact; ?>"><?php echo $text_contact; ?></a></li>
          <li><a href="<?php echo $return; ?>"><?php echo $text_return; ?></a></li>
          <li><a href="<?php echo $sitemap; ?>"><?php echo $text_sitemap; ?></a></li>
        </ul>
      </div>
      <div class="col-sm-3 hidden-xs hidden-sm hidden-md">
        <h5><?php echo $text_extra; ?></h5>
        <ul class="list-unstyled ">
          <li><a href="<?php echo $manufacturer; ?>"><?php echo $text_manufacturer; ?></a></li>        
          <li><a href="<?php echo $special; ?>"><?php echo $text_special; ?></a></li>
        </ul>
      </div>
      <div class="col-sm-3">
        <h5><?php echo $text_account; ?></h5>
        <ul class="list-unstyled ">
          <li><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a></li>
          <li><a href="<?php echo $order; ?>"><?php echo $text_order; ?></a></li>
          <li class="hidden-xs hidden-sm hidden-md"><a href="<?php echo $wishlist; ?>"><?php echo $text_wishlist; ?></a></li>
        </ul>
      </div>
    </div>
    <hr>
 
    <ul class="list-inline text-right">
    <li><a href="https://www.pinterest.ru/******"><i class="fa fa-pinterest" aria-hidden="true"></i></a></li>
    <li><a href="https://www.instagram.com/******"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
    <li><a href="https://vk.com/******"><i class="fa fa-vk" aria-hidden="true"></i></a></li>
    </ul>

    <ul class="list-inline text-left">
    <li>Creation by <a href="gadzin">Gadzin</a></li>
    </ul>
     

    </div>
</footer>
</body></html>

 

[flai0616]

<ul class="list-inline text-left">
    <li class="creaton">Creation by <a href="gadzin">Gadzin</a></li>
    </ul>

и в stylesheet.css пишем

.creaton{

margin-bottom: 10px;

}

 

И потом вместо 10px пишем необходимое кол-во пикселей для выравнивания. Не забываем кеш модификаторов обновлять)

Но лучше взглянуть на сайт - так точнее подскажу) Киньте ссылку в лс если не поможет

[simeckaya]

3 часа назад, flai0616 сказал:

<ul class="list-inline text-left">
    <li class="creaton">Creation by <a href="gadzin">Gadzin</a></li>
    </ul>

и в stylesheet.css пишем

.creaton{

margin-bottom: 10px;

}

 

И потом вместо 10px пишем необходимое кол-во пикселей для выравнивания. Не забываем кеш модификаторов обновлять)

Но лучше взглянуть на сайт - так точнее подскажу) Киньте ссылку в лс если не поможет

Я бы с удовольствием, но в данный момент все крутиться на openservere  

[simeckaya]

При добавлении в margin-bottom:  Больше чем 10px; но footer тянется в низ, а нам бы его вверх ) 

[simeckaya]

Спасибо большое  flai0616, с Вашей подачей все таки удалось справиться :

 

.creaton{
 position: relative;
 top: -32px;
 left: 0px;
}

может топорно но, все работает 

Змінено 21 серпня 2018 користувачем simeckaya

[simeckaya]

вопрос не в тему топа, но не хочется засорять форум, как можно своими силами реализовать такое ? , но только что бы размер можно было регулировать (хоть вручную) 

[simeckaya]

это слайдер на главной с http://p-h.su/

[flai0616]

38 минут назад, simeckaya сказал:

Спасибо большое  flai0616, с Вашей подачей все таки удалось справиться :

 

.creaton{
 position: relative;
 top: -32px;
 left: 0px;
}

может топорно но, все работает 

Как приятно, как приятно)))

Но вы проблему решили сами) Мои поздравления)

[simeckaya]

3 часа назад, flai0616 сказал:

Как приятно, как приятно)))

Но вы проблему решили сами) Мои поздравления)

Большое спасибо 

[flai0616]

7 минут назад, simeckaya сказал:

вопрос не в тему топа, но не хочется засорять форум, как можно своими силами реализовать такое ? , но только что бы размер можно было регулировать (хоть вручную) 

Тут все просто.

Слайдер лепите в контейнер

<div class="col-md-8 col-sm-12 col-xs-12">

//тут код 

</div>

А правые элементы - каждый внутрь контейнера :

<div class="col-md-4 col-sm-12 col-xs-12">

//тут код 

</div>

Для понимания принципов - почитайте manual bootstrap

https://getbootstrap.com/docs/3.3/examples/grid/

[simeckaya]

3 часа назад, flai0616 сказал:

Тут все просто.

Слайдер лепите в контейнер

<div class="col-md-8 col-sm-12 col-xs-12">

//тут код 

</div>

А правые элементы - каждый внутрь контейнера :

<div class="col-md-4 col-sm-12 col-xs-12">

//тут код 

</div>

Для понимания принципов - почитайте manual bootstrap

https://getbootstrap.com/docs/3.3/examples/grid/

И еще раз большое спасибо, тогда можно приступать с изучению 

[flai0616]

34 минуты назад, simeckaya сказал:

И еще раз большое спасибо, тогда можно приступать с изучению 

Не за что) Успехов Вам)

[simeckaya]

Уважаемые спасайте мозг кипит 

не могу понять что делаю не так ....

 

на сайте frustoria.ru есть кнопка верх, очень простая вроде в реализации, там  в акурат за закрытым footer'ом и меж закрываюших тегов body html

<div class="back-top"><i class="material-icons">arrow_upward</i></div>

 и css код вставлен в самый конец, там почему не работает ? кеш модификаторов раз 20 уже обновлен и очищен  

 

[simeckaya]

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

Уважаемые спасайте мозг кипит 

не могу понять что делаю не так ....

 

на сайте frustoria.ru есть кнопка верх, очень простая вроде в реализации, там  в акурат за закрытым footer'ом и меж закрываюших тегов body html

<div class="back-top"><i class="material-icons">arrow_upward</i></div>

 и css код вставлен в самый конец, там почему не работает ? кеш модификаторов раз 20 уже обновлен и очищен  

 

решено с помощью 

totop.ocmod.xml