Php haqida - PHP скрипты и уроки - Для WEB мастеров - Kutubxona

Php haqida

PHP-bu web dasturlash tili
bo'lib bu tilning
imkoniyatlari judayam
yuqori. Avvalambor bu til
o'zi nima ekani haqida
gaplashadigan bo'lsak bu
til juda keng qamrovli til
hisoblanadi. Bu til
yordamida shu darajada
aqlli saytlar yaratish
mumkinki bu saytlar
oldida inson aqli shoshib
qoladi. PHP bu dinamik
web dasturlash tili
hisoblanadi. Bunda
yaratilgan saytlar dinamik
tarzda ishlaydi. Masalan
php da yaratilgan saytni
admin qismi
bo'ladi. Menu yaratadigan.
Oddiy html saytda bunday
imkoniyat mavjud emas.
PHP MYSSQL bilan bevosita
bog'langan holda ishlaydi.
Ya'ni dinamik saytni
bazasi aynan MYSQL da
bo'ladi. PHP kiritish va
chiqarish vaszifasini
bajaradi Ba'zi bir sayt
yaratishni o'rganmoqchi
bo'lgan yoshlardan
eshtganmanki man html
ni bilmayman ammo
phpni bilaman degan. Endi
esa mani fikrimni eshting.
HTMLni bilmasdan PHPni
o'rganolmaysiz. Nega
eganda PHP bevosta HTML
bilan birga qo'llaniladi.
Masalan oddiygina forma
yaratishni ko'radigan
bo'lsak

