A little help? Options

[CyndieMarie]

Hey all. I'm new at making skins. I don't mean to be a bother, but I'm having some trouble. I've made a skin via photoshop, I've image mapped it, and I've figure out how large I want the blog itself... but, the blog shows up underneath the actual skin, as if it were just an image. And I've hosted the image on all three suggested hosting sites, and on all three, the image doesn't show up. I'm kinda stuck, and I'm not sure where to go... If anyone could help me out, I'd really appreciate it. Thank you.

Cyndie Marie.

[Pulchritude]

do this

<img src="IMAGE OF URL">

replace it with your own url when u upload it it should have it.

i recommend http://www.imageshack.us

[CyndieMarie]

Thank you.
I've got the image now, but the blog is still underneath it. How do I get the blog in the skin?

Thanks again.
Cyndie Marie.

[gelionie]

Thank you.
I've got the image now, but the blog is still underneath it. How do I get the blog in the skin?

Thanks again.
Cyndie Marie.

What does your skin look like?
I mean the general layout... like where the blog area is, the navi... etc.

[Pulchritude]

you most likely gotta position it right.. please paste your layout code here please.

[CyndieMarie]

<!-- begin code provided by createblog.com --><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='15,218,178,272' HREF='http://xanga.com'><br /><AREA SHAPE='rect' COORDS='117,291,281,313' HREF='http://xanga.com/private'><br /><AREA SHAPE='rect' COORDS='33,340,179,388' HREF='http://xanga.com/private/subscriptions.aspx'><br /><AREA SHAPE='rect' COORDS='126,409,241,460' HREF='http://www.xanga.com/CLAF/default.asp'><br /><AREA SHAPE='rect' COORDS='46,479,212,531' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=writingtoremember'><br /><AREA SHAPE='rect' COORDS='135,553,283,607' HREF='http://www.xanga.com/guestbook.asp?user=writingtoremember'><br /><AREA SHAPE='rect' COORDS='50,621,268,681' HREF='http://www.xanga.com/logout.asp'><br /><AREA SHAPE='rect' COORDS='84,5,573,65' HREF='http://www.myspace.com/moveonlyyoureyes' ALT='Move Only Your Eyes on Myspace'><br /></MAP><br /><br /><IMG SRC="http://img215.exs.cx/img215/1806/moyexangaskin9me.gif" border=0 width=600 height=800 USEMAP='#imgmap'><br /><br /><!-- begin code provided by createblog.com --><br /><br /><div style="overflow: auto; width: 300px; height: 500px; margin-top: 110px; margin-left: 400px;"> <br /><br /><!-- end code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />table.navigation, table.footer { display:none; }<br /></style><br /><br /><!-- end code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops <br />/* width of the comment page */<br />{width:245px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /></style><br /><br /><!-- end code provided by createblog.com --><br /><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />/* Move Only Your Eyes "Lips Confess Everything" by Cyndie Marie*/<br />body <br />{background-color: transparent;<br /><br />scrollbar-arrow-color: #99CCFF;<br />scrollbar-track-color:none;<br />scrollbar-shadow-color:none;<br />scrollbar-face-color: #99CC99;<br />scrollbar-highlight-color: #COLOR CODE;<br />scrollbar-darkshadow-color:none;<br />scrollbar-3dlight-color:none;}<br /><br />/* edits the date */<br />div.blogheader, .caption <br />{background-image: url();<br />background-repeat:no-repeat;<br />background-position:center;<br />font-family: palatino linotype;<br />text-transform:none;<br />font-size:20px;<br />line-height: 16px;<br />font-weight:normal;<br />color:#228B22;<br />letter-spacing:2px;<br />background-color:#8FBC8F;<br />text-align:center;<br />border:none;}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #228B22;}<br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: #px solid #228B22;<br />font:normal 12px palatino linotype;<br />background-color: #8FBC8F;<br />font-color:#228B22;}<br /><br /> table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br />text-align: center;}<br /><br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />background-image: url();<br />background-color:none;<br />color: #000000;<br />font: bold 10pt palatino linotype;<br />text-transform: none;<br />text-align:center;<br />border: #COLOR CODE #px solid;}<br /> <br />table.left:none<br /><br />font,td,p,xmp<br />{color:# 99CCFF;<br />font-face: palatino linotype;<br />font-weight:normal;<br />font-size:10pt;<br />text-align:center;}<br /><br />table.blogbody tr td { <br />/* this edits the left margin of blog */ <br />width:0px; <br />padding-left: 0px;} <br /><br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color:transparent;<br />family-font: palatino linotype;<br />BORDER:none;<br />width:275px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */ <br /><br />a:link<br />{line-height: #pt; <br />font-family: palatino linotype;<br />font-weight:normal; <br />color:#000000; <br />text-transform:none;<br />font-size:10pt; <br />cursor:crosshair;}<br /><br />a:active<br />{font-family: palatino linotype; <br />color:#99CCFF; <br />text-transform:none;<br />font-size:10pt; <br />cursor:crosshair;}<br /><br />a:visited<br />{font-family: palatino linotype; <br />color:#99CCFF; <br />text-transform:none;<br />text-decoration:strikeout;<br />font-size:10pt;<br />cursor: crosshair;}<br /><br />A:hover {font-family:palatino linotype;<br />color:#99CCFF;<br />text-transform:none; <br />cursor: crosshair; <br />font-weight:normal;<br />font-size:10pt}</style><br /><!-- end code provided by createblog.com -->

