WordPress.org

Forums

New 3 column Theme - Relaxation (26 posts)

  1. otomo
    Member
    Posted 9 years ago #

    Hi!

    I build a little theme which is based on the fabulous relaxation theme from Jown Wrana.

    The theme features a 3rd column which can be entirely used for your own purposes. A productive version of the theme can be found on my blog. I use the 3rd column for a preview of my flickr photos, the most recent purchased CDs and the books I read lately.

    The theme is delivered with 10 different header graphics which can be seen in this Flickr WordPress Themes Set. All photos used are published under the CC licence and can be used on any private or non profit organization website.

    The style sheet contains 10 color definitions matching the header graphics and also a documentation which style sheet definitions need to be changed if you create your own header graphic.

    The html code generated is valid xhtml 1.1 and the css is valid as well.

    The theme can be downloaded here.
    A version with the Adobe Photoshop File for the header can be downloaded here (5MB!).

    Please post any questions, critic, etc. in this thread.

    thanks for looking
    Clemens

  2. yuh
    Member
    Posted 9 years ago #

    hi there....very nice, but theres is something wrong atm.

    the pic you have in your latest post is a bit too large. it destroys your sidebar hard. the 3 colum is moved out of line. if you could margin the content a bit more to the left side, you can use those pictures

    if you take a look at the categories everythings okay. a 3 colum layout is very nice. i have something in my mind :)

    great sunday and canada should get the old and the new worldchampion in icehockey!!

    austrian fanpower

  3. 7milesdown
    Member
    Posted 9 years ago #

    yes. Very nice template. PSD too! Thanks.

  4. otomo
    Member
    Posted 9 years ago #

    Hi yuh,

    looks like Canada didn't make it. I resized the picture for the moment. It only destroys the layout in the Internet Exporer. I wonder if I could write a style definition which renders those pictures above the little piece of sidebar. I would not like to move the content to the left to leave it the space it needs to look airy.

    Thanks for your nice feedback everyone!
    I changed some minor things in the stylesheets and added a home link to the header graphic. I will update my ZIP files tomorrow morning and make them available to download them.

    Regards
    Clemens

  5. vkaryl
    Member
    Posted 9 years ago #

    Wow. Marvelous! And I don't even like 3 columns 'cause they're always too busy - but you've managed that so nicely I might give this a shot.

    Very well done!

  6. sadish
    Member
    Posted 9 years ago #

    I had to move the blank.gif to my website/images/ folder

    Otherwise everything is fantastic. ! Good work!

  7. seanshaghaghi
    Member
    Posted 9 years ago #

    Very nice work with the 3 columns. I hadn't seen a 3 column layout that I had liked up until now. I might have to redesign my site now.

    Good work

  8. otomo
    Member
    Posted 9 years ago #

    Hi everyone!

    Thanks for your kind feedback.

    I updated both zip files. The changes are:

    blank.gif
    is now located in the images folder of the theme and is working as it should do

    #sidebar a:hover
    #sidebar2 a:hover
    are now in the same color as h2, etc. and the text-decoration is now set to underline.

    If you want to upgrade then please download the Theme file without the Photoshop file. This saves me a bit of traffic.

    Kind regards
    Clemens

  9. otomo
    Member
    Posted 9 years ago #

    Hi everyone!

    I updated my theme (some minor bugfixes) and also created a german documentation. The download links have changed.

    Please download the latest english version from here
    Please download the latest german version from here
    And the photo shop header file (header file only!) from here

    Please leave your feedback here or in my blog:
    http://clemens.orth.me.uk/2005/05/15/wordpress-theme-3-column-relaxation/

    Kind regards
    Clemens

  10. warrenleon
    Member
    Posted 9 years ago #

    Hi,

    I downloaded the template and installed it, but don't understand how to change the header image. I've got the blank.gif file in my image folder, and it's using one of the images, but doesn't change automatically. I'd like to switch to the dock image, but can't figure out how to. In fact, I deleted all the jpgs from my image folder except the dock, but somehow it still has another image as the header (one I deleted!). Can anyone help out?

    I'm also working on adding text and a description to the header, but can't get it to be on the right, so I may revert back to connections theme until I figure it all out, but help is still needed! Thanks!!!
    WHL - screenwritinglife.com

  11. vkaryl
    Member
    Posted 9 years ago #

    After you made the changes, did you clear your cache and hard refresh your browser?

  12. warrenleon
    Member
    Posted 9 years ago #

    Just tried that, but the photo is still there. Crazy. I'm confused because this doesn't just use a headerimage.jpg file or whatever, seems to use this blank.gif file in the code. Not sure how to fix it.

  13. vkaryl
    Member
    Posted 9 years ago #

    Posted in your other thread, see there for a couple of problems.

  14. michiko
    Member
    Posted 9 years ago #

    Hi, I would like to show you my three column version based on "Relaxation". You can view it here Aromatic Blend

    Relaxation is really a great template just like Blix. They are very easy to modify and you can style it in many different ways. Just depend on how creative you are :)

  15. seattleduck
    Member
    Posted 9 years ago #

    michiko - how did you change the sidebar's background color? I'm a CSS novice, so been playing around with some of the color settings, but I can't quite figure this one out.

  16. michiko
    Member
    Posted 9 years ago #

    hello seattleduck,

    i am not using any background-color for the sidebar because "page" div has already a background-image. you may go back to my site and right click the content or sidebar area and download the graphic and you will see waht i mean. i'm also a novice like you...i know it is not easy to customize available templates for people like us. but just keep on practicing like i did. it helps a lot :)

  17. spackletoe
    Member
    Posted 9 years ago #

    Otomo, great theme... I'm in the middle of modifying it a little. Just CSS stuff mostly. Check out my spin on it here. What started as a torn paper sort of look somehow ended up looking like paint splatters... now I don't know what it looks like. Kinda mocha-ish, I guess. Still plenty to do.

  18. 7milesdown
    Member
    Posted 9 years ago #

    Michiko, how did you get your columns to move up and get that banner to show up on the left instead of all the way across?

  19. michiko
    Member
    Posted 9 years ago #

    hi 7milesdown, sorry if it took me long to reply. re theme of mine, i use the original version of jowra's relaxation. he is using a small image as header there which is positioned on the right. what i did is simple.. i changed the image size and adjusted the css. as for the column...copy sidebar css tags and paste if below the original. rename it to whichever name you like...i named mine sidebar2.

  20. Perrine
    Member
    Posted 9 years ago #

    Total ignoramus novice here. I really like the look and feel of "Relaxtion 3 col", I have a question though (one of many I am sure). On the header, after several hours, I finally figured out how to build a header with my image. Loaded it with no problems exept for if you click on the header image, it goes to the error code 404 (this page cannot be found) and refers back to my homepage url. How or what would the code be or look like to return to the Blogs first page...? Thank you for your patience.

  21. girlgraceless
    Member
    Posted 9 years ago #

    I love this theme! I'm quite new to this and I'm having a little problem.

    In a nutshell, even though I've changed the main background color in the style sheet to match the border, I still end up with the squared off corners rather than the rounded ones. It looked like it matched perfectly in Photoshop, but not once it was all uploaded.

    My blog

  22. girlgraceless
    Member
    Posted 9 years ago #

    Please ignore the above -- I think I fixed it.

  23. suzanne123
    Member
    Posted 9 years ago #

    Hi - I am using the relaxation 3 column and I love it. However, it looks just fine in Firefox,
    but in MSIE there are two problems.

    #1 The second column starts down low

    #2 The flicker images have no spaces between them

    my site is http://suzanne.roxr.com

    Could anyone please help me?

  24. suzanne123
    Member
    Posted 9 years ago #

    More from me - here is my sidebar.php:

    <div id="sidebar">
    <div id="noindent">

    </div> <!-- end of noindent -->
    </div>

    <!-- This is the second sidebar for the 3 column relaxe theme.
    I left the flickr badges in as a example. Feel free to alter
    the content to your own needs. -->
    <div id="sidebar2">
    <div id="noindent2">

      <li id="calendar">
      <?php get_calendar(); ?>

    • <h2>Photos</h2>

      • <!-- Start of Flickr Badge -->
        <script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=10&display=random&size=t&layout=v&source=user&user=50531831%40N00"></script>
        <!-- End of Flickr Badge -->
        More at Flickr.
        <P>
        <!-- Start Google Adsense -->
        <script type="text/javascript"><!--
        google_ad_client = "pub-0154875139772011";
        google_ad_width = 125;
        google_ad_height = 125;
        google_ad_format = "125x125_as";
        google_ad_type = "text_image";
        google_ad_channel ="1290573937";
        //--></script>
        <script type="text/javascript"
        src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
        </script>
        <!-- End Google Adsense -->
        <script type="text/javascript" src="http://technorati.com/embed/wmgkckv42t.js"> </script>

    </div> <!-- end of noindent -->
    </div>
    <!-- end of the 3rd column -->

  25. KimRom
    Member
    Posted 9 years ago #

    Anyone have a good gallery for this theme? I have tried a few different galleries for WordPress, none of them really works with this theme.

    My page is http://www.kimrom.info

  26. jwurster
    Member
    Posted 9 years ago #

    Lazyest-gallery works pretty well and is easy to use. However, some CSS work could be done to get it to work completely. I can put up with its little idiosyncracies. Check out my blog for an example.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags