Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Recommended Posts

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

Не пинайте сильно ногами, прошу помощи, как 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>

 

1.PNG

Надіслати
Поділитися на інших сайтах


<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 пишем необходимое кол-во пикселей для выравнивания. Не забываем кеш модификаторов обновлять)

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

Надіслати
Поділитися на інших сайтах

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

Надіслати
Поділитися на інших сайтах


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

 

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

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

4.PNG

5.PNG

Змінено користувачем simeckaya
Надіслати
Поділитися на інших сайтах


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

1.PNG

Надіслати
Поділитися на інших сайтах


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

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

 


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

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

4.PNG

5.PNG

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

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

Надіслати
Поділитися на інших сайтах

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

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

1.PNG

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

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

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

Надіслати
Поділитися на інших сайтах

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/

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

  • +1 1
Надіслати
Поділитися на інших сайтах


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

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

 

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

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

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

 

1.PNG

2.PNG

3.PNG

4.PNG

Надіслати
Поділитися на інших сайтах


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

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

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

 

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


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

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

 

1.PNG

2.PNG

3.PNG

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

totop.ocmod.xml

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.