• 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 Акції 4K Перегляди 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 Акції 2K Перегляди 0 Відгуки
  • Minix example OS


    #Minix #OS
    Minix example OS #Minix #OS
    Haha
    1
    0 Коментарі 0 Акції 2K Перегляди 0 Відгуки
  • First lines of Minix example OS.

    #MINIX
    First lines of Minix example OS. #MINIX
    0 Коментарі 0 Акції 2K Перегляди 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 Акції 4K Перегляди 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 Акції 6K Перегляди 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 Акції 3K Перегляди 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 Акції 5K Перегляди 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 Акції 3K Перегляди 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 Акції 5K Перегляди 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 Акції 5K Перегляди 0 Відгуки
За підтримки
Today SPONSOR is Mr. Maciej Soroczyński.
У тренді
#css 7 Повідомлення #rainbow 6 Повідомлення #REVOLUT 4 Повідомлення #CDEFGAHC 4 Повідомлення #UPDATE 4 Повідомлення #google 4 Повідомлення #JavaScript 3 Повідомлення #CODE 3 Повідомлення #chrome 3 Повідомлення #DJFOX 3 Повідомлення #POP 2 Повідомлення #HTML 2 Повідомлення #onclick 2 Повідомлення #Theme 2 Повідомлення #autohide 2 Повідомлення #cybrex 2 Повідомлення #classic 1 Повідомлення #updates 1 Повідомлення #New 1 Повідомлення #no 1 Повідомлення #vibrations 1 Повідомлення #media 1 Повідомлення #for 1 Повідомлення #sound 1 Повідомлення #EUROJACKPOT 1 Повідомлення #multifunc 1 Повідомлення #JACKPOT 1 Повідомлення #example 1 Повідомлення #Europa 1 Повідомлення #mobile 1 Повідомлення #spinner 1 Повідомлення #Card 1 Повідомлення #Browser 1 Повідомлення #Reader 1 Повідомлення #minecraft 1 Повідомлення #switch 1 Повідомлення #DONATE 1 Повідомлення #euro 1 Повідомлення #off 1 Повідомлення #UE 1 Повідомлення #Mr 1 Повідомлення #address 1 Повідомлення #Elon 1 Повідомлення #bar 1 Повідомлення #Musk 1 Повідомлення #debt 1 Повідомлення #d6dee1; 1 Повідомлення #web 1 Повідомлення #bdbdbd; 1 Повідомлення #bag 1 Повідомлення #zoom 1 Повідомлення