Sunday, January 01, 2006

Ganbarimashou!

After some technical setbacks, the Name Game is back on! Sorry for those of you who had already voted, but I have to ask you to resubmit your choices. Let the games resume!

posted by J-girl on 1/01/2006

:

Blogger pgepps said...

Ask, and ye shall receive!

Just go to your template and cut'n'paste the styles below in place of the same part of the styles (note--this is only the body through "rightstuff" [new] section; paste over the entries from body to sidebar in the original.)

I'll put a backup copy of your current set of styles in the next comment, just in case.

Once you've put those styles in place, then go down to where you see the ending [/div] that has the comment "end #sidebar" and add in a new set of tags:

<div id="rightstuff">

</div>

I strongly suggest you also put some comments with them, like the other sections have, making it

<!-- begin #rightstuff -->
<div id="rightstuff">

{ insert your content between }

</div>
<!-- end #rightstuff -->

Voila! You'll have a column on the right.

Oh, and get rid of the obnoxious background I put on it. I just did that so it'd be easy to see when it's showing up.

Cheers!
PGE



-----------------------

body {
background:#123 url("http://www.blogblog.com/dots_dark/bg_minidots.gif") 50% 0;
margin:0;
padding:40px 20px;
font:x-small "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
text-align:left;
color:#ccc;
font-size/* */:/**/small;
font-size: /**/small;
}
a:link {
color:#8dd;
text-decoration:none;
}
a:visited {
color:#79b;
text-decoration:none;
}
a:hover {
color:#ad9;
text-decoration:underline;
}
a img {
border-width:0;
}


/* Header
----------------------------------------------- */
#header {
width:660px;
margin:0 20px 10px;
border:1px solid #468;
text-align:center;
float:left;
}
#blog-title {
margin:5px 5px 0;
padding:20px 20px .25em;
border:1px solid #357;
border-width:1px 1px 0;
font-size:200%;
line-height:1.2em;
color:#8dd;
text-transform:uppercase;
letter-spacing:.2em;
}
#blog-title a {
color:#8dd;
text-decoration:none;
}
#blog-title a:hover {
color:#8dd;
}
#description {
margin:0 5px 5px;
padding:0 20px 20px;
border:1px solid #357;
border-width:0 1px 1px;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color:#79b;
}


/* Content
----------------------------------------------- */
#content {
width:660px;
margin:0 20px;
padding:0;
text-align:left;
float:left;
}
#main {
width:410px;
float:right;
}
#sidebar {
width:220px;
float:left;
text-align:left;
}
#rightstuff {
width:200px;
position:absolute;
left:700px;
top:50px;
background:#fff;
}

January 03, 2006  
Blogger pgepps said...

Here is a copy of everything that's currently between your [style][/style] tags, as a backup in case my edits go wrong.

Cheers,
PGE


-----------------------


/*
-----------------------------------------------
Blogger Template Style
Name: Minima Blue
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 28 Feb 2004
----------------------------------------------- */


body {
background:#123 url("http://www.blogblog.com/dots_dark/bg_minidots.gif") 50% 0;
margin:0;
padding:40px 20px;
font:x-small "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
text-align:center;
color:#ccc;
font-size/* */:/**/small;
font-size: /**/small;
}
a:link {
color:#8dd;
text-decoration:none;
}
a:visited {
color:#79b;
text-decoration:none;
}
a:hover {
color:#ad9;
text-decoration:underline;
}
a img {
border-width:0;
}


/* Header
----------------------------------------------- */
#header {
width:660px;
margin:0 auto 10px;
border:1px solid #468;
}
#blog-title {
margin:5px 5px 0;
padding:20px 20px .25em;
border:1px solid #357;
border-width:1px 1px 0;
font-size:200%;
line-height:1.2em;
color:#8dd;
text-transform:uppercase;
letter-spacing:.2em;
}
#blog-title a {
color:#8dd;
text-decoration:none;
}
#blog-title a:hover {
color:#8dd;
}
#description {
margin:0 5px 5px;
padding:0 20px 20px;
border:1px solid #357;
border-width:0 1px 1px;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color:#79b;
}


/* Content
----------------------------------------------- */
#content {
width:660px;
margin:0 auto;
padding:0;
text-align:left;
}
#main {
width:410px;
float:left;
}
#sidebar {
width:220px;
float:right;
text-align:left;
}


/* Headings
----------------------------------------------- */
h2 {
margin:1.5em 0 .75em;
font:bold 78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color:#8dd;
}


/* Posts
----------------------------------------------- */
.date-header {
margin:1.5em 0 .5em;
color:#579;
}
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted #357;
padding-bottom:1.5em;
color:#9bd;
}
.post-title {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
line-height:1.4em;
color:#8dd;
}
.post-title a {
text-decoration:none;
color:#fc6;
}
.post-title a:hover {
color:#fff;
}
.post div {
margin:0 0 .75em;
line-height:1.6em;
}
p.post-footer {
margin:-.25em 0 0;
color:#357;
}
.post-footer em, .comment-link {
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}
.post-footer em {
font-style:normal;
color:#579;
margin-right:.6em;
}
.comment-link {
margin-left:.6em;
}
.post img {
padding:4px;
border:1px solid #222;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}


/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color:#8dd;
}
#comments h4 strong {
font-size:130%;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block dt {
margin:.5em 0;
}
#comments-block dd {
margin:.25em 0 0;
}
#comments-block dd.comment-timestamp {
margin:-.25em 0 2em;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block dd p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}


/* Sidebar Content
----------------------------------------------- */
.sidebar-title {
color:#579;
}
#sidebar ul {
margin:0 0 1.5em;
padding:0 0 1.5em;
border-bottom:1px dotted #357;
list-style:none;
}
#sidebar li {
margin:0;
padding:0 0 .25em 15px;
text-indent:-15px;
line-height:1.5em;
}
#sidebar p {
line-height:1.5em;
}


/* Profile
----------------------------------------------- */
#profile-container {
margin:0 0 1.5em;
border-bottom:1px dotted #357;
padding-bottom:1.5em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-img {
display:inline;
}
.profile-img img {
float:left;
padding:4px;
border:1px solid #357;
margin:0 8px 3px 0;
}
.profile-data {
margin:0;
font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
color:#8dd
}
.profile-data strong {
display:none;
}
.profile-textblock {
margin:0 0 .5em;
}
.profile-link {
margin:0;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}


/* Footer
----------------------------------------------- */
#footer {
width:660px;
clear:both;
margin:0 auto;
}
#footer hr {
display:none;
}
#footer p {
margin:0;
padding-top:15px;
font:78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}

January 03, 2006  

Post a Comment

<< Home

Shout Outs

Sugoi Sites

  • acrophobia (the game)
  • bunny suicides
  • ebonics translator
  • domo-kun
  • emily the strange
  • flavorgirl
  • fruits j-fashion
  • geek gear
  • halvsies
  • j american citizens league
  • j american wwii experience
  • japandering ads
  • language translator
  • offbeat usa
  • pucca
  • roger shimomura
  • save a life
  • sumo
  • tropical storms
  • yamaguchi ajet