Wednesday, 29 February 2012

Rebirth of GAEA

Very artistic and I love the way the whole process is presented.. shame the final image it's shown only for a split second, nevertheless just as impressive :)

REBIRTH of GAEA - Flowing Meditation from Jesse Michael Newman on Vimeo.

How to add source code to your blog with syntaxhighlighter

Some of you might expect blogger to come with a button/script/widget to let you add source code into your post and be displayed like plain text or code without being seen as code and included into the theme. Well you're wrong and trust me I looked for widgets and read on blogger forums about scrips and even tried to update to a newer theme to get the extra tools for this. It's nothing out there from them. Don't get me wrong I did try to use
put quote here
and for code put code here
at no avail.

So you either do your own research or don't add code at all as it wont show up without a good script and wait for blogger to come up with something. I went for the first option. Throughout my search 4 blogs stand out and they all talk about SyntaxHighlighter the one I eventually went for and the google-code-prettify.

At last I found this blog of Matthew V Ball where it's all nicely explained and easier to implement into the theme code:

The first problem I had with it was that it would't save my theme since there was a problem with the XML script so after reading few comments I gave a try to changing the end script tag for the step 3. I replaced the /script to script/ and all got saved.

However after adding the code to my post on publish post I get the "ERROR
Your HTML cannot be accepted: Tag is broken: A" All the code should be in between div tags pre name="code" class="cpp" text here and end with pre

What I did to get it to "work" was to tick the box for "Stop showing HTML errors for the body of this post". Now I get the code and everything but as you might see the php code is duplicated and I have some extra closing tags which should't be there. This is not perfect but as least it displays something. Another problem I have with it is that it adds spaces between code lines that I don't have in my post, as if there were /br lines.

This is the same script but not clear enough on what I need to do mainly because on is a newer version of SyntaxHighlighter with different files and I didn't know where and how to add the them to the google page and the css files come in different names and I don't know which is the one I should use..

Another interesting post I found here: I tried it and I get the code box but the code is converted back to code so nothing is displayed. I'm not sure it works with more then html codes.

Then I found this blog of Viviann which again is not fully detailed to explain the whole process to make the script work.

If anyone has any ideas on how to make this work properly it would be greatly appreciated.

How to add jump links to multiple posts in wordpress

Yesterday I spent pretty much the whole day searching and reading about how to create a jump link to a post title within the same page.
I want to have all the title links above the page and on click to be sent to the very article without having to scroll all the way down. This has to be done dynamically and I tried to combine the anchor links used in html and the id tag to the php code, but for multiple posts on a page this becomes a problems as it can't be generated by wordpress. I need the php code for this.
From what I read this question has been asked for nearly a year and the only solution is to use a plugin. I don't want to use a plugin as I know it must be another way around it.
Any help will be much appreciated.
I tried a bit of everything.

The usual html code:




Here I should add post-123, where 123 = the numeric post ID. This doesn't generates the future posts id tag but only one link for a specific post. It doesn't necessarily needs to be within a ul.

This is only the first part of the loop, but I couldn't quite understand how it works.


echo "Next Project";?>

It's so annoying that I can't show the code as the blogger platform sees it as a html error and includes the php code into this post.

Wednesday, 22 February 2012

Find the cat a different image

This is a different image where I still couldn't find it :( If you do find it please let me know where it is.

Friday, 17 February 2012

How to align bullets with text in CSS using ul li

I've been going back and forth with searching and testing on how to align horizontally graphic bullets with text in CSS..

this is my code:

padding-left: 15px;
list-style-position: outside;

.links li{
padding: 5px 0px;
color: #16808C;
list-style-image: url(../images/layout/link_arrow.png);
text-align: left;

I can't figure it out as I tried changing the li with no luck.. is here a syntax error that I can't spot?

.links li{
padding: 5px 0px;
color: #16808C;
list-style-image: url(../images/layout/link_arrow.png) no-repeat center left;
text-align: left;
vertical-align: text-top;
background-position: 0 50%;

Friday, 10 February 2012

How to fix your Wacom Intuos4 pen stylus

Yesterday my wacom pen stylus just fell from my hand right onto the tip. I don't know how it slipped but the button jumped and I could see through the button holes the PCB. I unscrewed the pen tip and removed the rubber grip. I cleaned it on the inside from collected dust (just like you would get with the wheel mouse), and put everything back in.
To put everything back in I started with the rubber grip which slided over the plastic pen, then put the button back into the holes and pressed gently until I heard a click which meant the buttons became stable. At last I screwed the pen tip back and now my pen it's functioning normal. If there are people clumsy like me hope this post will help you solve your problem. I added a photo to visualize it better :) Good luck everyone!

For more info please check my other post where I fixed a different problem with the button and it's all explained with the aid of photos.