Bu sarlavha

Elektron Kutubxona

• 
  
  
  
  
  Asosiy
  
  


• 
  
  
  
  
  Kitoblar
  
  


• 
  
  
  
  
  Biz haqimizda
  
  


• 
  
  
  
  
  Contact
  
  


• 
  
  
  
  
  To';ov usuli
  
  

Axmadxonov.N CSS codi

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