1. Чтобы скопировать стили CSS с веб-сайта конкурента, можно воспользоваться инструментами разработчика в браузере. Найдите интересующий вас элемент на сайте конкурента, щелкните правой кнопкой мыши и выберите опцию "Исследовать элемент" или "Просмотреть код". Затем вы увидите код HTML и CSS этого элемента, который можно скопировать и использовать на своем сайте.
2. Чтобы реализовать выпадающее меню с контактами в шапке сайта, похожее на сайт narscars.com.ua, вам понадобится некоторые навыки веб-разработки. В общем, для создания такого меню вам потребуется HTML, CSS и немного JavaScript.
Вот пример кода, который может помочь вам создать выпадающее меню с контактами:
HTML:
```html
<div class="dropdown">
<button class="dropbtn">Контакты</button>
<div class="dropdown-content">
<a href="#">Телефон: +380123456789</a>
<a href="#">Email: [email protected]</a>
<a href="#">Адрес: ул. Примерная, д.1</a>
</div>
</div>
```
CSS:
```css
.dropdown {
position: relative;
display: inline-block;
}
.dropbtn {
background-color: #fff;
color: #333;
padding: 10px;
font-size: 16px;
border: none;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #fff;
min-width: 160px;
box-shadow: 0 8px 16px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color: #333;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {
background-color: #f9f9f9;
}
.dropdown:hover .dropdown-content {
display: block;
}
```
JavaScript (для добавления анимации):
```javascript
document.querySelector('.dropdown').addEventListener('mouseover', function() {
document.querySelector('.dropdown-content').style.display = 'block';
});
document.querySelector('.dropdown').addEventListener('mouseleave', function() {
document.querySelector('.dropdown-content').style.display = 'none';
});
```
Вы можете адаптировать этот код под ваши нужды и стили для выпадающего меню на вашем сайте.