Be sure to visit the project page at Google Code for documentation, bug reporting and additional downloads.
This is a K2 Style based on the appearance of my site. Included are Photoshop files to customize the layout, menu tabs, navigation background and rolling archives slider. Screenshots of various versions of True Blue.
This work is licensed under GPL.
Download
Download True Blue 1.5 for K2.0 RC1 and svn.
Older versions are available at Google Code.
Installation
- Extract the zip into the K2 styles subdirectory.
- Select trueblue-1.5/trueblue.css in the K2 Options panel.
What’s New
1.5: September 28th, 2007
- Updated for K2.0 RC1
- Added support for one and three columns
Awsome, Just one question. How do i get the photoshop templates to work? Thanks and nice theme
You don’t really need the Photoshop templates to just use the style. If you want to customize the header background, you would open up page layout.psd in Photoshop, make modifications as you see fit. Select File » Save For Web, and specify a destination. In your destination, the following files will be generated: header_bg.jpg, content_top.jpg, content_bottom.jpg, page_bg.jpg and footer_bg.jpg. Just upload them to trueblue’s images folder, replacing the originals.
I love the layout but You could make comments look a lot sleeker.
Thanks. I like the way it is. Nice and simple.
Too bad stock K2 doesn’t support alternating comments.
how can u add the alret message?
and if i install this new version, will my old settings be lost,
you see i already installed true blue a few days ago, and i am a newbie so it was a lot of work customizing it a bit.
thanks
I’ve got this installed on my site at http://www.joycedarrell.com/ but for some vague reason, my text are all really spaced out, some ideas/help would be invaluable
Im still waiting for you steveo. When you answer to my question about localizating True Blue-theme? I need help, becouse it didnt work with version 1.3. Few days are gone… But dont worry, I can still wait for you!
Just my 2 bits, but wouldn’t localization be done in k2 itself?
You had on your blog side notes a while back. Does this new realease support that and how would I make it work
Kaye: By default, k2 justifies the text. To turn that off, open up trueblue.css and add this line of code:
@#page #primary .item .itemtext { text-align: left; }@
Yazeez: for alerts, just give a paragraph or div the class “alert”, for example:
@<p class=“alert”>this is an alert</p>@
Junttura: It’s a style now. Just download the latest k2 svn and follow the instructions in the K2 Forums.
blue42richman: They’re called Asides in K2 Options. Select Sidebar Asides and pick a category for them. The ones that I’m using are enabled through the plugin: K2 Rolling Asides.
Oh, i’m not worried about justifications… It’s the paragraph spacing that’s freaking me out at the moment, I prefer my text to be a little closer together, is that possible?
Thanks steveo but when i do it I get a problem. It just keep loading and nothing appears on the sidebar. Also, is there a way for the post just to be in the sidebar and not like a regular post? Thanks
Kaye: oh. It’s at 1.8. Try this:
@#page #primary .item .itemtext { font: 1.0em/1.3em }@
The first number is the font size and the second the line spacing. 1.0 em = 1.0 × 12 px = 12 px
blue42richman: They don’t work if you’re using widgets. Make sure the posts that you set as a aside don’t belong to any other category.
Kaye: What build of K2 svn are you using? I noticed that the Style Info at the footer doesn’t appear correctly. Make sure you’re using at least revision 372. You can download the latest nightly build at Zeo’s site.
Thanks. Everything works great. This realy had nothing to do with your theme but you seem to be well educated on this topic. I’v been trying to get Michael’s Rolling Archives to work on my site. For some reason I just get a big white space. I folowed everything in the readme.txt thing it came with so I have no ideas. Could you help? Thanks
blue42richman: If you’re using K2 svn, you don’t need to use the Michael’s Rolling Archives plugin, it’s already built-in. They conflict each other.
How would I use it than?
Sorry for all the questions but this is a hige problem I need to be fixed. I will be completly overhauling my blog with a free install of wordpress. A fresh install of k2 and of your awsome theme later this month. I begain today by installing a fresh install of K2 and your theme. When I viewed that theme on my homepage nothing working. The slider thing just kept spinning and didn’t work. The livesearch didn’t work. I used the latest nightly build of K2 and the latest of your style. Could you please help me. Thanks
I’m using the latest SVN, i belive, the site was just setup about 2-3 days ago. I’ll give your CSS recomendation a shot, maybe the style info got messed up due to some unsuccessful ‘hacking’ of the CSS
Update: Doesn’t seem to be working, perhaps you could email me your IM details, if you’re not too busy
Hey Steve – I’ve got an Internet Exploder problem. If you don’t mind, check out http://www.joshmandell.com/ and see if you can easily spot the error. It renders beautifully in Firefox/Safari but IE6 garbles it. I’ve got the @import function in place in my stylesheet, but IE6 doesn’t seem to be calling it up.
Any ideas? Anyone?
Please, Steve! Tell me how can I change my blogs texts like your blogs theme? I want know it becouse your tips didnt work, my text is too big and and… Argh, look this: http://junttura.arkku.net/blogi/
I dont like it, can you tell me how can i change it to looking good? Please, answer me soon! ;(
Nice and Cool K2 Style, Let me try it on my Local Server before installing it on my blog
Junttura: I’ll have the fonts fixed in the next version. Try this for now (this is from the next version). Replace the @/* Typography */@ block in trueblue.css with this new code:
/* Typography */
body {
font-size: 75%;
}
#page #primary .item .itemtext {
line-height: 1.5em;
}
body.permalink #page .content .aside .itemtext {
font-size: 1.2em;
color: #444;
line-height: 1.5em;
}
.item h3 {
font-size: 1.2em;
}
h1, h2, h3, h4 {
font-family: Georgia, ‘Times New Roman’, serif;
}
hey steve, your updated layout on your site looks awesome! I guess this foreshadows the impending release of a new version? I thought you people might want to check out my unfinished blog as I customise it and add content, you can click my name to see it.
Hey Steveo, i was really impressed by this theme, so i installed it at my blog, but it aligning itself to the right in Opera (leaving a blank space at the left).
see http://www.tech-buzz.net using opera. Please reply As soon as possible, because some of my readers use Opera
I’m waiting for your reply
Sorry Steveo, I fixed it.
Thanks
I notice that grey slider on alot of pages used for naviagtion, will that appear automatically when I get more pages on my blog?
I was also wondering how you guys customise your sidebar.
therrol: The rolling navigation will appear once you have more than one page of posts. Make sure you enabled Rolling Archives in K2 Options.
Hey today i got the new K2 SVN True Blue 1.3.2 but there seems to be a problem in firefox with the rolling navigation.
It works when i try it in IE6 but firefox i cant go through the pages, Just always Page 1 of 14. It worked when i was running it on my network to test before i upload it.
Any thing i can do to fix it? Thanks http://www.stewart-t.com
Stewart: Make sure you disable Zeo’s Rolling Archives plugin. It conflicts with the built-in one.
Thanks all sorted
Loving the theme!
Oh another thing how do i get it to display the tags on the main page? They show on the permanent but not on the main page. Thanks
Stewart: Open theloop.php and look for the following line (it appears twice in the file):
@< ?php /* Tags */ if (is_single() and function_exists(UTW_ShowTagsForCurrentPost)) { ?>@
Change both occurrences to the following:
@< ?php /* Tags */ if (function_exists(UTW_ShowTagsForCurrentPost)) { ?>@
Thanks for your help
Is it possible to change the way the style lists the categories to the right? I’d like visitors to see with on glance which categories are child-categories and which ones are normal categories.
Cheers,
Mick
Why is there a black line running through the footer? Is that a bug or intentional? I’m using Firefox 2.0 Beta 1 on Windows. It’s also visible on IE7, yet sometimes goes away and is displayed better, as odd as that may sound.
http://img42.imagevenue.com/img.php?image=73423_Clipboard02_573lo.jpg
Allen: Thats really odd. It’s not intentional. I haven’t tested it with Firefox Beta or IE7.
The Fam Fam Fam Silk icon delete.gif is also not being used for the live search cancel button. It’s still using the default icon from K2.
^^ Well I mean on your site it’s fine, but if you actually download True Blue and use it yourself, it will show the old image… and I’m pretty sure it’s not reading from cache because it’s been a few days and still shows the old image.
Allen: Make sure you’re using K2 svn revision 405 and up.
Hey stevo,
My website if http://www.rv2.org/kv2blog. The RA and livesearch doesn’t work. I was trying to find an answer and found that it had to be rv2.org/kv2blog. However, what would the code for the .htaccess be? Also, I’m not the rootuser but control /kv2blog. I don’t have cpanel access but I have ftp access for /kv2blog. Could you help me.
blue42richman: Try adding the following to the top of your .htaccess file:
@
RewriteEngine On
RewriteCond %{HTTP_HOST} ^www\\.rv2\\.org/kv2blog/$ [NC]
RewriteRule ^(.*)$ http://rv2.org/kv2blog/1 [R=301,L]
@
Also make sure you have enabled Rolling Archives and Live Search.
For some reason I just get a 404 error on the root users web-page
Hi, I’m proudly using in my website your TrueBlue style for K2 r167.
I’d like to upgrade to K2 svn and use your TrueBlue 1.3.2 customizing the header background. Since I do not have Photoshop, this task is getting very complicated…
The tools I normally use are: The GIMP and Paint Shop Pro 9.01 (both of them have image slicing feature but I’m not abe to use your slicing settings…)
Any idea to help me solve this?
Thanks,
C!
Steveo,
I managed to split the image using PSP 9.01
Thanks again for your great style.
C!: you don’t actually have to split the image. If you just want to modify the header, use static header.psd. Be sure to create one as a png with the background layer hidden and one as a jpg with the background layer shown. You’ll only need static layout.psd if you totally want to change the layout.
Thanks for your suggestion, I’ll give it a try. There is a big difference between your original images and the one I get thrugh PSP 9.01, you’r using some feature unsupported by PSP (i.e. the shadows…) this makes my images a lot different from yours.
Hey,
I just got a new website and had a couple of question about redirecting my stire from www to without http://www.
The site is mwyn.org/mw
I also need mwyn.org/yn
Hi Steve,
Thanks for you nice TrueBlue style for K2. Although everything is fine with Firefox, I’ve a very strange problem with IE6. It seems body background is shifted to the right ! http://img76.imageshack.us/my.php?image=blog2nb1.jpg
I use TrueBlue for K2 v1.3.2, K2 v0.9 and Wordpress 2.0.4.
I don’t understand what’s going wrong. Could you help me please ?
Thank you,
Laurent
Ohh, another kind of Aero theme.
But this one is great! Yeah, that dark is just perfect! W0W Congrats!
sweet…thanks for updating to 0.9
Hi Steve,
nice tstyle, btw The page headers are getting cut off when ever the page nav is’nt been displayed. Check out this screen shot to see what is happening:
http://img207.imageshack.us/my.php?image=textcutyf8.png
when i use firefox(1.5.0.6).....
http://blueanlq.com/temp/trueblue.jpg
any one can help?
hey,
not sure this has been mentioned before, but the custom header feature of k2 doesn’t work with this style if viewed with ie.
that’s kinda…. terrible.
i was so happy to find a beautiful design like this and went through a lot of trouble designing a couple of new headers to upload and it all worked well (i’m on firefox) until i tried ie just to make sure.
and well, it doesn’t want to work.
think you could fix?
kind regards,
and thanks a lot for this style. easily the best for k2 at the moment.
After installing true blue i have a space above the footer that i am haveing a hard time getting rid of… can anyone help?
http://www.curryphotography.com/theta
pcurry: you’ll need to use either K2 0.9 or the new subversion builds from Google Code.
Benjamin: Thanks. I gotta fix that.
posix: IE uses a different set of images because it doesn’t support alpha transparencies in pngs. I’ll figure out a solution. thanks.
Thanks Steve. Can’t wait for an update! keep up the good work.
I am having issues getting all of the nice page elements to show up from your theme. I’m using the latest SVN of K2, Sidebar Modules and the Custom Header settings of K2. Is there a way to use all of these and have True Blue look as nice as it does on your site?
Thank you!
Neil
Dear Steve,
Why is there a white line running through the footer? more over why some times the static_footer_bg.jpg appears to be repeated?
MYKY: 403 error accessing css/core.css and css/custom.css. please check your permissions.
I’m having issues with “Author Archives for ___” pages for when you click on a Publisher’s name. The header seems to cut off the heading. I don’t have this issue with other K2 themes. Wondering how I can go about fixing this.
hey guys, haven’t you noticed trueblue got truble in displaying body background?
The static_body_bg.png does not show up under True Blue 1.3.3 for K2 0.9, but still you can view this image by right click.
Steve two quick questions about true blue..
One, when I hit my calander button back the “Archive” words across the top get crossed out.
Two, Why does the “continue reading…” link only show up in red for the first posts and not the others?
Thanks for a killer skin!
Joe
Hello Steve
i am implementing a sidebar with AJAX tabs in a True Blue blog. Do you have any ideas how to style it or integrate it with the rest of the design? I think it could interest others too…
Merci beaucoup pour ce plugin !
I forgot the URL yesterday, here it is
PS the whole day yesterday I was not able to post a comment. there was a message saying i cannot post every 15 seconds, althoug i tried two hour later!
i am sorry, again the same problem! Here is the URL
http://www.e-rooster.gr/blog2/
Hi Steve, I’ve seen your reply on the “defect” I opened on K2 about random headers. I thought it was a K2 issue because “random header” is a K2 feature and before the last K2 updates the IE header was not random (static jpg header) even tough the random header option was set (i.e. random header was a FireFox/Opera only feature
).
I’ll wait for a fix in the next Trueblue!
Cheers,
C!
Hello! Thanks for this theme! Is wonderful! I am using it at home on a new blog … very nice.
However: I notice on category views (<code>?cat=2</code>, for example) the top of the page (the first <code><h2></code>) doesn’t display fully; it is cutoff by the area that normally holds the “nextpost” or “previouspost” information (or that neat sliding bar for archives). Instead, I only see the very bottom title.
I didn’t know if this was something you noticed as well. Easy to fix ?
Thanks,
Damon
Hey, first off, nice mod of k2!
I’m facing a slight problem in my k2, no matter what mod i use or whether i run the svn or the official release.
If you go to my site.. you’ll see that the rolling archives bar is stuck, and the ‘loading’ text never goes away. This works perfectly on first load of the page, but screws up in this way from the second load on.
Livesearch is not working either. Live archives work though, as well as live commenting.
Any clues ? Would you be able to check it out on my site ? The forum is still down, or I would have posted this there.
Thanks in advance, in case you get the time to check it out.
Thx 4 all your efforts!
http://www.resqband.com/
I’m using your style and the Date Stamp plugin, but, like other here that are commenting, the first line is cut off only in MSIE. The same happens whenever I try a search, the head of the page is cut off
Any idea?
how come the response time for the pages above the header can be so laggy?
i mean the animation of the black box around it.
Will you release the current version of true blue ? May be 1.3.4 ?
It seems you solved the png problem for ie atleast the gray header working without any problem over here …
I am interested in different header buttons though
It seems rollingarchives and livesearching is not working.
and a javascript errors occures something like “RollingArchives is undefined” ...
Rollingarchives continously loading
Anyidea ?
I tried both current version and svn version.
The page footer still says 1.3.3 after upgrading to 1.3.4: just renamed old dir for backup and created new trueblue dir.
Did I do something wrong or is it the wording update forgotten on your side?
regards
didier
didider: K2 doesn’t update the style info string. You’ll need to goto K2 Options and click on the Update Options button.
At last I found a theme I would actually use
Awesome!! Just AWESOME...
Keep up the good work, hoping to see more improvement to the already cool themes.
Thanks for de update, see my style modified…
http://www.trankera.org
Excellent theme! I don’t have the time or knowledge to develop my own theme and I’m really pleased to find a quality theme such as this one for displaying my blog. By providing the photoshop templates I was able to easily cut, paste, and adjust my own graphics for the header, etc which I love. Sometime I’ll get around to playing with the rest of graphics. IE issues were a real pain – thanks so much for keeping on top of those and resolving the dispay problems! Definitely appreciate the time you’ve put into this.
On the photoshop themes – I own Photoshop Elements which can’t display the folder contents or utilize the export features for separating out the individual elements of the graphics… I ended up downloading the Photoshop CD2 demo off the adobe website and used the 30-day trial to set up my graphics. Before the trial expired I removed the layers from their folders so that I’d have access to them in Elements, noting which layers comprised which portions of the header etc in the template so that I could make appropriate saves out of Elements for each component. It’s a bit cumbersome, but it’s a decent work-around for those of us who can’t quite afford (or need) the full photoshop program.
Hi Steveo
Thanks for sharing this theme, I like it a lot!
Is it possible to make the main content area wider? I would like to fill the width of a 1024×768 viewport with this theme, by just increasing the main content width, not the side column.
Cheers
Paul
Hey, this is really a very good looking style. I´m planning to use K2 due to it´s styles customization feature, and your work shows I´m right in choosing this path.
By the way, the “What´s New” section above is dated 20006. Wow, does this means this style is from the future? No wonder why it is so advanced
Back to my message of Oct 10th and your answer: your tip worked. Thanks! didier
After few mothn that i had use k2 as my weblog theme.
Today i just seach the google to find any K2 modified themes and find your website ^^. You theme is awesome and greatest, i really love it.
Cheers.
Great theme!
However, would it be possible to make a flexible width version? That’d make it just perfect.
Just implemented it and I’m loving it.
Thanks Steve!
Also thanks for all your imput into the K2 forum, answered heaps of my questions
cheers,
Vincenze.
Testing commenting speed
Great job I’m using it on my site and I love it.
steveo or anyone else,
How do you get your post to appear with the blue background and everyone else’s to be in simple white. I’ve very new to wordpress abd I see this on a lot of sites but can’t figure out how its done. Thanks.
Tom OBrien the post author’s comments are displayed in blue.
there is only one “static_header_bg.psd” in the photoshop templates for trueblue 1.3.4,after modifying it,i can’t see the “static_header_bg.jpg” in IE7,but working well in FX/Opera.would you mail a copy of staic_header_bg.psd for IE to me?
Does trueblue theme support gallery2? Thanks.
Does this theme support trackbacks?? I’ve instaled on my website and I inserted a trackback from another weblog, and I can’t see nothing… can you help me?
Greetings from Spain.
Thanks for your True Blue _
I’ve had some problem to get along with it.
The images cann’t present smartly.
Please visit http://19840312.cn/b/ for the details.
How do i remove the border and padding around images? Also, i have Rolling Archives installed and activated, yet it isn’t working.
True Blue does not seem to play nice with the latest nightly revision of K2; the text trimmer slider/rolling archives slider is quite a bit missed up. Any ideas for a fix?
Nice work. Thank you so much.
don (el paso)
Rick Beckman: I made a svn compatible version. It should work for svn revision 224 and up.
Wow, within 24 hours! You rock, steveo!
In ie6win.css,
* html .tagdata { ... }
must be replace to
* html .entry-tags { ... }
And .editlink must be replace to .entry-edit.
Look at this page: http://getk2.com/2006/08/k2-plays-in-sandbox/
Morning from Denmark!
Great work! Really appreciate the effort you’ve put into this. I’m no programmer and as a result many bits of code are lost on me.
On the top menu I’ve tried to add a simple ‘link’ tab:
http://www.christophergrant.net/blog
It’s the GALLERY tab.
After using what I believed to be the correct code, I get a rather curious broken link url. The url should be: html://www.christophergrant.net.
The code I used in the ‘header.php:’
Gallery
Any thoughts are welcome!
First off, amazing style for K2, i love it. So far my only problem is trying to get the 10 most recent comments to appear in the sidebar, instead of the 10 most recent posts. Other than that, amazing style! I know its New Years Day so when you have a free moment, could you let my know what to do?
@Christopher – nice header image/site…why would you take off the credit at the bottom of the page? You completely took out all credit of who the author of the style was
Also, how do i get the sidebar contents to appear on every page (posts and pages)...when ever i click on a post or go to one of my pages, the sidebar content disappears and all that remains is the live search.
download link on your site (above) for “True Blue 1.3.4 for K2 0.9.x” seems to have exact same trublue.css file as the svn version… and it doesn’t work on my K2 0.9x theme. Is it possible the link is pointing to the wrong file, or am I missing something? thanks for a great k2 scheme… looking forward to getting the correct .css file from your download link! you rock.