Ilk php sahifa</> <br /> </head> <br /> <body> <br /> <input name="<?php $ <br /> baseurl;?>" type="text"> <br /> </body> <br /> </html> <br /> ko'rib turganingizdek <br /> formada text kiritadigan <br /> katakni ochish HTMLda <br /> faqatgina kiritish PHP <br /> orqali amalga oshiriladi. <br /> MANBA: uzfly.ru <script> var container = document.getElementById('nativeroll_video_cont'); if (container) { var parent = container.parentElement; if (parent) { const wrapper = document.createElement('div'); wrapper.classList.add('js-teasers-wrapper'); parent.insertBefore(wrapper, container.nextSibling); } } </script> </td></tr> <tr><td class="eDetails1" colspan="2"> <div class="rate-stars-wrapper" style="float:right"> <style type="text/css"> .u-star-rating-18 { list-style:none; margin:0px; padding:0px; width:90px; height:18px; position:relative; background: url('/.s/t/2301/icons/rating_18.png') top left repeat-x } .u-star-rating-18 li{ padding:0px; margin:0px; float:left } .u-star-rating-18 li a { display:block;width:18px;height: 18px;line-height:18px;text-decoration:none;text-indent:-9000px;z-index:20;position:absolute;padding: 0px;overflow:hidden } .u-star-rating-18 li a:hover { background: url('/.s/t/2301/icons/rating_18.png') left center;z-index:2;left:0px;border:none } .u-star-rating-18 a.u-one-star { left:0px } .u-star-rating-18 a.u-one-star:hover { width:18px } .u-star-rating-18 a.u-two-stars { left:18px } .u-star-rating-18 a.u-two-stars:hover { width:36px } .u-star-rating-18 a.u-three-stars { left:36px } .u-star-rating-18 a.u-three-stars:hover { width:54px } .u-star-rating-18 a.u-four-stars { left:54px } .u-star-rating-18 a.u-four-stars:hover { width:72px } .u-star-rating-18 a.u-five-stars { left:72px } .u-star-rating-18 a.u-five-stars:hover { width:90px } .u-star-rating-18 li.u-current-rating { top:0 !important; left:0 !important;margin:0 !important;padding:0 !important;outline:none;background: url('/.s/t/2301/icons/rating_18.png') left bottom;position: absolute;height:18px !important;line-height:18px !important;display:block;text-indent:-9000px;z-index:1 } </style><script> var usrarids = {}; function ustarrating(id, mark) { if (!usrarids[id]) { usrarids[id] = 1; $(".u-star-li-"+id).hide(); _uPostForm('', {type:'POST', url:'/publ/', data:{ 'a':'65', 'id':id, 'mark':mark, 'mod':'publ', 'ajax':'2' }}); } } </script><ul id="uStarRating27" class="uStarRating27 u-star-rating-18" title="Рейтинг: 0.0/0"> <li id="uCurStarRating27" class="u-current-rating uCurStarRating27" style="width:0%;"></li><li class="u-star-li-27"><a href="#" onclick="ustarrating('27', 1); return false;" class="u-one-star">1</a></li> <li class="u-star-li-27"><a href="#" onclick="ustarrating('27', 2); return false;" class="u-two-stars">2</a></li> <li class="u-star-li-27"><a href="#" onclick="ustarrating('27', 3); return false;" class="u-three-stars">3</a></li> <li class="u-star-li-27"><a href="#" onclick="ustarrating('27', 4); return false;" class="u-four-stars">4</a></li> <li class="u-star-li-27"><a href="#" onclick="ustarrating('27', 5); return false;" class="u-five-stars">5</a></li></ul></div><span class="e-category"><span class="ed-title">Категория:</span> <span class="ed-value"><a href="/publ/22">PHP скрипты и уроки</a></span></span><span class="ed-sep"> | </span><span class="e-add"><span class="ed-title">Добавил:</span> <span class="ed-value"><a href="/index/8-5">osa</a> (21.05.2016) </span></span> </span></span></td></tr> <tr><td class="eDetails2" colspan="2"><span class="e-reads"><span class="ed-title">Просмотров:</span> <span class="ed-value">3411</span></span> <span class="ed-sep"> | </span><span class="e-rating"><span class="ed-title">Рейтинг:</span> <span class="ed-value"><span id="entRating27">0.0</span>/<span id="entRated27">0</span></span></span></td></tr> </table>  </div> <aside id="sidebar" class="sidebar"> <div class="sidebar-container"> <div class="sidebar-block"> <div class="inner"> <div class="user-box"> <h3>Приветствуем вас!</h3> <div class="user-box-links"> <a title="Вход" href="javascript:;" rel="nofollow" onclick="loginPopupForm(); return false;">Вход</a>|<a title="Регистрация" href="/index/3">Регистрация</a> </div> </div> </div> </div> <div class="sidebar-block"> <div class="inner"> <h3 class="sidebar-block-title">Поиск</h3> <div class="sidebar-block-content sidebar-search-content"> <div class="searchForm"><form onsubmit="this.sfSbm.disabled=true" method="post" style="margin:0px" action="/publ/"><div align="center" class="schQuery"><input type="text" name="query" maxlength="30" size="20" class="queryField" /></div><div align="center" class="schBtn"><input type="submit" class="searchSbmFl" name="sfSbm" value="Найти" /></div><input type="hidden" name="a" value="2" /></form></div> <svg class="svg-icon search-form-icon"><use xlink:href="/.s/t/2301/icons/icons.svg#search_icon"></use></svg> </div> </div> </div>        <div class="sidebar-block"> <div class="inner"> <h3 class="sidebar-block-title">Категории раздела</h3> <div class="sidebar-block-content"><table border="0" cellspacing="1" cellpadding="0" width="100%" class="catsTable"><tr> <td style="width:100%" class="catsTd" valign="top" id="cid21"> <a href="/publ/21" class="catName">HTML уроки</a> <span class="catNumData" style="unicode-bidi:embed;">[2]</span> </td></tr><tr> <td style="width:100%" class="catsTd" valign="top" id="cid22"> <a href="/publ/22" class="catNameActive">PHP скрипты и уроки</a> <span class="catNumData" style="unicode-bidi:embed;">[23]</span> </td></tr><tr> <td style="width:100%" class="catsTd" valign="top" id="cid23"> <a href="/publ/23" class="catName">Сотрудничества</a> <span class="catNumData" style="unicode-bidi:embed;">[1]</span> </td></tr></table></div> </div> </div>   <div class="sidebar-block"> <div class="inner"> <h3 class="sidebar-block-title">Вход на сайт</h3> <div class="sidebar-block-content"> <script> sendFrm549434 = function( form, data = {} ) { var o = $('#frmLg549434')[0]; var pos = _uGetOffset(o); var o2 = $('#blk549434')[0]; document.body.insertBefore(o2, document.body.firstChild); $(o2).css({top:(pos['top'])+'px',left:(pos['left'])+'px',width:o.offsetWidth+'px',height:o.offsetHeight+'px',display:''}).html('<div align="left" style="padding:5px;"><div class="myWinLoad"></div></div>'); _uPostForm(form, { type:'POST', url:'/index/sub/', data, error:function() { $('#blk549434').html('<div align="" style="padding:10px;"><div class="myWinLoadSF" title="Невозможно выполнить запрос, попробуйте позже"></div></div>'); _uWnd.alert('<div class="myWinError">Невозможно выполнить запрос, попробуйте позже</div>', '', {w:250, h:90, tm:3000, pad:'15px'} ); setTimeout("$('#blk549434').css('display', 'none');", '1500'); }}); return false } </script> <div id="blk549434" style="border:1px solid #CCCCCC;position:absolute;z-index:82;background:url('/.s/img/fr/g.gif');display:none;"></div> <form id="frmLg549434" class="login-form local-auth" action="/index/sub/" method="post" onsubmit="return sendFrm549434(this)" data-submitter="sendFrm549434"> <div class="login-box not-logged hidden"> <div class="login-close"><span class="fal fa-times"></span></div> <div class="login-title title">Авторизация</div> <div class="login-avatar"><span class="fal fa-user"></span></div> <div class="login-input"><input type="text" name="user" id="login_name" placeholder="Ваш логин"/></div> <div class="login-input"><input type="password" name="password" id="login_password" placeholder="Ваш пароль" /></div> <div class="login-check"> <label class="login__row checkbox" for="rementry"> <input id="rementry" type="checkbox" name="rem" value="1" checked="checked"/> <span>Запомнить</span> </label> </div> <div class="login-btn"><button name="sfSbm" type="submit" title="Вход">Войти на сайт</button></div> <div class="login-btm fx-row"> <a href="/index/3" class="log-register">Регистрация</a> <a href="javascript:;" rel="nofollow" onclick="new _uWnd('Prm','Напоминание пароля',300,130,{ closeonesc:1 },{url:'/index/5'});return false;">Восстановить пароль</a> </div> </div> <style> #uidLogForm form {padding: 20px;} #uidLogButton {display: none;} #baseLogForm {display: block!important;} #uidLogButtonAjx {display: none;} #baseLogFormAjx {display: block!important;} </style> <input type="hidden" name="a" value="2" /> <input type="hidden" name="ajax" value="1" /> <input type="hidden" name="rnd" value="434" /> <div class="social-label">или</div><div class="auth-social-list"><a href="javascript:;" onclick="return TWidgetLogin.auth();" id="tgauth" data-onauth="TelegramAuth(user)" data-social="telegram" class="login-with telegram" title="Войти через Telegram" rel="nofollow"><i></i></a> <script src="/.s/src/telegram/auth.js"></script> <script>TWidgetLogin.init('widget_login', 6953183277, {"origin":"https:\/\/antiqa.net","embed":1}, false, "ru");</script></div> </form></div> </div> </div>     <div class="sidebar-block"> <div class="inner"> <h3 class="sidebar-block-title">Наш опрос</h3> <div class="sidebar-block-content"><script>function pollnow792(){document.getElementById('PlBtn792').disabled=true;_uPostForm('pollform792',{url:'/poll/',type:'POST'});}function polll792(id,i){_uPostForm('',{url:'/poll/'+id+'-1-'+i+'-792',type:'GET'});}</script><div id="pollBlock792"><form id="pollform792" onsubmit="pollnow792();return false;"><div class="vote-box"> <div class="vote-title">Saytimizni qayerdan bilasiz?</div> <div class="vote-list"> <div class="answer"><input id="a7921" type="radio" name="answer" value="1" style="vertical-align:middle;" /> <label style="vertical-align:middle;display:inline;" for="a7921">Do'stlarimdan eshtdim</label></div> <div class="answer"><input id="a7922" type="radio" name="answer" value="2" style="vertical-align:middle;" /> <label style="vertical-align:middle;display:inline;" for="a7922">Reklamada ko'rib qoldim</label></div> <div class="answer"><input id="a7923" type="radio" name="answer" value="3" style="vertical-align:middle;" /> <label style="vertical-align:middle;display:inline;" for="a7923">Qidiruv tizimi orqali</label></div> <div class="answer"><input id="a7924" type="radio" name="answer" value="4" style="vertical-align:middle;" /> <label style="vertical-align:middle;display:inline;" for="a7924">Avvaldan bilardim</label></div> <div id="pollSbm792" class="pollButton"><input class="pollBut" id="PlBtn792" type="submit" value="Ответить" /></div> <input type="hidden" name="ssid" value="656134723370255266551" /> <input type="hidden" name="id" value="7" /> <input type="hidden" name="a" value="1" /> <input type="hidden" name="ajax" value="792" /> <div class="vote-count">Всего проголосовало: 86</div> <div class="vote-buts fx-row"> <button class="vvote" type="submit" >Голосовать</button> <button class="vres" type="button" href="javascript:;" rel="nofollow" onclick="new _uWnd('PollR','Результаты опроса',660,200,{closeonesc:1,maxh:400},{url:'/poll/7'});return false;"><span class="fal fa-align-left"></span></button> <button class="vall" type="submit" href="javascript:;" rel="nofollow" onclick="new _uWnd('PollA','Архив опросов',660,250,{closeonesc:1,maxh:400,max:1,min:1},{url:'/poll/0-2'});return false;"><span class="fal fa-plus"></span></button> </div> <input class="pollBut" type="submit" value="Ответить" style="display: none;"> </div> </div> <script type="text/javascript"> var a = ['1','2','3','4','5','6','1','2','3','4','5','6']; for(var i = 0; i < a.length; i++){$('div.answer div').eq(i).addClass('voteprogress');$('div.answer div div').eq(i).addClass('vote'+[i]);} $('div.answer span').each(function(){$(this).html($(this).html()+' <span class="procent">'+$(this).attr('title').split(':')[1]+'</span>')}); </script> <style>.pollBut {display: none !important;}</style></form></div></div> </div> </div>   <div class="sidebar-block"> <div class="inner"> <h3 class="sidebar-block-title">Мини-чат</h3> <div class="sidebar-block-content"><iframe id="mchatIfm2" style="width:100%;height:300px" frameborder="0" scrolling="auto" hspace="0" vspace="0" allowtransparency="true" src="/mchat/"></iframe> <script> function sbtFrmMC991( form, data = {} ) { document.querySelector('#mchatBtn').style.display = 'none'; document.querySelector('#mchatAjax').style.display = ''; _uPostForm( form, { type:'POST', url:'/mchat/?323693571.730494', data } ) return false } function countMessLength() { var message = document.querySelector('#MCaddFrm').mcmessage.value; var rst = 500 - message.length; if (rst < 0) { rst = 0; message = message.substr(0, 500); } document.querySelector('#jeuwu28').innerHTML = rst; } var tID7174 = -1; var tAct7174 = false; function setT7174(s) { var v = parseInt(s.options[s.selectedIndex].value); document.cookie = "mcrtd=" + s.selectedIndex + "; path=/"; if (tAct7174) { clearInterval(tID7174); tAct7174 = false; } if (v > 0) { tID7174 = setInterval("document.getElementById('mchatIfm2').src='/mchat/?' + Date.now();", v*1000 ); tAct7174 = true; } } function initSel7174() { var res = document.cookie.match(/(\W|^)mcrtd=([0-9]+)/); var s = $("#mchatRSel")[0]; if (res && !!s) { s.selectedIndex = parseInt(res[2]); setT7174(s); } $("#mchatMsgF").on('keydown', function(e) { if ( e.keyCode == 13 && e.ctrlKey && !e.shiftKey ) { e.preventDefault() this.form?.requestSubmit() } }); } </script> <form id="MCaddFrm" onsubmit="return sbtFrmMC991(this)" class="mchat" data-submitter="sbtFrmMC991"> <div align="center"><a href="javascript:;" rel="nofollow" onclick="loginPopupForm(); return false;">Для добавления необходима авторизация</a></div> <input type="hidden" name="a" value="18" /> <input type="hidden" name="ajax" value="1" id="ajaxFlag" /> <input type="hidden" name="numa" value="0" id="numa832" /> </form>   <script> initSel7174(); //try { bindSubmitHandler() } catch(e) {} </script></div> </div> </div>   <div class="sidebar-block"> <div class="inner"> <h3 class="sidebar-block-title">Статистика</h3> <div class="sidebar-block-content"><div align="center"><hr /><div class="tOnline" id="onl1">Онлайн: <b>7</b></div> <div class="gOnline" id="onl2">Гостей: <b>7</b></div> <div class="uOnline" id="onl3">Пользователей: <b>0</b></div></div></div> </div> </div>   <div class="sidebar-block"> <div class="inner"> <h3 class="sidebar-block-title">Друзья сайта</h3> <div class="sidebar-block-content"><ul class="friends-links"> <li><a href="https://imruz.uz/" target="_blank" rel="noopener nofollow">IMRUZ.UZ</a></li> </ul></div> </div> </div>  </div> </aside>  </div> </div> <footer class="footer"> <div class="container footer-container"> <div class="footer-left"> <div class="copy">Copyright UMX.UZ © 2025</div> <div class="ucoz-copy"><span class="pbKtPbTC"><a href="https://www.ucoz.ru/" target="_blank" rel="nofollow">uCoz</a></span>  <script type="text/javascript"> (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter45675243 = new Ya.Metrika({id:45675243,accurateTrackBounce:true,trackLinks:true,clickmap:true}); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks"); </script> <noscript><div><img src="//mc.yandex.ru/watch/45675243" style="position:absolute; left:-9999px;" alt="" /></div></noscript>  </div> </div> <div class="footer-right"> <ul class="social-list footer-social-list"> <li> <a class="social-list-link vk-link" href="#" target="_blank"> <svg class="social-list-icon"> <use xlink:href="/.s/t/2301/icons/icons.svg#vk_icon"></use> </svg> </a> </li> <li> <a class="social-list-link fb-link" href="#" target="_blank"> <svg class="social-list-icon"> <use xlink:href="/.s/t/2301/icons/icons.svg#fb_icon"></use> </svg> </a> </li> <li> <a class="social-list-link ok-link" href="#" target="_blank"> <svg class="social-list-icon"> <use xlink:href="/.s/t/2301/icons/icons.svg#ok_icon"></use> </svg> </a> </li> <li> <a class="social-list-link tg-link" href="#" target="_blank"> <svg class="social-list-icon"> <use xlink:href="/.s/t/2301/icons/icons.svg#tg_icon"></use> </svg> </a> </li> </ul> </div> </div> </footer> <script src="/mylibs.js"></script> <script type="text/javascript">$('.hashLinks,.item-short,.x-menu,.comm-two,#news,.description,#framelist1').each(function(){var html = $(this).html().replace(/(#[\S]+)/g,'<a href="/search/$1" class="tagHref" title="$1">$1</a>').replace(/(@[\S]+)/g,'<a href="/index/8-0-$1" class="tagHref" title="$1">$1</a>');$(this).html(html).each(function(){$('.tagHref').each(function(){var href = $(this).attr('href').replace(/#/, '%23').replace(/@/,'');var title = $(this).attr('title').replace(/(#+)/, '');$(this).attr('href',href).attr('title',title);});});});</script>  <script> function uCodesRep(id) { var uSid = $('.uId'+id).attr("href").split('-')[1]; var uSms = $('.message_place'+id).html(); $.get('/index/23-'+uSid, function(data){ $.post('/index/', { act: 2, a: 23, t: 1, reason: 'За комментарий - '+uSms+'', s: uSid, ref: 'За комментарий - '+uSms+'', sos: $('input[name="sos"]').val(), ssid: ssid = $('input[name="ssid"]').val() }, function () {_uWnd.alert('Успешный Лайк комментария', '', {w:200,h:90})}) }) } </script> <script> function uCodesRepB(id) { var uSid = $('.uId'+id).attr("href").split('-')[1]; var uSms = $('.message_place'+id).html(); $.get('/index/23-'+uSid, function(data){ $.post('/index/', { act: 1, a: 23, t: 1, reason: 'За комментарий - '+uSms+'', s: uSid, ref: 'За комментарий - '+uSms+'', sos: $('input[name="sos"]').val(), ssid: ssid = $('input[name="ssid"]').val() }, function () {_uWnd.alert('Успешный Лайк комментария', '', {w:200,h:90})}) }) } </script> <script> document.querySelector(".fas.fa-play-circle").addEventListener("click", function () { const musicPlayer = document.querySelector(".wplayer.anim"); if (musicPlayer.style.display === "block") { musicPlayer.style.display = "none"; // Показываем плеер } else { musicPlayer.style.display = "block"; // Скрываем плеер } }); </script> <style> a.tagHref { text-decoration: none; font-weight: 500; } .wplayer.wplayer-init.anim { display: none; } .wplayer { animation: slideUp 0.3s ease; transition: 3s ease; } </style> <script> $('.qisqa').each(function() { num = $(this).html(); function nFormatter(num) { if (num >= 1000000000000) { return (num / 1000000000000).toFixed(1).replace(/\.0$/, '') + ' трлн.'; } if (num >= 1000000000) { return (num / 1000000000).toFixed(1).replace(/\.0$/, '') + ' млрд.'; } if (num >= 1000000) { return (num / 1000000).toFixed(1).replace(/\.0$/, '') + ' млн.'; } if (num >= 1000) { return (num / 1000).toFixed(1).replace(/\.0$/, '') + 'K'; } return num; } $(this).html(nFormatter(num) ); }); </script> <script type="text/javascript"> $('.catNumData').each(function () { $(this).html($(this).html().replace(/\[|\]/g, '')); }); </script> <script>if (typeof _uWnd !== 'undefined' && _uWnd.alert) { _uWnd.alert = function() { // Пустая функция, окно больше не появится }; } </script> <div style="height: 50px;"></div> <div class="bottom-nav"> <a href="/" class="nav-item" onclick="setActive(this)"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="navicon"> <path d="M12.185 4.85a.6.6 0 0 0-.37 0c-.014.005-.07.025-.218.151-.157.133-.35.325-.658.632L5.574 11c-.377.376-.457.465-.512.555a1.1 1.1 0 0 0-.132.318c-.024.102-.03.222-.03.754V17.6c0 .435 0 .707.017.912.016.194.042.248.048.26a.6.6 0 0 0 .263.263c.012.006.066.032.26.048.205.016.477.017.912.017h2.7v-3.2a2.9 2.9 0 0 1 5.8 0v3.2h2.7c.435 0 .707 0 .912-.017.194-.016.248-.042.26-.048a.6.6 0 0 0 .263-.263c.006-.012.032-.066.047-.26.017-.205.018-.477.018-.912v-4.975c0-.531-.006-.65-.03-.753a1.098 1.098 0 0 0-.132-.318c-.055-.09-.136-.179-.512-.555l-5.365-5.366c-.308-.307-.5-.499-.658-.632-.148-.126-.204-.146-.218-.15Zm-.927-1.711a2.4 2.4 0 0 1 1.484 0c.329.107.592.291.826.49.22.186.465.431.742.708l5.39 5.39.055.056c.291.29.537.535.718.83.159.26.276.543.347.838.08.337.08.684.08 1.095v5.087c0 .392 0 .738-.023 1.026-.025.305-.081.622-.239.93a2.4 2.4 0 0 1-1.048 1.05 2.44 2.44 0 0 1-.931.238c-.288.023-.634.023-1.026.023H14.19a1.089 1.089 0 0 1-1.089-1.089V15.9a1.1 1.1 0 0 0-2.2 0v3.911c0 .602-.487 1.089-1.089 1.089H6.367c-.392 0-.738 0-1.025-.023a2.448 2.448 0 0 1-.932-.238 2.4 2.4 0 0 1-1.048-1.05c-.158-.308-.214-.625-.239-.93-.023-.288-.023-.634-.023-1.026v-5.087c0-.411 0-.758.08-1.095a2.9 2.9 0 0 1 .347-.838c.181-.295.427-.54.718-.83l.056-.057 5.39-5.389c.276-.277.52-.522.74-.708.235-.199.498-.383.827-.49Z" /> </svg> <span></span> </a> <a href="/search/" class="nav-item" onclick="setActive(this)"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="navicon"> <path d="M16.53492,15.1207064 L20.7071068,19.2928932 C21.0976311,19.6834175 21.0976311,20.3165825 20.7071068,20.7071068 C20.3165825,21.0976311 19.6834175,21.0976311 19.2928932,20.7071068 L15.1207064,16.53492 C13.9054708,17.4545098 12.3914384,18 10.75,18 C6.74593556,18 3.5,14.7540644 3.5,10.75 C3.5,6.74593556 6.74593556,3.5 10.75,3.5 C14.7540644,3.5 18,6.74593556 18,10.75 C18,12.3914384 17.4545098,13.9054708 16.53492,15.1207064 Z M10.75,16 C13.6494949,16 16,13.6494949 16,10.75 C16,7.85050506 13.6494949,5.5 10.75,5.5 C7.85050506,5.5 5.5,7.85050506 5.5,10.75 C5.5,13.6494949 7.85050506,16 10.75,16 Z"/> </svg> <span></span> </a> <a href="/video/" class="nav-item" onclick="setActive(this)"> <svg width="24" height="24" viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg" class="navicon"> <path d="M21 7c2.2091 0 4 1.7909 4 4v9c0 2.2091-1.7909 4-4 4H7c-2.2091 0-4-1.7909-4-4v-9c0-2.2091 1.7909-4 4-4h14Zm0 2H7c-1.1046 0-2 .8954-2 2v9c0 1.1046.8954 2 2 2h14c1.1046 0 2-.8954 2-2v-9c0-1.1046-.8954-2-2-2Zm-8.5 3.3204a.4997.4997 0 0 1 .2741.0818l4.0686 2.6669a.5.5 0 0 1-.0115.8437l-4.0686 2.5113A.5.5 0 0 1 12 17.9986v-5.1782a.5.5 0 0 1 .5-.5ZM18 3c1.0544 0 1.9182.8159 1.9945 1.8507L20 5H8c0-1.1046.8954-2 2-2h8Z"/> </svg> <span></span> </a> <a href="/index/8" class="nav-item" onclick="setActive(this)"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="navicon"> <path d="M14.85 7.95A2.849 2.849 0 0 0 12 5.1a2.849 2.849 0 0 0-2.85 2.85A2.849 2.849 0 0 0 12 10.8a2.849 2.849 0 0 0 2.85-2.85Zm1.8 0A4.649 4.649 0 0 1 12 12.6a4.649 4.649 0 0 1-4.65-4.65A4.649 4.649 0 0 1 12 3.3a4.649 4.649 0 0 1 4.65 4.65ZM5.9 18.429c0 .768-.09.671.335.671h11.53c.426 0 .335.097.335-.671 0-1.893-2.778-3.029-6.1-3.029-3.322 0-6.1 1.136-6.1 3.029Zm-1.8 0c0-3.327 3.673-4.829 7.9-4.829s7.9 1.502 7.9 4.829c0 1.735-.685 2.471-2.135 2.471H6.235c-1.45 0-2.135-.736-2.135-2.471Z" /> </svg> <span></span> </a> <div class="menush-container"> <div class="icon" id="menush-icon"><span class="nav-item"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="navicon" style=""> <path d="m21 11h-18c-.55228 0-1 .4477-1 1s.44772 1 1 1h18c.5523 0 1-.4477 1-1s-.4477-1-1-1zm0-7h-18c-.55228 0-1 .44772-1 1s.44772 1 1 1h18c.5523 0 1-.44772 1-1s-.4477-1-1-1zm-18 16h18c.5523 0 1-.4477 1-1s-.4477-1-1-1h-18c-.55228 0-1 .4477-1 1s.44772 1 1 1z" /> </svg> </span></div> <div class="dropdown-menush" id="dropdown-menush"> <span class="chisloson"><b id="scrollo"> <div class="table"> <a href="/news/0-0-0-0-1"><div class="tables" style="background: linear-gradient(45deg, #ffd400, #ff00a5, #0058ff);color: white;"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" style="vertical-align: bottom;" viewBox="0 0 28 28"><path fill-rule="evenodd" d="M12.587 3h2.826c.469 0 .822 0 1.161.058a4 4 0 0 1 2.223 1.19c.237.25.433.543.693.934l.042.063.086.129c.129.193.156.231.18.26a1 1 0 0 0 .673.361c.038.004.085.005.317.005h.09c.574 0 .98 0 1.338.057a4.5 4.5 0 0 1 3.727 3.727c.057.357.057.764.057 1.338V15.5a1 1 0 1 1-2 0v-4.288c0-.7-.003-.932-.032-1.11a2.5 2.5 0 0 0-2.07-2.07c-.178-.029-.41-.032-1.11-.032h-.036c-.176 0-.33 0-.481-.015a3 3 0 0 1-2.018-1.08 4.888 4.888 0 0 1-.28-.392l-.02-.03-.085-.128c-.32-.482-.418-.621-.522-.731a2 2 0 0 0-1.112-.595c-.149-.026-.319-.029-.897-.029h-2.674c-.578 0-.748.003-.897.029a2 2 0 0 0-1.112.595c-.104.11-.201.25-.522.73l-.085.129-.02.03a4.814 4.814 0 0 1-.28.392 3 3 0 0 1-2.018 1.08C7.579 8 7.424 8 7.249 8h-.037c-.7 0-.932.003-1.11.032a2.5 2.5 0 0 0-2.07 2.07c-.029.178-.032.41-.032 1.11V15c0 1.417 0 2.419.065 3.203.063.771.182 1.243.371 1.613a4 4 0 0 0 1.748 1.748c.37.189.842.308 1.613.371C8.581 22 9.583 22 11 22h4.5a1 1 0 1 1 0 2h-4.544c-1.363 0-2.447 0-3.321-.072-.896-.073-1.66-.226-2.359-.582a6 6 0 0 1-2.622-2.622c-.356-.7-.51-1.463-.583-2.359C2 17.491 2 16.407 2 15.044v-3.922c0-.574 0-.98.057-1.338a4.5 4.5 0 0 1 3.727-3.727C6.141 6 6.548 6 7.122 6h.09c.232 0 .28-.001.317-.005a1 1 0 0 0 .673-.36c.024-.03.052-.068.18-.261l.086-.129.042-.063c.26-.39.456-.684.693-.934a4 4 0 0 1 2.223-1.19C11.766 3 12.118 3 12.587 3ZM14 11a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm-5 3a5 5 0 1 1 10 0 5 5 0 0 1-10 0Zm13 3a1 1 0 0 1 1 1v2h2a1 1 0 1 1 0 2h-2v2a1 1 0 1 1-2 0v-2h-2a1 1 0 1 1 0-2h2v-2a1 1 0 0 1 1-1Z" clip-rule="evenodd"/></svg> <span>Добавить фото</span></div></a> <a href="/video/viadd/1"><div class="tables" style="background: linear-gradient(45deg, #1551f8, #0087ff, #00c9ff);color: white;"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" style="vertical-align: bottom;" viewBox="0 0 28 28"><path fill-rule="evenodd" d="M23 3a1 1 0 1 0-2 0v2h-2a1 1 0 1 0 0 2h2v2a1 1 0 1 0 2 0V7h2a1 1 0 1 0 0-2h-2V3Zm-16.93.801C7.164 3.216 8.243 3 10.691 3H15.5a1 1 0 1 1 0 2h-4.808c-2.335 0-3.019.212-3.68.565a3.466 3.466 0 0 0-1.447 1.448C5.212 7.673 5 8.357 5 10.692v6.616c0 2.335.212 3.019.565 3.68a3.466 3.466 0 0 0 1.448 1.447c.66.353 1.344.565 3.679.565h6.616c2.335 0 3.019-.212 3.68-.565a3.467 3.467 0 0 0 1.447-1.448c.353-.66.565-1.344.565-3.679V12.5a1 1 0 1 1 2 0v4.808c0 2.448-.216 3.527-.801 4.622a5.465 5.465 0 0 1-2.269 2.27c-1.095.585-2.174.801-4.622.801h-6.616c-2.448 0-3.527-.216-4.623-.801a5.465 5.465 0 0 1-2.268-2.269C3.216 20.835 3 19.756 3 17.308v-6.616c0-2.448.216-3.527.801-4.623A5.466 5.466 0 0 1 6.07 3.801Zm6.176 7.223a.354.354 0 0 0-.479.25 13.693 13.693 0 0 0-.267 2.7c0 .944.096 1.864.278 2.752.039.19.244.333.48.25a13.992 13.992 0 0 0 4.625-2.728.317.317 0 0 0 0-.492 13.99 13.99 0 0 0-4.637-2.732Zm.665-1.886c-1.362-.48-2.823.34-3.105 1.743a15.765 15.765 0 0 0 .013 6.247c.287 1.4 1.746 2.214 3.105 1.733a15.993 15.993 0 0 0 5.287-3.118 2.316 2.316 0 0 0 0-3.483 15.993 15.993 0 0 0-5.3-3.122Z" clip-rule="evenodd"/></svg> <span>Добавить видео</span></div></a> <a href="/blog/0-0-0-0-1"><div class="tables" style="background: linear-gradient(45deg, #ff5200, #e54e00, #c10098);color: white;"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" style="vertical-align: bottom;" viewBox="0 0 28 28"><path d="M8 1.5a1 1 0 0 1 1 1v.505C9.411 3 9.862 3 10.357 3H12v-.5a1 1 0 1 1 2 0V3h1.643c.494 0 .945 0 1.357.005V2.5a1 1 0 1 1 2 0v.642c.453.077.872.2 1.27.403a5 5 0 0 1 2.185 2.185c.302.592.428 1.233.487 1.961C23 8.4 23 9.273 23 10.357v1.893a1 1 0 0 1-2 0V10.4c0-1.137 0-1.929-.051-2.546-.05-.605-.142-.953-.276-1.216a3 3 0 0 0-1.311-1.311 1.964 1.964 0 0 0-.362-.14V5.5a1 1 0 1 1-2 0v-.494A106.8 106.8 0 0 0 15.6 5H14v.5a1 1 0 1 1-2 0V5h-1.6c-.538 0-.998 0-1.4.006V5.5a1 1 0 1 1-2 0v-.312a2 2 0 0 0-.362.139 3 3 0 0 0-1.311 1.311c-.134.263-.226.611-.276 1.216C5.001 8.471 5 9.264 5 10.4v7.2c0 1.137 0 1.929.051 2.546.05.605.142.953.276 1.216a3 3 0 0 0 1.311 1.311c.263.134.611.226 1.216.276.617.05 1.41.051 2.546.051h1.1a1 1 0 1 1 0 2h-1.142c-1.084 0-1.959 0-2.666-.058-.73-.06-1.37-.185-1.962-.487a5 5 0 0 1-2.185-2.185c-.302-.592-.428-1.232-.487-1.961C3 19.6 3 18.727 3 17.643v-7.286c0-1.084 0-1.958.058-2.666.06-.728.185-1.369.487-1.96A5 5 0 0 1 5.73 3.544 4.366 4.366 0 0 1 7 3.142V2.5a1 1 0 0 1 1-1Z"/><path d="M17.907 11.707a1 1 0 0 0-1.414-1.414l-4.9 4.9L9.7 13.34a1 1 0 1 0-1.4 1.43l2.6 2.545a1 1 0 0 0 1.407-.008l5.6-5.6Z"/><path fill-rule="evenodd" d="M20 27a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm1-9a1 1 0 1 0-2 0v2h-2a1 1 0 1 0 0 2h2v2a1 1 0 1 0 2 0v-2h2a1 1 0 1 0 0-2h-2v-2Z" clip-rule="evenodd"/></svg> <span>Написать заметок</span></div></a> </div> <div class="menuw"> <a href="/index/15"><div class="menuw-item"><img src="/css/menuicons/users_outline_28.svg" alt="users"/><span>Люди</span></div></a> <a href="/index/0-20"><div class="menuw-item"><img src="/css/menuicons/user_added_outline_28.svg" alt="user"/><span>Сегодня</span></div></a> <a href="/index/0-5"><div class="menuw-item"><img src="/css/menuicons/user_star_badge_outline_28.svg" alt="user"/><span>Лидеры</span></div></a> <a href="/index/0-4"><div class="menuw-item"><img src="/css/menuicons/user_add_outline_28.svg" alt="user"/><span>Новинки</span></div></a> <a href="/index/0-49"><div class="menuw-item"><img src="/css/menuicons/user_microphone_badge_outline_28.svg" alt="user"/><span>Помощник</span></div></a> <a href="/index/0-7"><div class="menuw-item"><img src="/css/menuicons/calendar_add_outline_28.svg" alt="user"/><span>Лента</span></div></a> <a href="/index/0-6"><div class="menuw-item"><img src="/css/menuicons/headphones_wave_outline_28.svg" alt="Icon 3"><span>Музыки</span></div></a> <a href="/board/"><div class="menuw-item"><img src="/css/menuicons/advertising_outline_28.svg" alt="Icon 2"><span>Новости</span></div></a> <a href="/video"><div class="menuw-item"><img src="https://umx.uz/css/menuicons/play_rectangle_stack_outline_28.svg" alt="Icon 1"><span>Видео</span></div></a> <a href="/news/"><div class="menuw-item"><img src="/css/menuicons/picture_stack_outline_28.svg" alt="Icon 4"><span>Фото</span></div></a> <a href="/blog"><div class="menuw-item"><img src="/css/menuicons/notebook_check_outline_28.svg" alt="Icon 5"><span>Заметки</span></div></a> <a href="/publ/"><div class="menuw-item"><img src="/css/menuicons/book_spread_outline_28.svg" alt="Icon 6"><span>Библ.тека</span></div></a> <a href="/stuff"><div class="menuw-item"><img src="/css/menuicons/services_outline_28.svg" alt="Icon 7"><span>uStore</span></div></a> <a href="/forum"><div class="menuw-item"><img src="/css/menuicons/poll_square_outline_28.svg" alt="Icon 7"><span>Форум</span></div></a> <a href="/index/0-16"><div class="menuw-item"><img src="/css/menuicons/more_horizontal_28.svg" alt="Icon 9"><span>Другие</span></div></a> </div> </b> </span> <div></div> </div> </div> <style> .table { display: grid; grid-template-columns: repeat(3, 1fr); justify-items: stretch; gap: 10px; margin-bottom: 10px; } .tables { border: 1px solid var(--border-color); border-radius: 8px; font-size: 11px; font-weight: lighter; display: flex; flex-wrap: nowrap; align-items: center; width: 100%; height: 100%; line-height: 12px; padding: 10px; flex-direction: row-reverse; color: light-dark(var(--tpl-dark-700), var(--dark-tpl-light)); justify-content: center; } .tables svg { width: 25px; height: 25px; display: block; } b#usNaNo, b#scrollo { display: flex; background: light-dark(var(--tpl-dark-100),var(--dark-tpl-dark-700)); position: relative; flex-direction: column; flex-wrap: nowrap; padding: 30px; } b#scrollo .menuw { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; } b#scrollo .menuw .menuw-item { display: flex; aspect-ratio: 1 / 1; /* По умолчанию для мобильных */ background: none; padding: 0px; border-radius: 8px; text-align: center; transition: background 0.3s; line-height: 0px; box-shadow: none; border: 1px solid var(--border-color); align-content: center; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; margin: 0; } /* Для экранов шире 1024px (компьютеры) */ @media (min-width: 1024px) { b#scrollo .menuw .menuw-item { aspect-ratio: 5 / 1; } } .onusers { border-radius: 8px; padding: 15px; margin-bottom: 10px; text-align: center; font-size: 12px; /* box-shadow: 2px 4px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px rgb(255 255 255 / 5%);*/ border: 1px solid var(--border-color); } .onusers a { color: var(--text-color); } /*b#usNaNo::after, b#scrollo::after { content: ''; position: absolute; bottom: -28px; right: calc(100% - 190px); transform: translateX(-50%); border-width: 15px; border-style: solid; border-color: #ff4d4d transparent transparent transparent; }*/ .menush-container { position: relative; } .icon { font-size: 25px; display: grid; justify-items: center; } .icon img { width: 22px; height: 22px; opacity: 1; } .icon:hover img { opacity: 0.5;transform: scale(1.1); } .dropdown-menush { display: none; position: fixed; right: 20px; animation: slideUp 0.3s ease; bottom: 50px; } .dropdown-menush img { margin-right: 0px; width: 22px; height: 22px; backdrop-filter: var(--black2white); background: none; } .dropdown-menush.show { display: block; width: 100%; left: 0; overflow-y: auto; border-top: 1px solid; border-radius: 0px; border-color: var(--border-color); max-height: 90vh; box-shadow: #5d80a6 1px -15px 15px -15px; z-index: 999; } @keyframes slideUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } div#bottomInfoBar { display: none; } .bottom-nav { padding-block: var(--tpl-spacing-l); position: fixed; bottom: 0!important; left: 0!important; margin: 0!important; width: 100%; color: light-dark(var(--tpl-dark-700),var(--dark-tpl-light)); background: light-dark(var(--tpl-accent-white),var(--dark-tpl-dark-700)); border-top: 1px solid light-dark(var(--tpl-dark-200),var(--dark-tpl-dark-500)); display: flex; justify-content: space-around; align-items: center; z-index: 10; fill: light-dark(var(--tpl-dark-700),var(--dark-tpl-light)); } .bottom-nav img { width: 22px; height: 22px; opacity: 1; filter: var(--black2white); } .nav-item { text-decoration: none; display: flex; flex-direction: column; align-items: center; transition: background-color 0.3s, color 0.3s, transform 0.3s; } .nav-item i { font-size: 20px; border-radius: 12px; color: #ffffff; } .nav-item span { font-size: 20px; color: var(--a-color); } span.nav-item:hover { color: #fff; } a.nav-item span:hover { transform: scale(1.1); /* Увеличение при наведении */ color: white;} a.nav-item:hover { transform: scale(1.1); /* Увеличение при наведении */} a.nav-item { transform: scale(1.0); fill: light-dark(var(--tpl-dark-700),var(--dark-tpl-light)); } .nav-item img { opacity: 1; filter: var(--black2white); } .nav-item:hover img { opacity: 0.5;transform: scale(1.1); } .nimadir a { background: #3390ec; line-height: 25px; margin-bottom: 10px; width: fit-content; padding: 0px 8px; } .menuw { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; } .menuw-item { display: flex; aspect-ratio: 1 / 1; background: var(--navpanel-bg); padding: 0px; border-radius: 8px; text-align: center; transition: background 0.3s; line-height: 0px; box-shadow: 2px 4px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px rgb(255 255 255 / 5%); border: 1px solid var(--border-color); align-content: center; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; margin: 5px; } /* Медиа-запрос для экранов с шириной 768px и выше (планшеты и ПК) */ @media (min-width: 768px) { .menuw-item { aspect-ratio: 21 / 6; /* Соотношение для планшетов и ПК */ } } .menuw-item img { width: 22px; height: 22px; margin-bottom: 10px; } .menuw-item span { display: block; margin-bottom: 10px; font-size: 10px; font-weight: 600; color: var(--text-color); } .footer-left a { display: none !important; } </style> <script> const menushIcon = document.getElementById('menush-icon'); const dropdownMenush = document.getElementById('dropdown-menush'); menushIcon.addEventListener('click', () => { dropdownMenush.classList.toggle('show'); }); document.addEventListener('click', (event) => { if (!menushIcon.contains(event.target) && !dropdownMenush.contains(event.target)) { dropdownMenush.classList.remove('show'); } }); </script> </div> <script src="/.s/t/2301/main.js"></script> </body> </html>