Oldalak

Wednesday, February 10, 2016

Google Speed




Az URL részbe (ahova azt írod pl. hogy www.google.hu), Írd be, hogy:
about:config



Nyomj ENTERT. Ha most minden igaz, akkor egy menüben vagy...
ami így nézz ki.


Keresd meg ezeket a bejegyzéseket és tedd a megadott állapotba! (TRUE/FALSE)

network.http.pipelining"  "true"
network.http.proxy.pipelining"  "true"
network.http.pipelining.maxrequests       (Ezt állítsd át 30-ra!)

MAJD, KATTINTS BÁHOVA A JOBB GOMBBAL!

NEW->INTEGER

ÍRD BE:

nglayout.initialpaint.delay    (Az érték nulla legyen!)

HA ADSL-ed van, akkor ezeket kell beállítani még:

network.http.max-connections : 64
network.http.max-connections-per-server : 21
network.http.max-persistent-connections-per-server : 8
network.http.pipelining : true
network.http.pipelining.maxrequests : 100
network.http.proxy.pipelining : true




3D gomb linkekhez



Sign Up!

<style>

a.css3dbutton {
    background: darkred; /* background color of button */
    color: white;
    text-decoration: none;
    font: bold 28px Arial; /* font size and style */
    position: relative;
        top: 0; /* anchor main button's position */
    bottom: -12px; /* Depth of 3D effect. :after pseudo element inherits this value so it's animated in Chrome. See: kizu.ru/en/pseudos */
        margin-bottom: 12px;
    -moz-box-shadow: 0 -15px 5px darkred inset;
    -webkit-box-shadow: 0 -15px 5px darkred inset;
    box-shadow: 0 -15px 5px darkred inset;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a.css3dbutton, a.css3dbutton:after {
    display: inline-block;
    padding: 10px 15px; /* vertical and horizontal padding of button */
    -moz-border-radius: 8px/15px;
    -webkit-border-radius: 8px/15px;
    border-radius: 8px/15px;
    outline: none;
}

a.css3dbutton:after { /* pseudo element to construct 3D side of button */
    content: "";
    position: absolute;
    padding: 0;
    z-index: -1;
    bottom: inherit; /* Inherit main button bottom value to animate it. See: kizu.ru/en/pseudos */
    left: 0;
    width: 100%;
    height: 100%;
    background: #6e0e0c; /* background color of 3D effect */
    -moz-box-shadow: 1px 0 3px gray;
    -webkit-box-shadow: 1px 0 3px gray;
    box-shadow: 1px 0 3px gray;
}

a.css3dbutton:hover {
    -moz-box-shadow: 0 25px 5px rgba(182, 64, 61, 0.7) inset;
    -webkit-box-shadow: 0 25px 5px rgba(182, 64, 61, 0.7) inset;
    box-shadow: 0 25px 5px rgba(182, 64, 61, 0.7) inset;
    background: #bc3835; /* background color when mouse rolls over button */
}

a.css3dbutton:active {
    top: 12px; /* shift button down 12px when depressed. Change 12px to match button's "bottom" property above */
    bottom: 0;
    -moz-box-shadow: 0 -20px 5px darkred inset, 1px 1px 2px #eee;
    -webkit-box-shadow: 0 -20px 5px darkred inset, 1px 1px 2px #eee;
    box-shadow: 0 -20px 5px darkred inset, 1px 1px 2px #eee;
}

</style>



<a class="css3dbutton" href="#">Sign Up!</a>






Sunday, January 31, 2016

Twitter bejegyzések beágyazása weboldalunkba


            <a class="twitter-timeline"  href="https://twitter.com/ShopBusiness" data-widget-id="470574913909047297">@ShopBusiness Tweetjei</a>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
    
 
természetesen ez a kód sor a saját oldalamhoz tartozik .
A sajátotokat a twitter oldalatokon tudjátok elkészíteni     .
 
link: https://twitter.com/settings/widgets/  a modulok gombra klikkelve.



Monday, January 25, 2016

Matematikai jelkép kódok HTML nyelven





"

&quot;

µ

&micro;

&permil;

&larr;

&uarr;

&rarr;

&darr;

<

&lt;

>

&gt;

&lsaquo;

&rsaquo;

«

&laquo;

»

&raquo;

±

&plusmn;

x&ordm;

x&sup1;

x&sup2;

x&sup3;

¼

&frac14;

½

&frac12;

¾

&frac34;

×

&times;

÷

&divide;




Friday, January 22, 2016

Online tools






Image optimizer
optimizáló program amivel megmutathatjuk a képet a böngésző programoknak.
Favicon generator
favikon generátor
E-mail riddler
E-mail Riddler egy online eszköz, amely titkosítja és átalakítja az e-mail címedet.
Gradient Image Maker
szín átmenetet lehet készíteni választható színekből és méretből.
Button maker 
gomb készítéséhez kód generátor.
Ribbon rules
kód generátor, amivel szivárványt lécet lehet készíteni, megadott színekből.