Base Themes and their CSS Codes

March 18th, 2008

One key element in making your Customized Theme is to know which Base theme to use. Some designers start a theme by copying the CSS of the Base Theme and start tweaking from there. This post will show you the Base Themes and their corresponding CSS Codes. Just enough to give you a start!

clean 173x173 Base Themes and their CSS Codes
Clean
default 173x173 Base Themes and their CSS Codes
Andros
classic 173x173 Base Themes and their CSS Codes
Classic
oasis 173x173 Base Themes and their CSS Codes
Oasis
newspaper 173x173 Base Themes and their CSS Codes
Newspaper
blueslate 173x173 Base Themes and their CSS Codes
Blue Slate
blocks 173x173 Base Themes and their CSS Codes
Blocks
basecamp 173x173 Base Themes and their CSS Codes
Base Camp
skyline 173x173 Base Themes and their CSS Codes
Skyline
mykonos 173x173 Base Themes and their CSS Codes
Mykonos
melon 173x173 Base Themes and their CSS Codes
Melon
sand 173x173 Base Themes and their CSS Codes
Sandskrit
petals 173x173 Base Themes and their CSS Codes
Petals
blacklily 173x173 Base Themes and their CSS Codes
Black Lily
retro 173x173 Base Themes and their CSS Codes
Retro
outburst 173x173 Base Themes and their CSS Codes
Outburst
avlack 173x173 Base Themes and their CSS Codes
Avlack
redfrog 173x173 Base Themes and their CSS Codes
Red Frog
shadowbox 173x173 Base Themes and their CSS Codes
Shadow Box
whiteout 173x173 Base Themes and their CSS Codes
Whiteout
japanese 173x173 Base Themes and their CSS Codes
Japanese Minimalist
livelovelaugh 173x173 Base Themes and their CSS Codes
Live Love Laugh
mod 173x173 Base Themes and their CSS Codes
MOD
bacchus 173x173 Base Themes and their CSS Codes
Bacchus
dancewithme 173x173 Base Themes and their CSS Codes
Dance with Me
bloodyromance 173x173 Base Themes and their CSS Codes
Bloody Romance

Entry Filed under: simplyJACY,Themes,Tutorials

