Log In · Register

 
 
 Closed TopicStart new topic
public profile?
icoh
post May 29 2007, 06:52 AM
Post #1


Newbie
*

Group: Member
Posts: 3
Joined: May 2007
Member No: 527,233
guys I already made the layout, I just need someone to tell me how to code it!!!

http://i15.tinypic.com/6as5lqb.jpg <<< main layout

http://i9.tinypic.com/6bk3a13.gif <<< banner

http://i13.tinypic.com/6c49agg.jpg <<< Background.

Here's the code for the image map.
CODE
<html>
<head>
<title>Layout yey!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Layout yey!.psd) -->
<img src="http://i15.tinypic.com/6as5lqb.jpg" width="792" height="756" border="0" alt="" usemap="#Layout_yey__Map">
<map name="Layout_yey__Map">
<area shape="rect" alt="" coords="72,597,141,611" href="http://profile.xanga.com/chatboard.aspx?user=guess_who_beh">
<area shape="rect" alt="" coords="71,553,141,570" href="http://audio.xanga.com/guess_who_beh">
<area shape="rect" alt="" coords="76,508,137,527" href="http://photo.xanga.com/guess_who_beh">
<area shape="rect" alt="" coords="75,466,137,486" href="http://www.xanga.com/Private/SubscribeTo.aspx?user=guess_who_beh">
<area shape="rect" alt="" coords="89,422,124,441" href="http://www.xanga.com/guess_who_beh">
<area shape="rect" alt="" coords="90,379,121,397" href="http://profile.xanga.com/guess_who_beh">
<area shape="rect" alt="" coords="83,338,129,355" href="www.xanga.com">
</map>
<!-- End ImageReady Slices -->
</body>
</html>


I know the fact that this goes to the Header HTML. But it's not the public one. Could someone code this for me? Thanks a lot in advance.
 
YourSuperior
post May 29 2007, 09:24 AM
Post #2


;)
*******

Group: Staff Alumni
Posts: 9,573
Joined: Feb 2005
Member No: 99,124
This should help you: http://www.createblog.com/forums/index.php?showtopic=34220
 
icoh
post May 30 2007, 02:03 AM
Post #3


Newbie
*

Group: Member
Posts: 3
Joined: May 2007
Member No: 527,233
Ok I did everything the site told me. here is the code.

CODE
<center><img src="http://i9.tinypic.com/6bk3a13.gif"></center>


<html>
<head>
<title>Layout yey!</title>
</head>
<body bgcolor="" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Layout yey!.psd) -->
<img src="http://i13.tinypic.com/4v3k0wl.jpg" width="792" height="756" border="0" alt="" usemap="#Layout_yey__Map">
<map name="Layout_yey__Map">
<area shape="rect" alt="" coords="72,597,141,611" href="http://profile.xanga.com/chatboard.aspx?user=guess_who_beh">
<area shape="rect" alt="" coords="71,553,141,570" href="http://audio.xanga.com/guess_who_beh">
<area shape="rect" alt="" coords="76,508,137,527" href="http://photo.xanga.com/guess_who_beh">
<area shape="rect" alt="" coords="75,466,137,486" href="http://www.xanga.com/Private/SubscribeTo.aspx?user=guess_who_beh">
<area shape="rect" alt="" coords="89,422,124,441" href="http://www.xanga.com/guess_who_beh">
<area shape="rect" alt="" coords="90,379,121,397" href="http://profile.xanga.com/guess_who_beh">
<area shape="rect" alt="" coords="83,338,129,355" href="www.xanga.com">
</map>
<!-- End ImageReady Slices -->
</body>
</html>

<div style="overflow: auto;
width: 563px;
height: 484px;
margin-top: 100px;
margin-left: 200px;">

<style type="text/css">
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* width of the comment page */
{width:250px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}
</style>

<!-- begin code provided by createblog.com -->
<style type="text/css">
/*Name of Your Skin*/
/*by YOU*/
body {
background-image:url(http://i13.tinypic.com/6c49agg.jpg);
background-repeat: repeat-y-x;
background-color: #COLOR CODE;
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #000000;
}

#rblEprops, #pnlEnabled table, #pnlEprops table {
width: auto !important;
}

table.blogbody {
width:563px;
font-family: Trebuchet MS;
font-weight: none;
font-size: 12pt;
color: #000000;
text-align: justify;
padding: 0px;
margin-top: 2px;
}
div.smalltext{
width: WIDTHpx;
padding: 3px;
text-align: left;
}
.caption, .blogheader {
width: 380px;
padding: 3px;
font-family: Trebuchet MS;
font-size: 17pt;
text-align: center;
color: #CC0033;
background-color: #COLOR;
text-transform: lowercaps;
margin-top: 10px;
}

P, B, I, TD, TH
{font-family: Trebuchet MS; color: #000000; font-size: 8pt; }
A:link, A:visited, A:active
{color:#CC0033; text-decoration:none; font-size:8pt;}
a:hover
{text-decoration: underline; color:#FF9999; font-size: 8pt; );}
b, strong, i, u, {
/* edit colors when bold italic underline */
font-family: arial;
font-size: 8pt;
color: #000000;
font-weight: bold;
text-transform: lowercaps;
</style>
<!-- end code provided by createblog.com -->


And this is what I get. http://www.xanga.com/guess_who_beh

I can't seem to place the blog above my layout no matter what pixel I enter. It always appear below the layout.
 
YourSuperior
post May 30 2007, 11:07 AM
Post #4


;)
*******

Group: Staff Alumni
Posts: 9,573
Joined: Feb 2005
Member No: 99,124
Edit your div code to look like this:

CODE
<div style="overflow: auto; position: absolute;
width: 563px;
height: 484px;
margin-top: 100px;
margin-left: 200px;">


And try moving the div now because I tried it and it works for me.
 
*digitalfragrance*
post May 30 2007, 09:08 PM
Post #5





Guest
^ Yeah, that will work for you - you were just missing the position attribute.

Might I suggest a slight reorganization? It will make your site more compatible with different broswers in this order:

[style editting]
[div image/mapping]
[blog]

For some reason, that works better for both IE and FF. It will throw off the margin pixels a little at first, but with trial and error, you'll be able to place them just fine _smile.gif
 
icoh
post May 31 2007, 12:25 AM
Post #6


Newbie
*

Group: Member
Posts: 3
Joined: May 2007
Member No: 527,233
Wee. thanks guys, XD. finally I got it to work. sorry for the trouble.
 
YourSuperior
post May 31 2007, 01:57 AM
Post #7


;)
*******

Group: Staff Alumni
Posts: 9,573
Joined: Feb 2005
Member No: 99,124
^Well that's good to know. If you have more questions you can PM us.
Reason for edit: Topic Closed. - alovesopure (Kara)
 
« Next Oldest · Xanga Resolved Topics · Next Newest »
 

Closed TopicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic