Forums > help with blogger skin

Forums > Resource Center > Support Center > Blogger Support > Blogger Resolved Topics

misskitty_purrs

Jan 30 2005, 06:13 AM

i am trying to make a blogger skin. my picture i want to be up in the left corner. all the way up than what it is now. i want the information below it about me to be to the right of it. and then i want the journal posts to follow down. i have been looking at the regular blogger skins and skins from here to try to get it right. but i am really really lost and need help. i also want a different cursor than the crosshair one, so if you have suggestions i will take them. i have been working with FrontPage to try to make this, if yall need to know that too. And, i think i want the background to be black, but i cant figure out what to change about it.
so... here is what it looks like.... Test blogger asnd here is my codes that i have.

<!-- begin code provided by createblog.com --><br /><html><br /><br /><head><br /><meta name="GENERATOR" content="Microsoft FrontPage 5.0"><br /><meta name="ProgId" content="FrontPage.Editor.Document"><br /><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><br /><title>Goofball's Ramblings...</title><br /></head><br /><br /><body bgcolor="#BBBBFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><br /></noembed><br /><style type="text/css"><br />body {<br />scrollbar-3dlight-color: #F5FFFA;<br />scrollbar-arrow-color: #191970;<br />scrollbar-base-color: #191970;<br />scrollbar-darkshadow-color: #191970;<br />scrollbar-face-color: #191970;<br />scrollbar-highlight-color: #191970;<br />scrollbar-shadow-color: #191970;<br />background-color: #191970;<br />font-family: sylfaen;<br />color: #FFFAFA;<br />font-size: 11pt;<br />cursor: crosshair;<br />}<br />b {<br />font-weight: 500;<br />color: #FFFAFA;<br />}<br />strong {<br />font-weight: 500;<br />color: #000000;<br />}<br />p.head {<br />font-family: sylfaen;<br />color: #FFFAFA;<br />font-size: 20pt;<br />font-weight: 700;<br />letter-spacing: -3px;<br />width: 190px;<br />text-align: right;<br />margin-bottom: -5px;<br />}<br />a {<br />cursor: crosshair<br />}<br />a:link, a:visited {<br />color: #FFE4E1; <br />text-decoration: none;<br />}<br />a:hover, a:active {<br />color: #F5FFFA;<br />text-decoration: none;<br />}<br />      </style><br />      <table id="Table_01" width="716" height="725" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111"><br />    <tr><br />           <td><img src="http://img.photobucket.com/albums/v639/jasonsgoofball/faeryG.jpg" alt width="343" height="406"></td><br />     </tr><br />   <br /> </table><br /><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; font-family: sylfaen; font-size: 11pt" width="190px"><br />      <!--EDIT INFO BELOW--><tr><br />             <td><b>Name</b>: goofball</td><br />      </tr><br />      <br />      <tr><br />             <td><b>Age</b>: 29</td><br />      </tr><br />      <tr><br />             <td><b>Birthday</b>: September 29th</td><br />      </tr><br />          <br />      <tr><br />             <td><b>Email</b>: <a href="mailto:me">little_bit92@yahoo.com</a></td><br />      </tr><br />      </table><br />  <tr><br />  <td><p class="head">.Our links...</p><br />  </td><br />  </tr><br />  <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; font-family: sylfaen; font-size: 11pt" width="190px"><br />      <!--EDIT LINKS BELOW--><tr><br />             <td><a href="http://blogger.com/home">Blogger</a></td><br />             <td><a href="http://www.xanga.com/misskitty_purrs">my xanga</a></td><br />      </tr><br />      <tr><br />             <td><a href="http://www.poetrypoem.com/misskitty">my poetry</a></td><br />             <td><a href="">your blogger</a></td><br />      </tr><br />      <br />      </table><br />      <blogger><div style="position: absolute; left: 0; width: 498px; padding: 5px;"><br /><BlogDateHeader><div align="left" style="font-family: sylfaen; color: #191970; font-size: 20pt; font-weight: 700; letter-spacing: -3px;"><br /><$BlogDateHeaderDate$></div><br /></BlogDateHeader><br /><div class="blogPost"><br /> <$BlogItemBody$><br /><a href="<$BlogItemPermalinkURL$>" <br /><br />title="permanent <br />link">#</a> posted by <a <br />href="mailto:little_bit929@yahoo.com">goofball</a> | <br /><$BlogItemDateTime$> | <a <br /><br />href="javascript:HaloScan('<$BlogItemNumber$>');" <br /><br />target="_self"><script <br /><br />type="text/javascript">postCount('<$BlogItemNumber$>'); <br /><br /> </script></a><div><br /></Blogger><br /></div><br /><br /></body><br /><br /></html><br /><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

please help... did i mention i was ready to pull my hair out? and i mentioned i have no clue as to what i am doing...

payepy

Jan 31 2005, 11:24 AM

QUOTE

my picture i want to be up in the left corner. all the way up than what it is now. i want the information below it about me to be to the right of it. and then i want the journal posts to follow down.

I will use div codes such that:

<!-- begin code provided by createblog.com --><br /><div style="margin-left:###px; margin-top:###px;"><br /><!-- end code provided by createblog.com -->

After which you add you codes below, before closing the tag with </div>

eg.:

<!-- begin code provided by createblog.com --><br /><div style="margin-left:###px; margin-top:###px;"><br /><img src="ur image url"><br /></div><br /><!-- end code provided by createblog.com -->

Remember to change the hex values.

QUOTE

i also want a different cursor than the crosshair one

Find it at the Xanga Scripts section

QUOTE

i think i want the background to be black

Check you codes again. Change it to #000000, or "black"

misskitty_purrs

Feb 2 2005, 05:28 AM

ok and then where does the blogger part and the profile part come in?

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.