31 Comments Add your own

  • 1. Step-by-Step Guide on Mak&hellip  |  June 5th, 2008 at 7:48 pm

    [...] There are more Base Themes to choose from. You can see how the Base Themes look like in our post Base Themes and their CSS. 2. Copy the CSS Codes of the Base Theme that you have chosen. Get the codes in our post [...]

  • 2. evie  |  July 5th, 2008 at 9:10 am

    I am going crazy with the CSS code, it sounds so easy but its so tricky. Why doesnt the CSS validate and correct the mistakes?

    I cant seem to be able to load the backgrd picture even though I followed the instruction of pasting it in the CSS code to replace the theme CSS. Why? I tried witb Multiply and photobucket as well

    Why is it so difficult to change the theme?

    Can someone pls help me? I have been staring at this for weeks and everytime I log out without accomplishing anything………..I am thinking of leaving multiply……….

  • 3. simplyjacy  |  July 8th, 2008 at 7:03 pm

    what you want to do is to change the background of your theme, right?

    try to follow these steps:
    1. choose your base theme as Layout.
    2. copy the CSS of your base theme and paste it on the Custom CSS.
    3. look for this part of the CSS:
    body {background: url(“paste URL HERE”);}
    4. paste the URL of your image inside the parentheses.

  • 4. lovelyn  |  July 22nd, 2008 at 10:07 pm

    where do you find the custom css????????

  • 5. SoFia ♥  |  August 28th, 2008 at 2:22 am

    Hi!:)

    What height and width should I use for the background, and Rails? And the codes for it too?please? Ü

  • 6. Thea  |  September 2nd, 2008 at 9:47 am

    Hi! I’m kinda stupid about multiply layouts.. One thing, are there differences when you use other base themes? :P

  • 7. jehaziel  |  October 4th, 2008 at 10:43 pm

    how can I change my base theme as layout??

  • 8. jhenz  |  October 21st, 2008 at 4:09 am

    how could i make the boxes transparent?.,

  • 9. childeen  |  October 26th, 2008 at 2:43 pm

    thanks!!!!!!! THIS SITE IS REALLY GREAT!!!!!!

  • 10. Anais  |  November 4th, 2008 at 1:55 pm

    muchas gracias!!!! se ve que en todo piensan!!!!

  • 11. simplyjacy  |  November 4th, 2008 at 5:37 pm

    cutom CSS can be found if you right click on each page and click on Page Source

  • 12. simplyjacy  |  November 4th, 2008 at 5:41 pm

    hello soFia!

    since most backgrounds are usually tiled or repeated, the size doesn’t really matter. but if you want to have a fixed background and not tiled, it should be around 1280×1024. but this is actually dependent on the viewer’s pc resolution.

    as for the codes, this tutorial should help you:
    Your Page and CSS

  • 13. simplyjacy  |  November 4th, 2008 at 5:43 pm

    there is actually. one of the obvious difference is the position of the rail. others is how things are placed and how they can be costumized.

    i’d always suggest new designers to start with Shadowbox since it’s the easiest to tweak at least for me.

  • 14. simplyjacy  |  November 4th, 2008 at 5:44 pm

    this should be helpful to you:
    Step by Step Guid on Making your Own Theme

  • 15. simplyjacy  |  November 4th, 2008 at 5:46 pm

    look for this code:
    .itembox {
    background-color: #fff;
    }

    change the color hexcode (#fff) to “transparent”

  • 16. tonette  |  November 6th, 2008 at 10:32 am

    hi. pede bang palitan ko na lang ng header yung base theme? blue slate po yung gamit ko.

  • 17. simplyjacy  |  November 6th, 2008 at 1:47 pm

    you can actually do that. it would be best if you include the link to your site so i can check which went wrong.

  • 18. nicole  |  November 15th, 2008 at 4:35 am

    how can i make my picture become the head banner? ive tried it kaso half lng po yung nag appear.. hmmf.. thanks!

  • 19. maegi  |  November 16th, 2008 at 9:17 pm

    hi!

    i want to make my tables transparent but i can’t find this code at my Melon Based theme:
    itembox {
    background-color: #fff;
    }

    how do i go about it?

    thanks in advance! your site is GREAT!

  • 20. simplyjacy  |  November 18th, 2008 at 3:11 am

    what’s the height of your image?
    try to change the height on your CSS the same as the height of your image.

  • 21. simplyjacy  |  November 18th, 2008 at 3:14 am

    hello Maegi!

    try to use CTRL + F and type itembox. it will help you find that code.

    to make it transparent, change the #fff to “transparent”

  • 22. ihearvoices2  |  January 8th, 2009 at 12:15 pm

    I am trying to change the title font in the statue of liberty pic from white to black. I have tried many different codings but nothing seems to work. Can you help me?

  • 23. simplyjacy  |  January 8th, 2009 at 2:10 pm

    go to Customize My Site > Custom CSS and paste this code to change the title from white to black:
    h1#page_owner_title {
    color: #000;
    }

  • 24. ed  |  January 14th, 2009 at 11:33 am

    hello, pls help me.
    how can i change the image in .railstart ?
    when i paste the code in the css form. it says invalid.
    thanks!

  • 25. Multiply: Step-by-Step Gu&hellip  |  March 19th, 2010 at 3:35 pm

    [...] There are more Base Themes to choose from. You can see how the Base Themes look like in our post Base Themes and their CSS. 2. Copy the CSS Codes of the Base Theme that you have chosen. Get the codes in our post [...]

  • 26. Kaie  |  March 30th, 2010 at 10:38 pm

    Hi. Do you have CSS codes for three column multiply layouts? Layouts with left and right custom navigation?

  • 27. mysan  |  July 3rd, 2010 at 4:16 am

    In Bacchus CCS code, where can I find the Welcome Box? Can I edit the text as center, iltalic, insert images or link? If so, what are the right codes?

  • 28. mysan  |  July 3rd, 2010 at 4:22 am

    Which part of the Bacchus CSS code can i find this:

  • 29. quepet's  |  April 11th, 2011 at 12:30 pm

    hi… i can’t hide the blog, notes and calendar box in my site… every time i tried hiding it during customizing, the welcome box is hidden instead… what should i do? i tried it so many times! huhuhu… tnx…

  • 30. quepet's  |  April 11th, 2011 at 12:42 pm

    another one… what does “padding” means?

  • 31. Gwicha Zania  |  November 16th, 2011 at 5:17 am

    Oh! It’s nice information. Thanks!

Leave a Comment

Required

Required, hidden

Some HTML allowed:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Trackback this post  |  Subscribe to the comments via RSS Feed


Calendar

May 2012
S M T W T F S
« Jan    
 12345
6789101112
13141516171819
20212223242526
2728293031  

Most Recent Posts