[ please use codebox. kthnx! ]

This post has been edited by Spiritedfreak: Mar 27 2005, 12:09 AM

[Pulchritude]

code box next time please and put the image before the image mapping..

and adjust this part

<!-- begin code provided by createblog.com --><br /><div style="overflow: auto; width: 300px; height: 500px; margin-top: 110px; margin-left: 400px;"> <br /><!-- end code provided by createblog.com -->

play around with it

[gelionie]

I don't really know how to get your blogs in the right place, but I suggest you to group all the css styles together into one stylesheet.

[CyndieMarie]

Thanks, and sorry about the codebox thing... I didn't even see the button.
I've been messing around with that code for a while... but I can never seem to get it to go on the skin... it stays below it. I'll keep at it.

Thanks a bunch for helping me.

[CyndieMarie]

How do I make the blog have a scroll bar in it? If that makes any sense.... Heh.

Cyndie Marie.

[gelionie]

http://www.createblog.com/forums/index.php?showtopic=8343

[talcumpowder]

<!-- begin code provided by createblog.com --><br /><IMG SRC="http://img215.exs.cx/img215/1806/moyexangaskin9me.gif" border=0 width=600 height=800 USEMAP='#imgmap'><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='15,218,178,272' HREF='http://xanga.com'><br /><AREA SHAPE='rect' COORDS='117,291,281,313' HREF='http://xanga.com/private'><br /><AREA SHAPE='rect' COORDS='33,340,179,388' HREF='http://xanga.com/private/subscriptions.aspx'><br /><AREA SHAPE='rect' COORDS='126,409,241,460' HREF='http://www.xanga.com/CLAF/default.asp'><br /><AREA SHAPE='rect' COORDS='46,479,212,531' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=writingtoremember'><br /><AREA SHAPE='rect' COORDS='135,553,283,607' HREF='http://www.xanga.com/guestbook.asp?user=writingtoremember'><br /><AREA SHAPE='rect' COORDS='50,621,268,681' HREF='http://www.xanga.com/logout.asp'><br /><AREA SHAPE='rect' COORDS='84,5,573,65' HREF='http://www.myspace.com/moveonlyyoureyes' ALT='Move Only Your Eyes on Myspace'><br /></MAP><br /><br /><style type="text/css"><br />/* Move Only Your Eyes "Lips Confess Everything" by Cyndie Marie*/<br />body <br />{background-color: transparent;<br />scrollbar-arrow-color: #99CCFF;<br />scrollbar-track-color:none;<br />scrollbar-shadow-color:none;<br />scrollbar-face-color: #99CC99;<br />scrollbar-highlight-color: #COLOR CODE;<br />scrollbar-darkshadow-color:none;<br />scrollbar-3dlight-color:none;}<br />/* edits the date */<br />div.blogheader, .caption <br />{background-image: url();<br />background-repeat:no-repeat;<br />background-position:center;<br />font-family: palatino linotype;<br />text-transform:none;<br />font-size:20px;<br />line-height: 16px;<br />font-weight:normal;<br />color:#228B22;<br />letter-spacing:2px;<br />background-color:#8FBC8F;<br />text-align:center;<br />border:none;}<br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #228B22;}<br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: #px solid #228B22;<br />font:normal 12px palatino linotype;<br />background-color: #8FBC8F;<br />font-color:#228B22;}<br /> table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br />text-align: center;}<br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />background-image: url();<br />background-color:none;<br />color: #000000;<br />font: bold 10pt palatino linotype;<br />text-transform: none;<br />text-align:center;<br />border: #COLOR CODE #px solid;}<br />font,td,p,xmp<br />{color:# 99CCFF;<br />font-face: palatino linotype;<br />font-weight:normal;<br />font-size:10pt;<br />text-align:center;}<br />table.blogbody tr td { <br />/* this edits the left margin of blog */ <br />width:0px; <br />padding-left: 0px;} <br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color:transparent;<br />family-font: palatino linotype;<br />BORDER:none;<br />width:275px;}<br />a:link<br />{line-height: #pt; <br />font-family: palatino linotype;<br />font-weight:normal; <br />color:#000000; <br />text-transform:none;<br />font-size:10pt; <br />cursor:crosshair;}<br />a:active<br />{font-family: palatino linotype; <br />color:#99CCFF; <br />text-transform:none;<br />font-size:10pt; <br />cursor:crosshair;}<br />a:visited<br />{font-family: palatino linotype; <br />color:#99CCFF; <br />text-transform:none;<br />text-decoration:strikeout;<br />font-size:10pt;<br />cursor: crosshair;}<br />A:hover {font-family:palatino linotype;<br />color:#99CCFF;<br />text-transform:none; <br />cursor: crosshair; <br />font-weight:normal;<br />font-size:10pt}<br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops <br />/* width of the comment page */<br />{width:245px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /></style><br /><br /><div style="overflow: auto; width: 300px; height: 500px; margin-top: -610px; margin-left: 695px;"><br /><!-- end code provided by createblog.com -->

It should look like that....... -shrug- I looked at the image and guessed the numbers, assuming you want it centered. >.o They're probably way off..... You can edit those yourself by changing the numbers though...... =S

[CyndieMarie]

I got everything worked out... Thanks everyone!

Cyndie Marie.

[*mona lisa*]

I got everything worked out... Thanks everyone! 

topic closed