• When using <div></div> example might be <a></a> or something.

    When writing element mean mostly div class with DOT:

    .example {
    attribiute: value;
    }

    For id we have:

    #example {
    attribiute: value;
    }

    #CSS
    When using <div></div> example might be <a></a> or something. When writing element mean mostly div class with DOT: .example { attribiute: value; } For id we have: #example { attribiute: value; } #CSS
    Pride
    1
    0 Комментарии 0 Поделились 4Кб Просмотры 0 предпросмотр
  • About priority in CSS it's

    element {
    example: something !important;

    it's about !important if there is other code for this somwhere and need to be rewrited in CUSTOM CSS or something.

    #CSS
    About priority in CSS it's element { example: something !important; it's about !important if there is other code for this somwhere and need to be rewrited in CUSTOM CSS or something. #CSS
    0 Комментарии 0 Поделились 2Кб Просмотры 0 предпросмотр
  • Minix example OS


    #Minix #OS
    Minix example OS #Minix #OS
    Haha
    1
    0 Комментарии 0 Поделились 2Кб Просмотры 0 предпросмотр
  • First lines of Minix example OS.

    #MINIX
    First lines of Minix example OS. #MINIX
    0 Комментарии 0 Поделились 2Кб Просмотры 0 предпросмотр
  • Example code for BBC Radio 1.

    <audio autoplay id="myAudio">
    <source src="https://as-hls-ww.live.cf.md.bbci.co.uk/pool_904/live/ww/bbc_radio_one/bbc_radio_one.isml/bbc_radio_one-audio%3d96000.norewind.m3u8" type="audio/mpeg">
    </audio>
    Example code for BBC Radio 1. <audio autoplay id="myAudio"> <source src="https://as-hls-ww.live.cf.md.bbci.co.uk/pool_904/live/ww/bbc_radio_one/bbc_radio_one.isml/bbc_radio_one-audio%3d96000.norewind.m3u8" type="audio/mpeg"> </audio>
    0 Комментарии 0 Поделились 4Кб Просмотры 0 предпросмотр
  • Example style for button:

    <style>
    .checkbox-wrapper-8 .tgl {
    display: none;
    }
    .checkbox-wrapper-8 .tgl,
    .checkbox-wrapper-8 .tgl:after,
    .checkbox-wrapper-8 .tgl:before,
    .checkbox-wrapper-8 .tgl *,
    .checkbox-wrapper-8 .tgl *:after,
    .checkbox-wrapper-8 .tgl *:before,
    .checkbox-wrapper-8 .tgl + .tgl-btn {
    box-sizing: border-box;
    }
    .checkbox-wrapper-8 .tgl::-moz-selection,
    .checkbox-wrapper-8 .tgl:after::-moz-selection,
    .checkbox-wrapper-8 .tgl:before::-moz-selection,
    .checkbox-wrapper-8 .tgl *::-moz-selection,
    .checkbox-wrapper-8 .tgl *:after::-moz-selection,
    .checkbox-wrapper-8 .tgl *:before::-moz-selection,
    .checkbox-wrapper-8 .tgl + .tgl-btn::-moz-selection,
    .checkbox-wrapper-8 .tgl::selection,
    .checkbox-wrapper-8 .tgl:after::selection,
    .checkbox-wrapper-8 .tgl:before::selection,
    .checkbox-wrapper-8 .tgl *::selection,
    .checkbox-wrapper-8 .tgl *:after::selection,
    .checkbox-wrapper-8 .tgl *:before::selection,
    .checkbox-wrapper-8 .tgl + .tgl-btn::selection {
    background: none;
    }
    .checkbox-wrapper-8 .tgl + .tgl-btn {
    outline: 0;
    display: block;
    width: 4em;
    height: 2em;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }
    .checkbox-wrapper-8 .tgl + .tgl-btn:after,
    .checkbox-wrapper-8 .tgl + .tgl-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    }
    .checkbox-wrapper-8 .tgl + .tgl-btn:after {
    left: 0;
    }
    .checkbox-wrapper-8 .tgl + .tgl-btn:before {
    display: none;
    }
    .checkbox-wrapper-8 .tgl:checked + .tgl-btn:after {
    left: 50%;
    }

    .checkbox-wrapper-8 .tgl-skewed + .tgl-btn {
    overflow: hidden;
    transform: skew(-10deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all 0.2s ease;
    font-family: sans-serif;
    background: #888;
    }
    .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:after,
    .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:before {
    transform: skew(10deg);
    display: inline-block;
    transition: all 0.2s ease;
    width: 100%;
    text-align: center;
    position: absolute;
    line-height: 2em;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    }
    .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:after {
    left: 100%;
    content: attr(data-tg-on);
    }
    .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:before {
    left: 0;
    content: attr(data-tg-off);
    }
    .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:active {
    background: #888;
    }
    .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:active:before {
    left: -10%;
    }
    .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn {
    background: #86d993;
    }
    .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn:before {
    left: -100%;
    }
    .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn:after {
    left: 0;
    }
    .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn:active:after {
    left: 10%;
    }
    </style>
    Example style for button: <style> .checkbox-wrapper-8 .tgl { display: none; } .checkbox-wrapper-8 .tgl, .checkbox-wrapper-8 .tgl:after, .checkbox-wrapper-8 .tgl:before, .checkbox-wrapper-8 .tgl *, .checkbox-wrapper-8 .tgl *:after, .checkbox-wrapper-8 .tgl *:before, .checkbox-wrapper-8 .tgl + .tgl-btn { box-sizing: border-box; } .checkbox-wrapper-8 .tgl::-moz-selection, .checkbox-wrapper-8 .tgl:after::-moz-selection, .checkbox-wrapper-8 .tgl:before::-moz-selection, .checkbox-wrapper-8 .tgl *::-moz-selection, .checkbox-wrapper-8 .tgl *:after::-moz-selection, .checkbox-wrapper-8 .tgl *:before::-moz-selection, .checkbox-wrapper-8 .tgl + .tgl-btn::-moz-selection, .checkbox-wrapper-8 .tgl::selection, .checkbox-wrapper-8 .tgl:after::selection, .checkbox-wrapper-8 .tgl:before::selection, .checkbox-wrapper-8 .tgl *::selection, .checkbox-wrapper-8 .tgl *:after::selection, .checkbox-wrapper-8 .tgl *:before::selection, .checkbox-wrapper-8 .tgl + .tgl-btn::selection { background: none; } .checkbox-wrapper-8 .tgl + .tgl-btn { outline: 0; display: block; width: 4em; height: 2em; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkbox-wrapper-8 .tgl + .tgl-btn:after, .checkbox-wrapper-8 .tgl + .tgl-btn:before { position: relative; display: block; content: ""; width: 50%; height: 100%; } .checkbox-wrapper-8 .tgl + .tgl-btn:after { left: 0; } .checkbox-wrapper-8 .tgl + .tgl-btn:before { display: none; } .checkbox-wrapper-8 .tgl:checked + .tgl-btn:after { left: 50%; } .checkbox-wrapper-8 .tgl-skewed + .tgl-btn { overflow: hidden; transform: skew(-10deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: all 0.2s ease; font-family: sans-serif; background: #888; } .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:after, .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:before { transform: skew(10deg); display: inline-block; transition: all 0.2s ease; width: 100%; text-align: center; position: absolute; line-height: 2em; font-weight: bold; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); } .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:after { left: 100%; content: attr(data-tg-on); } .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:before { left: 0; content: attr(data-tg-off); } .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:active { background: #888; } .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:active:before { left: -10%; } .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn { background: #86d993; } .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn:before { left: -100%; } .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn:after { left: 0; } .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn:active:after { left: 10%; } </style>
    0 Комментарии 0 Поделились 6Кб Просмотры 0 предпросмотр
  • Example DIV for that:

    <div class="checkbox-wrapper-8" style="display: flex; float: right;">
    <input class="tgl tgl-skewed" id="cb3-8" type="checkbox" onclick="togglePlay();vibrate();"/>
    <label class="tgl-btn" data-tg-off="ON" data-tg-on="OFF" for="cb3-8"></label>
    </div>
    Example DIV for that: <div class="checkbox-wrapper-8" style="display: flex; float: right;"> <input class="tgl tgl-skewed" id="cb3-8" type="checkbox" onclick="togglePlay();vibrate();"/> <label class="tgl-btn" data-tg-off="ON" data-tg-on="OFF" for="cb3-8"></label> </div>
    0 Комментарии 0 Поделились 3Кб Просмотры 0 предпросмотр
  • Example script code for toogle on and off music.

    <script type="text/javascript">
    var myAudio = document.getElementById("myAudio");

    var isPlaying = true;

    function togglePlay() {
    isPlaying ? myAudio.pause() : myAudio.play();
    };

    myAudio.onplaying = function() {
    isPlaying = true;
    };
    myAudio.onpause = function() {
    isPlaying = false;
    };
    </script>
    Example script code for toogle on and off music. <script type="text/javascript"> var myAudio = document.getElementById("myAudio"); var isPlaying = true; function togglePlay() { isPlaying ? myAudio.pause() : myAudio.play(); }; myAudio.onplaying = function() { isPlaying = true; }; myAudio.onpause = function() { isPlaying = false; }; </script>
    0 Комментарии 0 Поделились 5Кб Просмотры 0 предпросмотр
  • Smarty {if} constructions, looks more complicated.

    It's about construction with {else}

    When the obvious parameter means oposite.



    {if !$user->_logged_in} (example funcion with with no else might be just for logged in)
    {include file='example1.tpl'} (not logged in)



    {else}

    {include file='example2.tpl'} (logged in)


    {/if}


    Smarty {if} constructions, looks more complicated. It's about construction with {else} When the obvious parameter means oposite. {if !$user->_logged_in} (example funcion with with no else might be just for logged in) {include file='example1.tpl'} (not logged in) {else} {include file='example2.tpl'} (logged in) {/if}
    Yay
    1
    0 Комментарии 0 Поделились 3Кб Просмотры 0 предпросмотр
  • DUCKDUCKGO it's about. For WEBMASTERS to make changes just before reset your own CACHE at browser about changes in WordPress's around the World. For many pleaces and changes like plugins and menu for example.

    #CACHE
    DUCKDUCKGO it's about. For WEBMASTERS to make changes just before reset your own CACHE at browser about changes in WordPress's around the World. For many pleaces and changes like plugins and menu for example. #CACHE
    0 Комментарии 0 Поделились 5Кб Просмотры 0 предпросмотр
  • CSS code for your own cursor from url:

    * {
    cursor: url("https://example.com/img/cursor.cur"), auto !important;
    }

    #css #your #own #cursor #for #website #www #CODE
    CSS code for your own cursor from url: * { cursor: url("https://example.com/img/cursor.cur"), auto !important; } #css #your #own #cursor #for #website #www #CODE
    Here
    1
    0 Комментарии 0 Поделились 5Кб Просмотры 0 предпросмотр
Спонсоры
Today SPONSOR is Mr. Maciej Soroczyński.