Skip to content

Instantly share code, notes, and snippets.

View frontend-coder's full-sized avatar
💭
WordPress, layout templates, smile and wine

frontend-coder frontend-coder

💭
WordPress, layout templates, smile and wine
View GitHub Profile
@frontend-coder
frontend-coder / header.php
Last active February 26, 2021 13:09
Интеграция кода Carbon Fields 2.2 в код шаблона #carbon_fields
<?php
$utpSite = carbon_get_theme_option('utp_site');
$descri_site = carbon_get_theme_option('descri_site');
$text_but = carbon_get_theme_option('text_but');
$whoDeskrList = carbon_get_theme_option('who_deskr_list');
?>
@frontend-coder
frontend-coder / script.js
Last active January 31, 2020 11:16
Создал слайдер меню #nav
$(document).ready(function(){
// $(window).scroll(function(){
// if ($(this).scrollTop() > 120) {
// $(".top-menu").addClass("default").fadeIn('fast');
// } else {
// $(".top-menu").removeClass("default").fadeIn('fast');
// };
// });
// if($(window).scrollTop() > 400 && $(window).scrollTop() < 450)
@frontend-coder
frontend-coder / numeric input
Last active May 30, 2022 15:44
Патерны в оформлении input #input
<input type="number" pattern="[0-9]*" inputmode="numeric" id="guessField" class="guessField">
<input type="number" pattern="[0-9]*" inputmode="numeric" id="guessField" class="guessField">
<input type="tel" pattern="2-[0-9]{3}-[0-9]{3}" size="40" title="code" >
<input type="submit">
@frontend-coder
frontend-coder / index.html
Last active January 26, 2020 22:01
Создание простого css таба #tabs
<section class="wrapper">
<header>
<a href="#link--1">Item 1</a>
<a href="#link--2">Item 2</a>
<a href="#link--3">Item 3</a>
<a href="#link--4">Item 4</a>
<a href="#link--5">Item 5</a>
</header>
@frontend-coder
frontend-coder / simple lazy load
Last active February 21, 2020 20:50
как создать блок с кнопкой ленивой загрузки контента # lazyload
$('load-more').on('click', function() {
const btn = $(this);
const loder = btn.find('span');
$.ajax({
url:'/data.html',
type: 'GET',
beforeSend: function(){
btn.attr('disable', true);
loader.addClass('s-inline-block'); // .s-inline-block {display:inline-block}
@frontend-coder
frontend-coder / top button css
Last active January 26, 2020 22:00
Создать простую кнопку скролинга наверх сайта #button
/*стили кнопки наверх*/
.button_top {
position: fixed;
z-index: 2;
right: -120px;
bottom: 20px;
cursor: pointer;
text-align: center;
-webkit-border-radius: 10%;
@frontend-coder
frontend-coder / google adsence includes sites
Last active May 30, 2022 15:41
протестировать вставку рекламного блока от гугла #googleAdsence
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<div class="td-g-rec td-g-rec-id-sidebar ">
<script type="text/javascript">
var td_screen_width = window.innerWidth;
if ( td_screen_width >= 1140 ) {
/* large monitors */
document.write('<span class="td-adspot-title">- Advertisement -</span><ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-5036236641179131" data-ad-slot="5109922001"></ins>');
(adsbygoogle = window.adsbygoogle || []).push({});
}
@frontend-coder
frontend-coder / custom post WP_Query
Last active May 12, 2022 17:01
Вывести произвольные посты на главную страницу сайта по управлением wordpress #wordpress
<div id="fh5co-blog" class="fh5co-bg-section">
<div class="container">
<div class="row">
<?php $service_slider = new WP_Query(array(
'post_type' => 'practis',
// 'posts_per_page' => '6',
'nopaging' => false, // (boolean) - show all posts or use pagination. Default value is 'false', use paging.
'posts_per_archive_page' => 3,
//'nopaging=true'
@frontend-coder
frontend-coder / Simple Grid
Last active January 26, 2020 21:59
Заготовка кода несложного Grid контейнера #grid
<section cass="block">
<div class="container">
<h2 class="block_title">Это заглавие блока </h2>
<div class="row">
<div class="g_conteiner">
<div class="grid_conteiner_items"> 111111111 1</div>
<div class="grid_conteiner_items">2 Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. </div>
<div class="grid_conteiner_items">32 Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты.</div>
<div class="grid_conteiner_items">42 Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные текстыДалеко-далеко за словесными горами в стране, гласных и согласных живут рыбные текстыДалеко-далеко за словесными горами в стране, гласных и согласных живут рыбные текстыДалеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты.</div>
<div class="grid_conteiner_items">52 Далеко-далеко за сл
@frontend-coder
frontend-coder / curves_block
Last active January 26, 2020 21:54
Как создать блок с закругленой или скошенной нижней частью #decorate
<section class="header_top_block" >
<h1 class="header_top_block_title"> Это заглавие шапки блока</h1>
</section>