Update 7 Dec 2008: This theme is superseded by Journalized Theme version 2.7. Please use that version from now on.
Update 12 Nov 2008 There is a new Beta version 2.7 available to try, see the theme page for details. Please download it and give it a try.
This version is now defunct and will no longer be maintained.
On this page you can find the latest version of my Journalized Sand theme for WordPress.
Clicking the thumbnail below will show you a full size screen shot of the theme in action.
This release incorporates many of the fixes and changes suggested by people trying the theme.
You can download the files from here: journalized-sand-theme-1.0.2.tar.gz (tar ball for unix or similar users) or journalized-sand-theme-1.0.2.zip (zip file for Windows users).
To install simply expand the archive on your local machine. You should have a directory called ‘journalized-sand’. Upload the directory and the files within it to your wp-content/themes folder on your server. Login to your blog’s administration pages and go to the Presentation page. The new theme should be listed there ready for you to select. If not check the permissions on your uploaded files.
Enjoy! The theme is licensed under the GPL. So you may modify it and distribute it. Please let me know if you use it, modify it, etc. If you have any questions leave a comment on this post with your question. Comments are moderated so you won’t see your comment immediately.
What’s Changed?
The main changes in the themes are these:
I’ve added missing tags to the main section of the theme. That is, the ‘Previous Entries’ and ‘Next Entries’ links after the main content. I’ve also added in the Next and previous story links above the post when you are looking at an individual post.
In the side bar I’ve removed all the get_links() and get_linksbyname() calls and susbstituted a single call to get_links_list().
I’ve adjusted the CSS to display the nested unordered lists from the call to display like the h4/rightsidesection combination we had before.
I’ve added a page template for pages like this one with slightly different layout for the content. There are some minor bug fixes on the pages and I’ve added the the fix for aligned or floated images not displaying in Internet Explorer.
Thanks for the Help on the banner thing I was working on.
You where right on the money on that one.
Those picture links I was talking about, Here is an exsample of the buttons:
http://www.tv.com/justice-league-unlimited/show/3914/episode_guide.html&season=4
Thanks again for getting back to me so fast.
Your Great
Hi Iron Dude,
I guess you mean the horizontal menus buttons? If so, there is a good tutorial on the WordPress Codex. I think that would be a good starting point for you.
Here is a another one for you.
I made a header in Adobe that is Html which I set up here to see what it would like:
http://home.earthlink.net/~isaacdiaz/Banner-Twisted.html
Would you know how to make this so I could make this my header?
Hello There, you have been a great help in the past.
Hope you can help me with this.I made a header in Adobe and would like to use it for the template.
It is a HTML and I put it here for you to look at:
http://home.earthlink.net/~isaacdiaz/Banner-Twisted.html
Will it work on my site:
http://www.twistedfrogdesign.com/
Let me know
Peace Out
Hi mike, I’m zul from malaysia. Hmm, I like your template.. Buat, how to manage the link categories and also its links? Using site admin or must open the theme source code?
Sorry, my english is not well.
p/s: My site is in Malay.
Hi Zack,
You use the normal link administration screens. But make sure you have the latest version of the theme.
Irondude,
I think you would have a great deal of trouble getting that header to work well in my theme template. It is table-based using precise pixel dimensions, whereas my theme is flexible and will expand and contract with the browser width.
Mike
Great theme!
I’m having some trouble with the get_links_list() call displaying my link categories correctly in IE. They display fine in Firefox & Safari. The h2 tag does not display its own box in the sidebar. Any help would be appreciated!
Thanks
Hi Matt,
You are right it is broken! I can’t believe no-one has reported it before. I don’t normally work on a Windows machine, and rarely in IE when I do, so I have never noticed that problem.
I checked the current development version of the theme, and it is fixed there. Unfortunately that version isn’t yet ready for release.
I will try to isolate which particular setting fixes it and publish that fix. Probably later today.
Mike
Matt,
I’ve found the problem. It seems IE doesn’t understand as much CSS as I thought! Thankfully there is an easy fix:
In style.css make the following change to line 394, near the bottom of the file:
Change
div#rightside > ul li
becomes
div#rightside ul li
This will fix the missing borders around the groups of links.
It does leave a double border under the last link in a list. You can fix that by changing the very last rule (for
div#rightside ul li ul li) to addmargin-bottom: 3px;
Mike
Mike -
Thanks for the quick fix. I look forward to what comes out of development. Thanks for the great theme!
Matt
Pingback: Blogging My Pursuit » 5 Great Three Column Wordpress Themes
Quick question. I am using your journalised sand theme. How do i change the Right Column so that it can list General Links, I Read, etc etc? The php file rightcolumn is non-editable in WordPress.
thanks
Hi James,
Making the file editable is a matter of the right permissions on the filing system. Your ftp program should allow you to change the permissions.
However, the fact that you have those sections means that you are using an old version of the theme. The download link on this page is to a newer version which will automatically include all your links in their own sections.
Mike
Hello Mike,
Heres another hard one for you.I have a image as my header and I would like it to autmatically resize according to screen resolution. How would I do this?
I guess I hear some people are still using 800×600
My site was made for 1024×768.
I have used some code i found on the net and it changes all the images on the page.
Thanks Man.
Let Me Know..
Iron Dude,
You could style the width of your header image to be a percentage of the browser width. But it could get ugly real quick!
Where you have the image tag in your h1 header,
<img src=http://www.twistedfrogdesign.com/pics/image.jpg alt=':::: Movie Reviews...'>you could add a style attribute
<img src=http://www.twistedfrogdesign.com/pics/image.jpg alt=':::: Movie Reviews...' style="width:100%" />Which would make it the full width of the browser window regardless of the resolution. At extremes of narrow and wide though, the image may get so distorted as to be detrimental to the image of your blog!
Mike
Thanks for all your help in the Past.
I have another question for you.
Is there a way to set up the post Backgrounds to change according to the categories?
Would this be too Hard?
Let Me Know.
See Ya
Heres another weird question for you.
Is there a way to force the web to stay at 1024×768
No matter what people have there resolution set to.
Just wanted to say thanks for the theme- I altered it alot from the the original, but it was very easy to customize. All the documentation on your blog has been great!
Stop by if you get a chance, and bring some fun links to dump!
doug
Doug,
I’m glad you like it. You should look at the new beta too.
How would i go about hiding the weblog title and tagline?
Also what would you charge to convert our site to 2.0
Hi IronDude,
Do you mean in journalized sand? You coudl edit the contents of the
div id="header"in index.php and page.php. Or did you mean something else?As for the charge, I was thinking somewhere around £25 or a couple of CDs from my wishlist, something like that. It will depend on the complexity of the site to be converted.
Mike
Just wanted to let you know that I think your journalized-sand theme is quite good, and I’m happily modifying it for my own site
hey man, using your journalized sand theme. it rocks, you can check out what i did with it on my site.
peace
Mike: I´m using your theme, which is great for the purposes of my site. I´m a proffesor at a couple of universities in Buenos Aires, and I create a site for having contact with my students. I need to know if I respect the copyright of your theme. Please, let me know if I have to change anything. Thanks for your excellent work, this theme is awesome.
Hi Carlos,
I’m glad you like the theme, thank you for the praise.
You are perfectly free to make the changes you have made (and more). The license file that came with the theme explains your rights. You can also see the license on the GNU site where it is available in several languages.
Mike
Hi, I love the theme but I’m having trouble. Whenever I try to change the font size of the @ 2:02 pm.Edit This Filed under Uncategorized [Comments (0)] [link] at the bottom of each blog entry it changes the font for the whole page. What am I doing wrong? What do I have to edit to change only the stuff at the bottom of the blog entry? thanks
Hi Dave,
You need to add a new rule for the class ‘meta’. For example:
.meta {
font-style: italic;
font-size: 90%;
}
That should do what you want. Let me know how you go on.
Hey Mike, thanks for responding. Would I put that code in the style.css file? Could you explain this in more detail? I’m only so so with codes. Thanks!
Mike, I see 2 meta classes in the style.css
.meta ul {
display: inline;
}
AND
.meta li {
display: inline;
list-style-type: none;
Hi Dave,
Yes, you do need to put it in style.css. It can go after the two other .meta rules.
Mike
Mike, ok I did that but nothing changed. Do I need o edit something else?
Mike, well I got that working but now I need help with links in the blog. When I make a link in my blog the font size is way too big. Where do I change this in the style file?
Mike, I changed the font size for the blog headline (each blog entry’s story name) in this code
a {
color: #0000dd;
font-size: 5px;
font-family: verdana, arial, helvetica, sans-serif;
text-decoration: none;
but when I do that my links in the blog also take that font size which I don’t want. How do I get around this so I can set my font size for blog links and blog headline seperate???
Nice layout. Good work mike. I’ve done a few themes also, but i still think that yours is more better.
Mike, I found the answer from an earlier question you answered in your blog. My page finally looks good to go Thanks!
Dave
Mike –
Thanks for developing the theme. I’m new and inexperienced, but I’m trying. A couple of questions.
How does one change the font and font size of the title in the header?
Secondly, in regards to out internal links, is there a way to not show the cascading effect of pages? Meaning, if I’ve created a page for photos, but want to create and link other pages to the original photos ‘parent’ page…is there a way to not show the sibling pages. Hopefully that’s clear. And yes, I’m looking to incorporate a gallery of some sorts soon.
Any guidance is appreciated.
Craig
Pingback: my weblog » WordPress Themes : Mike Little’s Journalized
I upgraded to Explorer 7 and its a lot like Firefox.
It totally changed my rightside,
It deleted the background color and ect.
you can view it firefox or Explorer 7 at:
http://www.herospy.com
Let me know how I would fix this…if I can.
Thanks
hi ya’ll linkin prk r da bomb!!!!!!!!! dey rock my stripy red sox and korn rock da blak ones!!!!!!! so wdc im in skul.
Howdy! I found the journalized sand theme to be just what I was looking for. But can you tell me how to fix the size of the posts? At lower resolutions (800×600) the blog posts overlap the right sidebar. Thank you.
Hi there!
I love your theme and i’m trying to play around with it. i don’t know much about CSS..i’m too old school. hahaha.
but i wanted to add a banner image across the top. I did see the previous posts about this and it didn’t work for me. is there anyway you can help me?
Pingback: CT Biz Blogs » Blog Archive » Searching for a new template
Hi,
I am using my website with journalized-sand 1.0 and now i want to use 1.0.2 what files i need to copy to upgrade 1.0.2 i really need your help
tahnks
Hi David23,
The easiest solution is to just upload all the files from the zip. I can’t remember exactly which ones changed.
If you have customised any of the files then you will have to transfer those customisations, so keep a copy before you overwrite them.
Mike
Hi,
Thanks for your reply.I want to put the previousentries and next entries like in your present website it should appear the right and left ends what i have to change i have added the code but it is displaying the previos article name and next article name i don’t want to show the name of the articles just previouentries and next entries
Thanks for your help
Hi,
I want to copy header image in to my blog.Could you please tell me the size of the image i need to upload exactly to fit the header block.Thank you very much for your help.Where i need to change the php code.You can see my blog here http://www.debianadmin.com thanks you very much for youre help.I really need to insert header image with my logo.
thank you
Love the template. I signed up for a netfirms account and yours was the best style template. I changed around the colors, etc but I’ve made sure to keep the link to this page intact. Thanks for the great set-up!
Hi Prem,
It depends on the browser width, because the centre column expands. On a 1024×768 display, the centre column is about 550 pixels wide.
Mike
Hi David23,
The previous/next links are for the multi-post display, like the front page, category, or archives view. The next/previous links with the article name are for when you are viewing an individual article. My blog does exactly that. If you have the latest version of the theme, that code should already be there.
Mike
Hi Matthias,
I’m glad you like the theme, it looks like netfirms are using an old version of the theme. You should update to the latest, there are some bug fixes in it.
Be careful! It will mean you will have to save copy of your modified files and apply the changes you made to the new version.
Mike
Hi Mike,
Finally i have completed my blog http://www.debianadmin.com and please suggest me if there is anything need to be done and you openion also.I am using your great theme and i found only one some times block for each article is expanding over left and right coloums this is happening only in IE.The version i am using is 1.0.2
Thanks
Hi Mike,
I am having problems with template in my website perticularly in IE you can check this link for example.
http://www.debianadmin.com/kanotix-livecd-screenshots-desktop-and-applications
Images are not in proper place the same link if i open in my firefox it seems to be fine.PLease help me how to fix this error for internet explorer.
Thanks for your help
The problem with IE is if i put thumnail images 4 rows and 4 coloumns my images are not in proper place it will be all over the page instead of the original location that is why presently i am giving link to one image with gallary.I really need help to fix this.
thank you
Hi
I youse your template – I would like to add a tag cloud – do you know how and where in the dashboard?
Karin,
You need to find a plugin and install that on your blog.
Ultimate Tag Warrior is a popular one though I haven’t used it myself.
Mike
Hi Mike – I have tried exactly that one already, but it looked terriblen, and I didn´t find a way to fix it, so I wish you could tell me how
Karin,
So far I’ve not used any tagging plugins. I am considering it for the next incarnation of my blog.
But for now I don’t have any advice, sorry.
Mike
Thats allright, Mike – thank you anyway.
Karin
Hi Prem,
You commented earlier asking about problems with images in IE. I think at the time you were using a gallery/thumbnail plugin.
But I see you’ve changed the way you are doing images in your posts at the moment. This is presumably to get round the problem with images in IE.
I believe that someone else had a similar problem with the same plugin and that the cure was minor change to the plugin code. If I recall correctly, the problem was that the div tags the plugin outputs add an align attribute.
The fix was to add a position:relative style to the correct div class.
I hope that makes sense. Get back to me if you need more help.
Mike
Hi Mike,
I am using coppermine gallary plugin and i am not sure where i need to change these div tags.
Thanks for your help
I have been studying your reply to question # 53, but still am not sure how to replace the quotes at the top of the left and right columns with my own. I’m very new at this. The theme is terrific. Thanks.
Hi Ruth,
You need to go to the presentation -> theme editor once you have logged in to the admin pages. Then select leftcolumn.php from the list of files on the right hand side. You can then edit the section that begins
<p><strong>jour·nal</strong>to change the quote.
You need to do the same thing in the rightcolumn.php file too.
Hope this helps.
Mike
Hi, Mike–
Thanks for the speedy reply. I haven’t been able to change the quote. Question # 69 is similiar to mine. In #80, you said it had something to do with Word Press using Smart Quotes, which couldn’t be edited so simply. You gave some advice for changing the header, but I don’t understand how to apply that advice to the quote boxes. Thanks.
Ruth
Hi ruth, if you send me the words you want to put in the quote boxes and the leftcolumn.php and rightcolumn.php files from your theme, I can add them for you and send them back to you.
Mike
Hi, Mike-
Again, thanks so much for your help.
On the left:
The world is so full of a number of things, Im sure we should all be as happy as kings
–Robert Louis Stevenson
<strong>jour·nal</strong> <i>n.</i> A personal record of occurrences, experiences,
and reflections kept on a regular basis; a diary.
internal links:
<a>" title="Blog Home">Blog Home</a>
categories:
On the right:
I have never seen a free people whose liberty is not enrolled in beliefs. To me, the reason for this is that liberty is more the daughter of morals than the daughter of institutions, and morals are the daughters of beliefs.
–Alexis de Tocqueville
<strong>95.</strong> <i>We are waking up and linking to each other. We are watching. But we are not waiting.</i>
— <a href="http://www.cluetrain.com/" title="The Cluetrain Manifesto" rel="nofollow">The Cluetrain Manifesto</a>
Ruth,
I’ve emailed you the modifed files.
Mike,
I just wanted to thank you–it’s a great theme and easy to modify–the thread here is great support.
I may be back for some advice, but just wanted to say thanks for the theme.
Larry Handlin
Hello Mike,
First of, thank you for Journalized Sand. I love the theme and am using it to chronicle my travels.
See: http://www.sprangleblog.com.
But I am having some problems that need advice. I hope I’m doing the right thing by describing three issues in one post.
1) Please look at this post in Internet Explorer – and then look at it in FireFox:
http://sprangleblog.com/?cat=9
Note that the thumbnail graphic does not appear in IE. Yet, the space is defined and when clicked on, the larger graphic displays on a new page.
Any idea how to fix this for IE, please?
2) Now please look at the blog home page – doesn’t matter which browser – and see the headshot thumbnail. It’s inserted using a plugin called Simple Pop Up. It works in both IE and FF, so it might be a way to deal with the above issue – however, I can’t control word wrap.
Any idea how to force that?
3) finally, I’ve installed a plugin called Custom Query String. It exerts control over the order in which posts are displayed (in this case, forcing chronological order rather than blog default “last – first”). It also limts how many posts of a catagory are displayed.
However – there is no previous or next navigation. Any idea how to show that?
If sending you server access will help, just ask.
Again, than you for an excellent theme.
Joe
Joe,
You need to upgrade to the latest version of the theme (available above) to fix both 1 and 3. Be careful to save any changes you have made. You will have to re-apply them to the new version.
Item 2 is because the image is neither floated or aligned, which causes the IE problem you see in 1.
Maybe my CSS is just terrible, but for the life of me I can not find where there is some type of hidden padding in the header section. Even if you reduce the padding to 0px, there is still a fat empty space above and below the title. Any idea what the deal is there?
Mike,
Have a look at my blog for details…
great theme, ta. I’ve been using it for quite some time now, and I’ve finally got round to modifying it so that it integrates better with the title picture – it does look quite different, to be honest
Hi
Just passed by to say that I am also using journalized and I think it is very good. Nice blog.
/Sivan
Hi
Just passed by to say that I am using journalized and I think it is very good. Nice blog.
/Sivan
Hi Mike,
I used this theme when I had my first blog and loved it.
Got out of blogging for 18 months and am deciding whether I want to do it again so looked for your them again.
I’ve tried dozens of them. None are as elegant and professional looking as yours (many trying to be too flashy.)
So the question is: will you be modifying this theme in order to allow widgets?
Hi
I’m using your theme which I find is really great (my wife uses it also) but I can’t remove the title which seems to show up and overwrite the banner image I have put up. I would really appreciate it if you could tell me how to delete the title (not from the options of course)so that the banner image is clear.
Thanks
John,
You should check out the new version of Journalized Theme version 2.7, which addresses our question and completely replaces this version.