• Assalomu aleykum Aziz kitob shinos
  • Bu sarlavha




    Download 2,22 Mb.
    bet7/7
    Sana15.01.2024
    Hajmi2,22 Mb.
    #138134
    1   2   3   4   5   6   7
    Bog'liq
    Induvidal loyiha Axmadxonov Nuriddin









    Assalomu aleykum
    Aziz kitob shinos












    Elektiron kutubxonani asosiy maqsadi yoshlarni
    mobil qurilmalarida ham o'qib
    organishlarini talab qiladi









    Css Codi


    html, body { overflow-x: hidden; }
    body { font-family: 'Kumbh Sans', sans-serif; }
    div, a, p { color: #666666; }
    p, address { line-height: 1.8; }
    a { transition: all 0.3s ease; }
    a:hover {
    color: #006699;
    text-decoration: none;
    }


    .container-fluid { margin-left: 0; }


    .btn-primary {
    padding: 12px 50px;
    border-radius: 0;
    background: #006699;
    font-size: 1.2rem;
    border: 0;
    }


    .btn-primary:hover { background: #068ccf; }
    .tm-text-primary { color: #006699; }
    .tm-text-secondary { color: #009999; }
    hr { border-top: 4px solid #CCC; }


    .tm-hr-short {
    border-top: 1px solid #006699;
    width: 238px;
    margin-left: auto;
    margin-right: auto;
    }


    /* Layout */


    .tm-main { width: 100%; }


    .tm-row-home {
    padding-left: 15px;
    padding-right: 15px;
    }


    .tm-mt-100 { margin-top: 100px; }


    .tm-sidebar {
    background-color: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    padding-left: 40px;
    padding-top: 40px;
    width: 280px;
    }


    .tm-section-wrap {
    width: calc(100% - 750px);
    margin-left: 750px;
    margin-right: 0;
    position: relative;
    }


    .tm-section { padding: 50px 70px 50px 0; }


    #gallery,
    #about,
    #contact {
    padding-bottom: 150px;
    }


    .tm-parallax {
    width: 400px;
    min-height: 100%;
    height: auto;
    background: transparent;
    position: absolute;
    width: 400px;
    left: -470px;
    top: 0;
    }


    /* Hide scrollbar */
    .tm-sidebar {
    overflow-y: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */
    }
    .tm-sidebar::-webkit-scrollbar {
    /* WebKit */
    width: 0;
    height: 0;
    }


    .tm-sidebar-sticky {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    }


    .tm-nav {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    }

    Js Codi
    $(document).ready(function () {


    /*************** Navigation *****************/


    $("#tm-main-nav").singlePageNav({


    filter: ':not(.external)'
    });

    $(".navbar-toggler").on("click", function(e) {


    $(".tm-sidebar").toggleClass("show");
    e.stopPropagation();
    });

    $("html").click(function(e) {


    var sidebar = document.getElementById("tm-sidebar");

    if (!sidebar.contains(e.target)) {


    $(".tm-sidebar").removeClass("show");
    }
    });

    $("#tm-sidebar .nav-link").click(function(e) {


    $(".tm-sidebar").removeClass("show");
    });

    /*************** Gallery ******************/


    var itemSelector = ".tm-gallery-item";
    var responsiveIsotope = [ [480, 4], [720, 6], [1920, 9] ];
    var itemsPerPageDefault = 12;
    var itemsPerPage = defineItemsPerPage();
    var currentNumberPages = 1;
    var currentPage = 1;
    var currentFilter = '*';
    var filterValue = "";
    var pageAttribute = 'data-page';
    var pagerClass = 'tm-paging';
    var $container = $('.tm-gallery').isotope({
    itemSelector: itemSelector
    });

    $container.imagesLoaded().progress( function() {


    $container.isotope('layout');
    });

    function changeFilter(selector) { $container.isotope({ filter: selector }); }


    function goToPage(n) {


    currentPage = n;
    var selector = itemSelector;
    var exclusives = [];
    if(currentFilter != '*') {
    exclusives.push(selector + '.' + currentFilter);
    }

    filterValue = exclusives.length ? exclusives.join('') : '*';


    var wordPage = currentPage.toString();


    filterValue += ('.'+wordPage);
    changeFilter(filterValue);
    }

    function defineItemsPerPage() {


    var pages = itemsPerPageDefault;

    for( var i = 0; i < responsiveIsotope.length; i++ ) {


    if( $(window).width() <= responsiveIsotope[i][0] ) {
    pages = responsiveIsotope[i][1];
    break;
    }
    }
    return pages;
    }

    function setPagination() {


    var SettingsPagesOnItems = function(){
    var itemsLength = $container.children(itemSelector).length;
    var pages = Math.ceil(itemsLength / itemsPerPage);
    var item = 1;
    var page = 1;
    var selector = itemSelector;
    var exclusives = [];
    if(currentFilter != '*') {
    exclusives.push(selector + '.' + currentFilter);
    }

    filterValue = exclusives.length ? exclusives.join('') : '*';


    $container.children(filterValue).each(function(){
    if( item > itemsPerPage ) {
    page++;
    item = 1;
    }
    wordPage = page.toString();
    var classes = $(this).attr('class').split(' ');
    var lastClass = classes[classes.length-1];
    if(lastClass.length < 4){
    $(this).removeClass();
    classes.pop();
    classes.push(wordPage);
    classes = classes.join(' ');
    $(this).addClass(classes);
    } else {
    $(this).addClass(wordPage);
    }
    item++;
    });
    currentNumberPages = page;
    }();
    var CreatePagers = function() {
    var $isotopePager = ( $('.'+pagerClass).length == 0 ) ? $('
    ') : $('.'+pagerClass);

    $isotopePager.html('');


    if(currentNumberPages > 1){
    for( var i = 0; i < currentNumberPages; i++ ) {
    var $pager = '';

    if(currentPage == i+1) {


    $pager = $('');
    } else {
    $pager = $('');
    }
    $pager.html(i+1);

    $pager.click(function(){


    $('.tm-paging-link').removeClass('active');
    $(this).addClass('active');
    var page = $(this).eq(0).attr(pageAttribute);
    goToPage(page);
    });
    $pager.appendTo($isotopePager);
    }
    }
    $container.after($isotopePager);
    }();
    }

    XULOSA
    Men web dasturlash tilidan foydalangan xolata Elektron kutub xona saytini ishlab chiqdim busayta ishlangan codlar HTML,CSS,JS,PHP,PYTHON codlaridan foydalandim saytning asosiy maqsadi yoshlarni mobil qurilmalarda ham oson kitob o’qishlari mumkin bu electron kutubxonadan istalgan kitobni topish mumkin oson va qulay yuklab olish mumkin bu kutubxonada istalgan o’quv kutoblarini buyurtma ham qilish mumkin kitobni asosan electron avudio kitob xolata olidani.

    Foydalanilgan adabiyotla


    http://library.tuit.uz.

    https://uzpharmagency.uz/oz/menu/elektronnaja-biblioteka-



    https://tami.uz/matnga_qarang.php?id=230


    https://arxiv.uz/uz/documents/referatlar/informatika-va-at/elektron-kutubxona-asosiy-tushunchalar-ta-riflar-funksiyalar-vazifalar

    Download 2,22 Mb.
    1   2   3   4   5   6   7




    Download 2,22 Mb.