By
Mix9
есть див с 5 img, при уменьшении экрана див выходит за него. Я добавил overflow: auto для этого div в надежде на то, что я смогу прокручивать фотки с помощью скроллбара, однако даже с ним почему-то я не вижу часть фоток которые вышли за границу. Что с этим можно сделать? класс video повторяется 5 раз, я тут оставил только 1
.content{
width: 90%;
background-color: #333;
}
.video{
margin: 0px 4px 0px 4px;
width: 310;
display: flex;
flex-direction:column;
}
.video_button_text{
margin-top: 10px;
display: flex;
flex-direction: row;
font-size: 20px;
color: white;
}
.video_text_div{
display: inline-block;
width: 250px;
}
.video_text{
text-align: justify-all;
margin: 0px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.slidan_videos{
margin: 0px 10px 0px 20px;
overflow: auto;
width: auto;
margin-bottom: 50px;
display: flex;
flex-direction: row;
justify-content: space-around;
}
<div class="content">
<div class = slidan_videos>
<div class = video>
<div>
<a href = 'ссылка'><img class="img" src=""картинка"></a>
</div>
<div class = video_button_text>
<div class = avatarka_div>
<a href="ссылка" target="_blank"><img class = avatarka src="картинка"></a>
</div>
<div class = video_text_div>
<p class = video_text><a href="ссылка">текст</a></p>
</div>
</div>
</div>
Question
subm41
Здравствуйте! Возможно ли как-то изменить внешний вид кнопки поиска от Яндекса помимо тех настроек который предлагает сам Яндекс, а именно они таковы:
И поиск на сайте выглядит таким образом:
Хотелось бы что-то типа такого:
Возможно ли это реализовать там я не знаю в виде картинки или ещё чего?
Вот код поиска:
<div class="ya-site-form ya-site-form_inited_no" onclick="return {'action':'убрал адрес сайта','arrow':false,'bg':'transparent','fontsize':16,'fg':'#000000','language':'ru','logo':'rw','publicname':'убрал название поиска','suggest':false,'target':'_self','tld':'ru','type':2,'usebigdictionary':true,'searchid':2224543,'webopt':false,'websearch':false,'input_fg':'#808080','input_bg':'#202020','input_fontStyle':'normal','input_fontWeight':'normal','input_placeholder':'','input_placeholderColor':'#000000','input_borderColor':'#808080'}"><form action="http://yandex.ru/sitesearch" method="get" target="_self"><input type="hidden" name="searchid" value="2224543"/><input type="hidden" name="l10n" value="ru"/><input type="hidden" name="reqenc" value="windows-1251"/><input type="search" name="text" value=""/><input type="submit" value="Найти"/></form></div><style type="text/css">.ya-page_js_yes .ya-site-form_inited_no { display: none; }</style><script type="text/javascript">(function(w,d,c){var s=d.createElement('script'),h=d.getElementsByTagName('script')[0],e=d.documentElement;if((' '+e.className+' ').indexOf(' ya-page_js_yes ')===-1){e.className+=' ya-page_js_yes';}s.type='text/javascript';s.async=true;s.charset='utf-8';s.src=(d.location.protocol==='https:'?'https:':'http:')+'//site.yandex.net/v2.0/js/all.js';h.parentNode.insertBefore(s,h);(w[c]||(w[c]=[])).push(function(){Ya.Site.Form.init()})})(window,document,'yandex_site_callbacks');</script>Спасибо большое за внимание!
Edited by subm41Link to comment
Share on other sites
2 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.