Версия для слабовидящих

Шаблон:Баннеры главная — различия между версиями

Материал из Ярославский педагогический университет
Перейти к: навигация, поиск
(Новая страница: «<html> <style> * { box-sizing: border-box; } .row { display: -ms-flexbox; /* IE10 */ display: flex; -ms-flex-wrap: wrap; IE10: flex-wrap: wrap; …»)
 
 
(не показаны 67 промежуточные версии 1 участника)
Строка 1: Строка 1:
<html>
+
<websiteFrame>
<style>
+
website=https://newyspu.ru/yspu_org/
* {
+
width=100%
  box-sizing: border-box;
+
height=2000px
}
+
border=0
 
+
scroll=no
.row {
+
</websiteFrame>
  display: -ms-flexbox; /* IE10 */
+
  display: flex;
+
  -ms-flex-wrap: wrap; /* IE10 */
+
  flex-wrap: wrap;
+
  padding: 0 4px;
+
}
+
 
+
/* Создайте 2 одинаковых столбца, которые находятся рядом друг с другом */
+
.column {
+
  -ms-flex: 50%; /* IE10 */
+
  flex: 50%;
+
  max-width: 50%;
+
  padding: 0 4px;
+
}
+
 
+
.column img {
+
  margin-top: 8px;
+
  vertical-align: middle;
+
  width: 100%;
+
}
+
 
+
/* Адаптивный макет - делает два столбца стека друг на друга, а не рядом друг с другом */
+
@media screen and (max-width: 320px) {
+
  .column {
+
    -ms-flex: 100%;
+
    flex: 100%;
+
    max-width: 100%;
+
  }
+
}
+
</style>
+
<body>
+
 
+
<div class="row">
+
  <div class="column">
+
    <a href="https://news.yspu.org/tag/antifejk"><img class="alignnone size-medium wp-image-11299" src="https://news.yspu.org/wp-content/uploads/sites/9/2022/03/Frame-2-1.png" alt="" style="width:100%" /></a>
+
  </div> 
+
<div class="column">
+
    <a href="http://yspu.org/%D0%9F%D1%80%D0%B8%D0%B5%D0%BC_%D1%81%D1%82%D1%83%D0%B4%D0%B5%D0%BD%D1%82%D0%BE%D0%B2,_%D0%BF%D1%80%D0%B8%D0%BD%D0%B8%D0%BC%D0%B0%D0%B5%D0%BC%D1%8B%D1%85_%D0%B8%D0%B7_%D0%B7%D0%B0%D1%80%D1%83%D0%B1%D0%B5%D0%B6%D0%BD%D1%8B%D1%85_%D0%BE%D0%B1%D1%80%D0%B0%D0%B7%D0%BE%D0%B2%D0%B0%D1%82%D0%B5%D0%BB%D1%8C%D0%BD%D1%8B%D1%85_%D0%BE%D1%80%D0%B3%D0%B0%D0%BD%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D0%B9"><img class="alignnone size-medium wp-image-11299" src="https://news.yspu.org/wp-content/uploads/sites/9/2022/03/Group-692-1.png" alt="" style="width:100%" /></a>
+
  </div> 
+
</div>
+
</body>
+
</html>
+

Текущая версия на 20:09, 25 октября 2023