#\:D/ : Screenshooting, cursor too

…with IrfanView

While Snipping Tool still delights me, today I learned to Capture a screenshot with IrfanView that shows the mouse cursor! … \:D/

In brief:

Open Irfan View -> Options -> Capture/Screenshot (check/modify settings) -> Start -> Ctrl-F11

To clarify: the settings to manage screen capture in IrfanView are accessed through the Options menu, being sixth available option if canvas is blank.

Settings

Capture Setup has many controls. I set the capture area to Foreground window. I left capture method at default Hot Key CTRL+F11. I left default at including mouse cursor. And after the capture show in main window of IrfanView.

IrfanView Capture Setup has four bundles of options. Capture Area has seven types from full desktop area to a fixed screen rectangle. Capture method can be by hotkey or automatic on timer. After the capture offers four options, to show, copy to clipboard, send to printer or save. Finally in addition to default mouse cursor, two other options area to scroll window and set when to stop, if filming.

Yes will need to crop

But cropping–once I realised* how (when there is an image on the canvas and no paint tools selected, just left click drag, let-go, Ctrl+Y)–is also rather nifty in IrfanView, offering (via Edit -> Show selection grid) a golden ratio grid.

*(thanks to Lord Spam Magnet & Grinler at BleepingComputers)

PS – if you were wondering

  • \:D/ in title is a Happy Dance
  • the screenshot for which I wanted a cursor…
    Pasting values only (or paste as plain text) in Google Sheets…relates to a possible future post about importing+keeping Google Search results for a google portion of a literature review.

How to style Zotero references in WordPress posts = Custom CSS

Have you been dragging references from Zotero to your WordPress blog post, only to find that your WordPress theme does not have style instructions for the divs Zotero uses?

Zotero’s div classes

Perhaps like me you have noted in html view that the reference dragged from Zotero is automatically styled with “<div class=”csl-bib-body“> and <div class=”csl-entry”>”?

Adding Custom CSS to WordPress Theme

Tonight I finally worked out  how to tell my blog what style it should apply to the div classes that come with citations dragged from Zotero. I took a snippet of bertobox‘s solution, and looked at my Theme Options, finding an option to add a custom css style.

Image depicts WordPress Dashboard, Appearance menu, Theme Options, CSS Styles, Custom CSS Styles box

Custom styling Zotero classes for APA

.csl-bib-body{padding-left:0;margin-left:0;}
.csl-entry{margin-left:2em;text-indent:-2em;margin-top:1em;margin-bottom:1em;}

Limitations

I use Cyberchimp’s free Responsive II theme. I do not know if the theme options available for it are common to any others.

Mind, this designates only one particular style (the style above is for APA). If I wanted to use different citation styles for different posts, I’d need a different solution.

Hat tip/demonstration:

bertobox. (2011). CSS-for-APA-Style-references. Retrieved 29 July 2015, from https://github.com/bertobox/CSS-for-APA-Style-references

DIY desktop icons with IrfanView #blogjune

Three of my custom desktop icons and IrfanViewNo fuss, no bother,

IrfanView quickly converts my .jpg images to .ico ; giving me visually meaningful desktop icons.

Recently I became interested in customising my desktop icons. Specifically (so far): shortcuts to webpages which otherwise would, by default, show the browser’s icon. Regular readers may recall that Mr 17 helpfully photoshopped two creative commons images into one; and that it was only after much fuss I found an online converter to achieve an .ico file.

… and more (later)…

Apparently IrfanView is capable of tons more than this little thing I needed.  It will come in handy:

  • when I have time to learn more about optimising (beyond cropping and resizing images with Paint to 500px or less before uploading)
  • or for working with layers (see if I can stretch beyond the gimp tutorials with which I made a couple of textures for SecondLife).
also creates slideshows and more
Find out more and download at IrfanView

How simple?

For future reference, with IrfanView icons are a simple matter of:

File Save Picture As
File, Save Picture As, .ico

Thanks Irfan.

Will he earn a place on my toolbar?
Will he earn a place on my toolbar?

How to Auto-share WordPress blogposts to Google+ and Facebook = Jetpack

Specifically: Publicize

Screenshot of Jetpack features in WordPress Dashboard
Screenshot of Jetpack features in WordPress Dashboard

Efficiency regained

Since shifting from my old moonflowerdragon blog at blogspot to my own hosted WordPress site, and making a second Twitter account, my link to auto-share to Facebook broke.  I had also long ago failed to find a way to auto-post to Google+.  But apparently I can now do the latter, and Facebook direct, via the Jetpack suite.

I am not sure how it will work given that unchecked all the boxes that would otherwise have let the app see who was in my circles, or friends list.  Why would the app need to know that?

Thanks Jetpack Support

Publicize from WordPress with Jetpack

Sons are useful for… making icons

Calendar in Chrome icon

Or: Mothers and sons learn together

Can I?…

My calendar is in Google calendar. A shortcut on my desktop lets me open it in Chrome with one click.  Of course, then I decided I wanted a special calendar icon for it.  I wanted a calendar in the middle of a chrome icon. Yes a calendar icon would have been simpler but I had a notion of it needing to look similar to the shortcut I have at work.

Would you?

This is where my digital-media-trained and his Photoshop skillz comes in.

That’s great but …

Unfortunately his beautiful combinations looked fine in photoshop, but the first opened at my end with a black background, another had a white background, and when we tried to save as .ico in bmp or png formats (because Photoshop CC did not seem to be able to save to .ico) some showed no image at all.

Trial and error

Some of the clues we tried:

  • Ryan at StackExchange suggested that we must first save the .png files to the computer, and then open them with Photoshop (during copy paste techniques Photoshop converts the transparency to black).
  • Although my issue does not involve WordPress as did Mike Lee’s 2012 issue with the black turning up when he resized images, I wondered from his problem statement whether I might eliminate resizing as a possible cause by using images that were already the desired size. That appeared to help, but we were working through ideas so quickly I am not sure if it was required, because for the one below Mr 17 did resize one of the source images.  I’d have preferred a blue calendar, but could not find one the right size licenced for reuse.
Calendar in Chrome icon
Image (pre-iconised) I use for shortcut to Calendar in Chrome

Source images are from Wikipedia: (Calendar) and (Chrome).