Design elegant pentru bara de instiintare cookie pe Blogger

Design elegant pentru bara de instiintare cookie pe Blogger

Un design aparte pentru bara de înștiințarea cookie prezentat pe diferite culori fiind ca mărime mult mai subțire decât cea originala.Bara standard es

Lecția nr.1 codare HTML și CSS construcție website de la zero
Lecția nr.2 codare HTML și CSS construcție website de la zero
Cum faci o semnătură email mai profesională pentru Gmail

Un design aparte pentru bara de înștiințarea cookie prezentat pe diferite culori fiind ca mărime mult mai subțire decât cea originala.Bara standard este foarte lata ocupând aproape tot header-ul temei ,vizual fiind deranjantă așa ca am redus dimensiunile, si am micșorat textul modificând culoarea de background iar în final a rezultat ceva mai plăcut si elegant.Este customizabila, se poate modifica conținutul si mărimea textului, culoare background si text.Acest cod este valabil doar pentru platformele blogger.

Copiați unul din codurile de mai jos și plasați în temă deasupra la <body> ,urmăriți pentru mai multe detalii tutorialul video de mai jos:

Please accept preferences, statistics, marketing cookies to watch this video.

Temă pe ALB

<!--Custom Cookies by tutorialevideoit.ro-->
<script type='text/javascript'>
  cookieOptions = {
    msg: &quot;Acest site folosește cookie-uri de la Google pentru livrarea serviciilor și analizarea traficului.&quot;,
    link: &quot;https://www.blogger.com/go/blogspot-cookies&quot;,
    close: &quot;Ok&quot;,
    learn: &quot;Citește Detalii&quot; };
</script>
    <style>.cookie-choices-info {z-index:999999!important;background-color:#ffffff!important;border-bottom: 1px solid #565656;
        box-shadow: 0px 0px 0px #000!important; padding:0px 0px!important;}.cookie-choices-info .cookie-choices-text{font-size:14px !important; color:#000000!important;}.cookie-choices-info .cookie-choices-button{  background-color:#ffffff!important;border-radius: 0px!important;font-size:14px !important; color:#000000!important;box-shadow: 0px 0px 0px #000!important; padding:0px!important;text-transform: none!important;}</style>
<!--Custom Cookies by tutorialevideoit.ro-->

Temă pe GRAY

<!--Custom EU Cookies Notice by tutorialevideoit.ro-->
<script type='text/javascript'> 
cookieOptions = { 
msg: &quot;Acest site folosește cookie-uri de la Google pentru livrarea serviciilor și analizarea traficului.&quot;, 
link: &quot;https://www.blogger.com/go/blogspot-cookies&quot;, 
close: &quot;Ok&quot;, 
learn: &quot;Citește Detalii&quot; }; 
</script>
<style>.cookie-choices-info {z-index:999999!important;background-color:#31353d!important;border-bottom: 1px solid #565656; 
box-shadow: 0px 0px 0px #000!important; padding:0px 0px!important;}.cookie-choices-info .cookie-choices-text{font-size:14px !important; color:#ffffff!important;}.cookie-choices-info .cookie-choices-button{ background-color:#31353d!important;border-radius: 0px!important;font-size:14px !important; color:#ffffff!important;box-shadow: 0px 0px 0px #000!important; padding:0px!important;text-transform: none!important;}</style>
<!--Custom EU Cookies Notice by tutorialevideoit.ro-->

Temă pe ORANGE

<!--Custom EU Cookies Notice by tutorialevideoit.ro-->
<script type='text/javascript'> 
cookieOptions = { 
msg: &quot;Acest site folosește cookie-uri de la Google pentru livrarea serviciilor și analizarea traficului.&quot;, 
link: &quot;https://www.blogger.com/go/blogspot-cookies&quot;, 
close: &quot;Ok&quot;, 
learn: &quot;Citește Detalii&quot; }; 
</script>
<style>.cookie-choices-info {z-index:999999!important;background-color:#ff3d00!important;border-bottom: 1px solid #565656; 
box-shadow: 0px 0px 0px #000!important; padding:0px 0px!important;}.cookie-choices-info .cookie-choices-text{font-size:14px !important; color:#ffffff!important;}.cookie-choices-info .cookie-choices-button{ background-color:#ff3d00!important;border-radius: 0px!important;font-size:14px !important; color:#ffffff!important;box-shadow: 0px 0px 0px #000!important; padding:0px!important;text-transform: none!important;}</style>
<!--Custom EU Cookies Notice by tutorialevideoit.ro-->

COMENTARII

WORDPRESS: 0