raymond_ng
07-30-2006, 05:01 PM
hi all,
i use the layout from http://www.xanga.com/VeryCute_Layoutz_4you as a reference to learn how to make changes, now some problems here....
1. in that layout the webblog content text is set in the center.....i would like to set it on left side, but i can find out the related script.....
2. i can't find out the right place to change the position of the whole body of the weblog so that it appears right next to the left module....and the subscriptions bar size is narrower than the left module bar
below is my making layout:
<style type="text/css">
/* Made By VeryCute_Layoutz_4you */
body {
background-color: #FFFFFF;
background-image: url(http://image.blog.myrice.com/kifengx/imgs/f/1/f14651d2.jpg);
background-repeat:no repeat;
background-attachment: fixed;
background-position: center;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #400080;
scrollbar-shadow-color: #660099;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #602060;
scrollbar-darkshadow-color:#660099;
scrollbar-3dlight-color: #000000;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 16px arial;
line-height:18px;
color:#206040;
letter-spacing:0px;
text-align:center;
}
table.footer TD {
/* verycute_layoutz_4you*/
/* fo sho*/
text-align: center;
}
div.blogheader, .caption {
/* edits the dates */
font-family:arial;
text-transform:upercase;
font-size:22px;
line-height:30px;
font-weight:bold;
height: 1px;
filter: alpha (opacity=100, finishopacity=0, style=3);
background-color: #ffffff;
color:#66fffff;
letter-spacing:-3px;
text-align: left;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#666699;
text-decoration: none;
font:normal 11px arial;
}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color:#666699;
text-decoration: none;
font:normal 11px arial;
}
a:hover {
/* edits when user mouseovers the links */
color:#666699;
cursor: crosshair;
letter-spacing:2px;
text-transform: uppercase;
border: 0px dashed #602060;
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 3px double #602060;
font:normal 11px arial;
background-color: #000000;
letter-spacing:0px;
color: #bfbfff;
}
table.left {
/* this edits the menu module */
border: 3px double #402060;
width:150px;
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: none;
font: 16px arial;
letter-spacing:-2px;
text-transform: lowercase;filter: alpha (opacity=100, finishopacity=0, style=3);
background-color: #ffffff;
color:#3366ff;
text-align: center;
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-image: none;
background-color: #transpt;
border: none;
font:normal 13px arial;
line-height:18px;
color: #bfbfff;
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: #transpt;
border: 0px solid #602060;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 0px solid #ff99ff;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 70%;
}
hr {
/* horizontal divider */
border: 1px dotted #ffffff;
}
</style>
<style>
U {font-family: arial; color: #ff99cc; letter-spacing: 0pt; font-size:8pt; font-style: border; border-bottom: dashed 1px #ff99cc;}
P {font-family:ARIAL; color: #ff99ff; font-size: 8pt; text-align: center;}
B, STRONG {font-family:ARIAL; font-weight: bold; #ff99cc; letter-spacing:none;font-size: 8pt;}
i, EM {font-family:ARIAL; color: #000000; letter-spacing:none;font-size: 8pt;}
<style></style></style>
<!-- End Script by Blogring.net -->
<BODY style="border-bottom: #000000
15t solid; border-top: #000000
15t solid; border-left: #000000
15t solid; border-right: #000000
15t solid"></TBODY>
p.s.
can anyone give me the script to make up a header with the pic of my own and the script and the script to change the text color of "Raymond_NKH: weblog - photos - profile - reviews - events [ xanga - Raymond_NKH - sign out ]" and the left module text so that e.g. "Name: xxx" name and xxx can be in different color?
i use the layout from http://www.xanga.com/VeryCute_Layoutz_4you as a reference to learn how to make changes, now some problems here....
1. in that layout the webblog content text is set in the center.....i would like to set it on left side, but i can find out the related script.....
2. i can't find out the right place to change the position of the whole body of the weblog so that it appears right next to the left module....and the subscriptions bar size is narrower than the left module bar
below is my making layout:
<style type="text/css">
/* Made By VeryCute_Layoutz_4you */
body {
background-color: #FFFFFF;
background-image: url(http://image.blog.myrice.com/kifengx/imgs/f/1/f14651d2.jpg);
background-repeat:no repeat;
background-attachment: fixed;
background-position: center;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #400080;
scrollbar-shadow-color: #660099;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #602060;
scrollbar-darkshadow-color:#660099;
scrollbar-3dlight-color: #000000;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 16px arial;
line-height:18px;
color:#206040;
letter-spacing:0px;
text-align:center;
}
table.footer TD {
/* verycute_layoutz_4you*/
/* fo sho*/
text-align: center;
}
div.blogheader, .caption {
/* edits the dates */
font-family:arial;
text-transform:upercase;
font-size:22px;
line-height:30px;
font-weight:bold;
height: 1px;
filter: alpha (opacity=100, finishopacity=0, style=3);
background-color: #ffffff;
color:#66fffff;
letter-spacing:-3px;
text-align: left;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#666699;
text-decoration: none;
font:normal 11px arial;
}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color:#666699;
text-decoration: none;
font:normal 11px arial;
}
a:hover {
/* edits when user mouseovers the links */
color:#666699;
cursor: crosshair;
letter-spacing:2px;
text-transform: uppercase;
border: 0px dashed #602060;
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 3px double #602060;
font:normal 11px arial;
background-color: #000000;
letter-spacing:0px;
color: #bfbfff;
}
table.left {
/* this edits the menu module */
border: 3px double #402060;
width:150px;
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: none;
font: 16px arial;
letter-spacing:-2px;
text-transform: lowercase;filter: alpha (opacity=100, finishopacity=0, style=3);
background-color: #ffffff;
color:#3366ff;
text-align: center;
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-image: none;
background-color: #transpt;
border: none;
font:normal 13px arial;
line-height:18px;
color: #bfbfff;
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: #transpt;
border: 0px solid #602060;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 0px solid #ff99ff;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 70%;
}
hr {
/* horizontal divider */
border: 1px dotted #ffffff;
}
</style>
<style>
U {font-family: arial; color: #ff99cc; letter-spacing: 0pt; font-size:8pt; font-style: border; border-bottom: dashed 1px #ff99cc;}
P {font-family:ARIAL; color: #ff99ff; font-size: 8pt; text-align: center;}
B, STRONG {font-family:ARIAL; font-weight: bold; #ff99cc; letter-spacing:none;font-size: 8pt;}
i, EM {font-family:ARIAL; color: #000000; letter-spacing:none;font-size: 8pt;}
<style></style></style>
<!-- End Script by Blogring.net -->
<BODY style="border-bottom: #000000
15t solid; border-top: #000000
15t solid; border-left: #000000
15t solid; border-right: #000000
15t solid"></TBODY>
p.s.
can anyone give me the script to make up a header with the pic of my own and the script and the script to change the text color of "Raymond_NKH: weblog - photos - profile - reviews - events [ xanga - Raymond_NKH - sign out ]" and the left module text so that e.g. "Name: xxx" name and xxx can be in different color?