Опубліковано 13 жовтня, 20159 р Адміністратор Админ Панель-Внешний вид-Ваш стиль-Список форумов-boardIndexTemplate найти: <foreach loop="side_blocks:$side_blocks as $block"> {$block} </foreach> Ниже добавить: <div class='ipsSideBlock clearfix'> <h3>Windows 10</h3> <div class='_sbcollapsable'> <div class="sbgscontainer"> <h1>Windows 10 Technical Preview</h1> <p>by Silence Bg Software</p> <a class="button" href="#modalbg"><i class="fa fa-rss"></i> <i class="fa fa-pencil-square-o"></i> <i class="fa fa-comments"></i> <i class="fa fa-windows"></i> Вижте още</i></a> <div id="modalbg"> <div class="modalbg"> <a class="close" href="#">Затвори</a> <h2>Windows 10</h2> <p>Microsoft анонсира своята операционна система Windows 10 и веднага предостави за изтегляне предварителния вариант Windows 10 Technical Preview. След инсталирането на Windows 10 Technical Preview, започва изтеглянето на обновявания, но е възможно моментално да се разгледа и усети работата на най-новата ...</p></br> <div class="bgbuttons"> <a href="http://silencebgsoftware.com/index.php?/forum/153-%D0%BD%D0%BE%D0%B2%D0%B8%D0%BD%D0%B8/" style="color:#fff;" >Прочетете повече</a></div> </div></div></div></div></div> Заменить все на свои ссилки Админ Панель-Внешний вид-Ваш стиль-css нажать Добавить CSS-файла. Название: sbgscontainer. * {margin: 0; padding: 0;} /*HEADER*/ .headerbg { height: 25px; background: #222; color: #eee; text-align: center; font: 10px/25px Helvetica, Verdana, sans-serif; } .headerbg a { color: #999; } .sbgscontainer { margin-top: 15px; padding: 18px; text-align: center; } .sbgscontainer h1 { font: bold 14px/1.5 Helvetica, Verdana, sans-serif; } .sbgscontainer p { font: 13px/1.5 Helvetica, Verdana, sans-serif; } a.button { display: block; margin: 10px auto; height: 50px; background: #283A4A; color: #fff; text-align: center; font: 14px/50px Helvetica, Verdana, sans-serif; text-decoration: none; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } a.button:hover { background: #3d5e78; cursor: pointer; } #modalbg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: rgba(0,0,0,0.7); opacity: 0; -webkit-transition: opacity 1s ease, z-index 1s ease; -moz-transition: opacity 1s ease, z-index 1s ease; -ms-transition: opacity 1s ease, z-index 1s ease; -o-transition: opacity 1s ease, z-index 1s ease; transition: opacity 1s ease, z-index 1s ease; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .modalbg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; margin: auto; padding: 20px; width: 500px; height: 200px; border-radius: 10px; background: rgba(255, 255, 255, 0.86); -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.1); box-shadow: 3px 3px 3px rgba(0,0,0,0.1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 1s ease, z-index 1s ease; -moz-transition: opacity 1s ease, z-index 1s ease; -ms-transition: opacity 1s ease, z-index 1s ease; -o-transition: opacity 1s ease, z-index 1s ease; transition: opacity 1s ease, z-index 1s ease; } a.close { position: absolute; display: block; top: 7px; right: 7px; color: #fff; background-color: #3e3e3e; text-align: center; font: 14px/1.5 Helvetica, Verdana, sans-serif; text-decoration: none; padding: 0 5px; } .modalbg h2 { color: #232323; text-transform: uppercase; font: 35px/1.5 Helvetica, Verdana, sans-serif; } .modalbg p { color: #444; text-align: left; } #modalbg:target, #modalbg:target > .modalbg { opacity: 1; z-index: 2; } @media all and (max-width: 767px) { .modalbg { width: 300px; height: 250px; } .modalbg h2 { font: 30px/1.5 Helvetica, Verdana, sans-serif; text-transform: uppercase; } .modalbg p { font: 12px/1.8 Georgia, Times, sans-serif; } }
Для публікації повідомлень створіть обліковий запис або авторизуйтесь