X-Greenery Theme for sandbox
-
I just released another skins for sandbox theme called X-Greenery which is a converted skins from a wordpress theme called Greenery located at http://www.negative99.com/archive/181 … as for the instructions and screenshot you can see it at my homepage, http://reaperxzr.wordpress.com/2006/08/15/x-greenery-theme-for-sandbox/
and here’s the css code :
/*
Skin Name:X-Greenery
Skin URI:http://reaperxzr.wordpress.com
Description:Snazzy dark grey theme with splashs of greenery (hence the name). This is a port of
the open-source template by Pat Heard ( FullAhead.org ) of the same name. Converted and modified into Sandbox Theme by <a href="http://reaperxzr.wordpress.com">Reaper-X</a>
Author:Steve Mooradian
Author URI:http://www.negative99.com
Live Demo:http://demo.negative99.com/wordpress/?wptheme=Greenery
The CSS,XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
Send feedback to steve at negative99 dot com
Changelog:
v1.0
First Release
v1.1
Added Widgets support (special thanks to x2nie at yahoo dot com)
*/
body{
margin:0;
border:0;
text-align:center;
font:0.63em verdana,arial,sans-serif;
line-height:170%;
color:#EEEEEE;
background:url(xgreenery/bg_body.jpg) #585858 repeat-y top center
}
#header{
width:100%;
margin:0 auto;
border:0;
height:4.2em;
background:url(xgreenery/bg_header.jpg) #585858 repeat-y top center
}
#blog-title{
padding:0 55px 20px 0;
float:right;
background-image:url(xgreenery/logo_greenery.gif);
background-repeat:no-repeat;
background-position:right;
color:#000000
}
#blog-description{display:none}
#wrapper{
position:relative;
display:block;
width:767px;
height:auto;
margin:0 auto;
padding:0;
text-align:left
}
#container{margin-top:-50px}
#content{
float:left;
position:absolute;
display:block;
width:410px;
padding:10px 5px 20px 10px;
text-align:justify
}
.hfeed{text-align:justify}
#content ul{}
.sidebar{display:block;width:185px}
#primary{float:right}
html>body #primary{float:right;position:relative}
#secondary{
background-image:url(xgreenery/plants.jpg);
background-repeat:no-repeat;
height:604px;
width:166px;
float:left;
margin-left:220px;
margin-top:-19px
}
html>body #secondary{
float:left;
position:absolute;
margin-left:44em;
margin-top:-4.6em;
clear:left
}
#footer{
background-image:url(xgreenery/reaper-logo.gif);
background-repeat:no-repeat;
background-position:left;
float:right;
clear:both;
display:block;
margin:0 auto;
text-align:center;
padding:20px;
width:60px;
height:34px;
color:#888888;
font-size:0.9em
}
html > body #footer{float:right}
p.access a{display:none}
#secondary li{display:none}
#menu li{
float:left;
margin-top:-71px;
padding-right:20px;
background-color:#86E160
}
html>body #menu li{
width:8em;
float:left;
list-style:none;
text-align:center;
margin-top:-62px;
padding:0 0 42px 0;
background-color:transparent;
line-height:normal
}
#menu li a{
display:block;
padding-bottom:1em;
text-decoration:none;
text-transform:uppercase;
color:#222222
}
#menu li a:hover{
font-weight:bold;
color:#111111;
background:url(xgreenery/menu_tab.gif) no-repeat bottom center
}
h1{
display:inline;
color:#222222;
background-color:#86E160;
background-image:none;
clear:both;
margin:10px 0;
font:700 1em verdana,sans-serif;
text-transform:uppercase
}
h1 a{
margin:10px 0;
font:700 1em verdana,sans-serif;
text-transform:uppercase;
color:#000000;
text-decoration:none
}
h2{
margin:10px 0;
font:700 1em verdana,sans-serif;
text-transform:uppercase;
color:#7BD32C;
background:url(xgreenery/rounded_tr.gif) #686868 no-repeat top right
}
h3{
margin:10px 0;
font:700 1em verdana,sans-serif;
text-transform:uppercase;
color:#7BD32C
}
#wrapper ul{padding-bottom:6px}
#wrapper ul li{margin-left:2px;padding-left:2px}
p{
padding-top:10px !important;
padding-top:3px;
padding-bottom:10px !important;
padding-bottom:3px
}
a,#content a:visited,.hfeed a:visited,.sidebar a,.sidebar a:visited{color:#7BD343;text-decoration:none}
a:hover,.entry-meta a:hover{color:#FFFFFF}
textarea{width:98%}
input,textarea{
padding:1px 3px;
margin:5px 0;
font:1em verdana,arial,sans-serif;
color:#EEEEEE;
background-color:#777777;
border:1px solid #999999
}
input:hover,input:focus,textarea:hover,textarea:focus{
color:#FFFFFF;
background-color:#999999;
border:1px solid #EEEEEE
}
h2 a:hover,h2 a:visited,h2 a{text-decoration:none}
blockquote{
margin:0;
padding:0 15px;
border:1px solid;
background:#555555
}
code{
display:block;
padding:8px;
background:#555555;
font-size:8pt;
border-top:1px dotted;
border-bottom:1px dotted
}
.entry-date{
cursor:help;
border-bottom:1px solid #777777;
letter-spacing:1px
}
.sidebar ul{list-style:none}
.sidebar h3{
text-align:right;
background-color:#686868;
background-image:url(xgreenery/rounded_tl.gif);
background-repeat:no-repeat
}
.sidebar ul h3 span{
display:block;
padding:2px;
background:url(xgreenery/rounded_bl.gif) no-repeat bottom left
}
.sidebar ul ul{list-style:disc}
.commentlist li{
list-style:none;
padding:5px;
margin-top:5px;
border:#555555 1px solid;
background-color:#333333
}
.comment-meta{padding-top:10px;color:#999999}
.commentlist{color:#EEEEEE}
#footer #generator-link,#footer .metasep,#footer #theme-link{display:none}
.commentlist a{color:#7BD32C}
.commentlist a:hover{color:#EEEEEE}
.comment-author{
font-weight:bold;
border-bottom:1px solid;
padding-bottom:3px
}
.entry-meta{
text-align:justify;
padding:10px;
border-top:1px solid #999999;
border-bottom:1px solid #999999
}
.entry-meta a{
color:#7BD343;
text-decoration:none;
border-bottom:1px dotted
}
#searchform{text-align:center}
#searchform input{width:100px}
#searchform #searchsubmit #s{}
#wp-calendar{text-align:center}
#wp-calendar th,#wp-calendar tfoot{background-color:#333333}
#wp-calendar tbody{background-color:#555555;font-weight:bold}
#wp-calendar a,#wp-calendar caption{font-weight:bold}
#footer p{padding-top:0 !important;padding-top:10px}
#footer a{color:#888888}
#footer a:hover{color:#EEEEEE}
.center{text-align:center}
.left{float:left}
.right{float:right}
img.left{padding:5px 5px 5px 0}
img.right{padding:5px 0 5px 5px}
a img{border:none;background:none}
img.left{
display:block;
padding:1px;
float:left;
margin:3px 12px 3px 0
}
img.right{
display:block;
padding:1px;
float:right;
margin:3px 0 3px 12px
}
img.center{display:block;padding:1px;margin:3px auto}
-
I haven’t had a look at this skin yet, Reaperxzr, but I am really encouraged at how prolific you’ve become. I think it’s great and shows others that customizing the Sandbox (depending on skill level) doesn’t have to take weeks and weeks. Made me happy :-)
-
good stuff. i’ve been a fan of the sideline graphic in that theme.
(i just recommended it the other day)
thanks for the hard work!
-
thanks alot swallick and sunburntka :) , actually by doing this css customization stuff i can practice my css skills, and hopefully i can get better at this css thing ;)
-
Great work reaper. As you already know kamel brought this theme to my attention and I really digg it bigtime. This is despite the fact that I haven’t a clue about what your instructions about more than 5 pages,other sidebars and default images actually mean. It all sounds scary to me. Too bad I’m a computer dummmy because I would really like to use this theme for my environmental blog. :(
P.S. I also think there are many people out there who are into gardening and “green” topics who would also like it. *sigh* Maybe one day I’ll know enough to be able to move to webhosting but I’m not holding my breath. :(edit: I have a question for you, reaper. Can the background image be changed? For example could a person have a spring, summer, fall and winter image and change them along with the seasons?
-
@ TT –
yes, you can sutomize the image to your heart’s content.sandbox is one of the few themes that can handle changing the background automatically by season. but on any theme, you can change the image by hand, when you’re bored of it.
by default images, he means that you’ll have to download the original greenery and upload the images to wordpress.com (a kind theme author would handle that part for his users *cough* ;) ).
more than 5 pages… yeah, that’s a limitation of the theme. i think you have more than 5 on both your blogs. but there are ways around that. you can make some pages ‘children’ of other pages, so they don’t show up in the menu, but show up in the sidebar.
-
@kamel
Right now if I want to change my theme I click one button and that’s it. For example I click a button on my 4 month old timethief environmental blog all my 163 posts and 198 comments or on my 2 month blog coyotes personal blog all 18 posts and 93 comments would be switched over in an instant. Also if I have any technical problem on these blogs as they are now I get help from staff.However if I buy a css upgrade then I have to go through not only the download and upload part which I know diddly about and which sound daunting, but also I would have to go through the experience of exporting and importing my files and comments. And from the forum I can tell this is not always a smooth ride, right?
Thereafter I would have to figure out a passel of “children” of pages work arounds. And then after all is said and done I would also have to affect my own technical fixes to any code I may “break” because with a css customized theme I don’t get staff support. Correct?
Well, that makes changing the pictures in the background sound like the easiest part. Or am I off base in what I have said?
-
nonononononono
the custom CSS doesn’t affect your posts. it doesn’t even affect your themes. if you buy the custom CSS upgrade and all you do is add:
a, a:visited {
color: #ff0000 !important;
}
you’ll get red links in any theme you choose. and if everything goes to hell, you go to your custom CSS page and delete everything, and you go back to the themes the way the designers intended.
-
the custom CSS is not the same as hosting your own blog. a)it’s about the same price for a year of CSS as for a month of hosting b) you still get podz, matt, and andy watching your butt if anything goes wrong (except for the CSS (for that you get me and reaper X)).
CSS is only the code for the appearance of your blog. the posts, comments, links, widgets, and themes; they all live in PHP. the upgrade doesn’t mess with any of that.
-
-
hello,
Could someone direct me as how can I install a new theme for my blog. I am totally lost.
I have downloaded a new theme from sadish.net and I would like to know the procedure /steps to import this theme and install it.
I donot have my own domain, My blog is hosted on wordpress.com.Any help is much appreciated.
Thanks
-
You can’t.
We don’t upload themes.
What you see in dashboard – presentation -themes is what we have.
If you know CSS (like the example posted originally) you can customize your theme or design your own using the sandbox theme when you buy the CSS upgrade. It’s recommended that you don’t buy it if you don’t know CSS.
-
Just checking whether you’re happy for users to take this css and customise it, or if it’s only for use as is?
-
Good to know, thank you. Not sure if I’ll use it or not at this stage, though it’s very pretty.
- The topic ‘X-Greenery Theme for sandbox’ is closed to new replies.
WordPress.com Forums 