I see an empty ad pretty often & I'd like to collapse the space. I know this could be done easily by including googletag.pubads().collapseEmptyDivs()
However, this doesn't work as expected, the space is there, just empty. When I inspect element, this is what I got:
border: 0px; vertical-align: bottom; visibility: hidden; display: none;
When I do google_console sometimes I also saw a warning "collapseEmptyDivs gets ignored". Weirdest part is, when I click on google_console "open creative in new window" - I see the ad. What could go wrong here?
Thanks in advance!
try passing true to googletag.pubads().collapseEmptyDivs(true) which makes the ad hidden until it matches an ad.
Related
VSCode version 1.16
When i have unsaved changes in a file, the dot in the tab file's name is not really visible as seen below.
I'd like to highlight it somehow (e.g. to change its color). I inspected the dot element via Dev tools in VSCode and it has a ciass of action-label icon close-editor-action but i am not sure how could I implement the CSS into editors' customization..
I know about workbench.colorCustomizations settings but i have not found any documentation about this particular little thing.
The only customizable setting of tabCloseButton is changing its position but not its visual.
Does anybody know how could this be implemented?
Extension Custom CSS and JS Loader.
For instance: changing the entire unsaved tab:
.tab.dirty {
background-origin: border-box;
background-image: repeating-linear-gradient(
45deg,
transparent,
transparent 8px,
#465298 9px
);
}
Or changing close icon:
.tab.dirty .close-editor-action {
background: #465298 !important; /* here could be some inline image*/
border-radius: 50%;
}
I try to use "Typeahead.js" in a project with high keyboard interactivity.
I use the lib to purpose some input suggestions to users. Sometimes there is a lot of results and the suggestion list is scrollable (with this CSS):
.tt-suggestions {
height: 124px !important;
overflow-y: auto !important;
}
But when I use keyboard, the list doesn't scroll although this evolution has been merged.
Is it a bug or i do something wrong ?
I don't find any example on Web.
Thanks.
Apply the styles to .tt-dropdown-menu (!important won't be necessary):
.tt-dropdown-menu {
height: 124px;
overflow-y: auto;
}
I have almost all other elements of Thunderbird hidden to create a minimal interface. I keep my mail sorted by date only so I do not need the sort bar.
Does the sort bar have a class name (like .sortBar) that I can easily hide with CSS?
This userChrome.css works as of Thunderbird 31.1.1:
vbox#threadContentArea > tree#threadTree > treecols:first-child {
height:0 !important;
margin: 0 !important;
padding: 0 !important;
visibility: hidden !important;
}
Notes:
Just using display:none doesn't work in this case; comments welcome if someone knowledgeable with XUL / moz CSS knows why. The rules above work around that, but leave an empty space of 8px height. Again, improvements welcome :)
To create such rules, use the DOM Inspector addon (install it from Thunderbird's "Extensions" screen), then inspect the XUL tree of Thunderbird (File > Inspect Chrome Document), and try to build a CSS selector of what you want to modify.
Is there an (easy) way to customise the look of the facebook like button implemented via fbml?
I am pretty sure I saw this somewhere, but I cant remember where and I cant find any documentation on this.
You don't need to make these illegal hacking. Just use the "Open Graph": https://developers.facebook.com/docs/opengraph/actions/builtin/likes/. The downside is you need to create an app.
Are you guys lawyers or programmers? the question was HOW not '...to do or not to do...'.
#pixelistik button can be inserted either via script tag or iframe and of course you can use css with iframe just via JS, easy peasy.
#skrat good point!
#Slavic what service exactly? I call it half-service because you can like only - no place for criticism so... your criticism is not proper. Like our posts! :P
generally: if you create custom button and you didn't sign to any t&c or something like that you can do whatever you want on YOUR webpage.
Although it may not even be legal to do so (check the terms and policies for yourself), you could do something like:
/* Like button main text color */
div.like span.connect_widget_text {color:#fff;}
div.like div.connect_widget_confirmation {color:#fff;}
div.like span.connect_widget_text a {color:#ffc6ff;}
This link shows some mild styling options:
http://forum.developers.facebook.net/viewtopic.php?pid=236534
Easy peasy:
Simply set the opacity (filter for ie) to 0 and put the iframes over an image or div with a bg image. For bigger buttons simply load in multiple like buttons, don't load in too many this will make your page unbearable slow.
Hiya, you can do it with some smart CSS - http://www.esrun.co.uk/blog/disguising-a-facebook-like-link/
Although the legality of such edits is under question, I just wanted to share my findings on this subject.
I right clicked on a FB Like button in Firefox, and inspected the element with firebug. The readout of the class elements is:
.connect_widget_like_button .liketext {
background: url(http://static.ak.fbcdn.net/rsrc.php/v1/y7/r/ql9vukDCc4R.png) -1px -33px no-repeat;
background-image: url(http://static.ak.fbcdn.net/rsrc.php/v1/y7/r/ql9vukDCc4R.png);
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
background-attachment: initial;
background-position-x: -1px;
background-position-y: -33px;
background-origin: initial;
background-clip: initial;
background-color: initial;
}
This exists on line 172 of like.php
One company I know of that does use a custom like graphic is Disqus, however their button is a multi-functional element that offers you a choice between facebook & twitter onClick, which may be how they were able to customize it to their needs.
I have an accordion control that is generated in code. Earlier today it stopped rendering correctly in IE8. It would function ok, but sometimes the layout would get corrupted, and all kinds of weird graphical glitches occured. It did not fail in firefox.
I reset my IE settings to factory defaults and it fixed it. It works perfectly on another test machine, but on some of the machines on our network the graphical issues occur.
Has anyone else experienced the same or know a fix? All of our computers run internet explorer 8. If it becomes a big problem I will try forcing compatibility mode but I would prefer a more permenant fix (and also that might not even fix the issue!).
I've had issues like this in the past, most typically an issue with some CSS settings. If you use the developer tools in IE, look to see what CSS settings are being applied and try to rule that out.
A screenshot of what is happening and what should happen would be useful along with the code sample.
On your accordion headers only, place the following css code:
.accordionHeader { display: table; width: 100%; }
If you find that the headers still jump when hovering between them, use a border-top using a solid colour rather than using margin and padding. Of course this only works on designs ontop of solid colours (the border colour would need to match the background colour). Heres an example:
.accordionHeader { border-top: 10px solid #FFFFFF; }
This will fix IE8 right up! This has taken me a year to figure out lol.