CSS problem pri pluginu za piškotke
4 naročniki
4 naročniki
Pozdravljeni.
Že nekaj časa se ubadam s css težavo, ki je še nisem uspel rešiti, zato upam, da mi bo lahko kdo od mojstrov tukaj pomagal :)
Zakaj gre? Na svoji strani uporabljam plugin za piškotke, ki je bil predstavljen tukaj. Vse deluje fino in fajn, želel bi pa eno spremembo narediti. Ko odpreš stran preko telefona, se ti notification za piškotke prikaže čez kompleten zaslon, ne zgolj kot ozka pasica zgoraj ali spodaj (odvisno kako nastaviš), ko greš na stran preko tablice/računalnika.
SLIKA:
Želel bi si pa narediti, da se ta notification seveda prikaže, ampak ne prekrije celotne vsebine strani, da bi bilo na koncu videti nekako takole:
V .css-u sem se nekaj že igral, ampak brez uspeha. Če se je morda kdo že srečal s tem izzivom in ima kakšno možno rešitev/pomoč, bom zelo vesel :)
6 odgovorov
body { background:url('neka_slika.jpg') !important } bo po moje delovalo.... + ustrezna postavitev, center, width 100%.... odvisno od tega, kakšno sliko imaš
Morda še:
#cc-notification #cc-notification-wrapper { padding: 20px 32px 10px !important; }
Da "Zapri" ne bo potisnjen čisto na rob okvirja.
werky:
Zdravo,Poveš link do tvoje strani? Bo lažje.
lp
Lahko prosim pogledaš na http://www.wordpressprofit.com/ ? imam sicer problem na več straneh, ker povsod uporabljam isti plugin....
mislim da ne boš mogel rešit samo s css-jem, ker je javascript napisan tako da se vsebina skrije.
v datoteki http://www.wordpressprofit.com/wp-content/plugins/piskotki/js/test.js?ver=4.4.2
poglej vrstico 1516
in spremeni da bo cc.ismobile na false;
lp
Hvala za namig, ampak sem očitno preveč lesen za .js.
Vrstica 1516 =
(function(a){
cc.ismobile=/android.+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|symbian|treo|up.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55\/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|)|g1 u|g560|gene|gf-5|g-mo|go(.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c(-| ||a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|e-|e\/|-[a-w])|libw|lynx|m1-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk\/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|xda(-|2|g)|yas-|your|zeto|zte-/i.test(a.substr(0,4))
})(navigator.userAgent||navigator.vendor||window.opera);
Če to spremenim v
(function(a){
cc.ismobile=false;
mi obvestila ne pokaže več niti na laptopu ... na telefonu pa seveda tudi ne.