DONT POST WITH LESS THAN 3 WORDS IN MY THREAD! 
Mods..? Can u check if der's a mistake here.... Im reli not that good with it...

Ever wonder ader blogs look like the banner and body are overlapping..?
and the sidebar seems longer...?
juz lyk my blog or put slides in the banner like in here..?
hehe.. fine.. I'll share now... 
Before doing this one, be sure that your layout is already set for the div layers..
Dont know yet..? Proceed here
First, let us study using Div layers... If you already tried to use overlay profile, this one will be easier to learn... but if you dont have any background in html, hmnn.. juz try it... not that really hard...
What is a div..?
The <div> tag defines a division/section in a document that can be positioned anywer in your page using absolute positioning. It can contain images, links, text, and etc...
Sample Div block
<div id=layer1 style="position:absolute; top:20px; left:20px; width:300px; height:300px; padding:5px; border: #000000 2px solid; background-color:#000000; background-image:url(yourfilename.gif); text-align:justify; font-family:Century Gothic; font-size:12px;Font-color:#ffffff;">
Content goes here
</div>
Now, let us define d variables...
Making div elements scroll...?
all u have to do is add overflow:auto; in the styles.... for example:
<div id="sayonara" style="position: absolute; width: 220px; height: 150px;left: 250px; top:50px; overflow:auto;">
Ur Content
</div>
Pretty clear...? hmn.. now, let's proceed to the next step....
Inserting div layers in banner
1. First, remove this code in ur css...
/*remove banner */
#banner-inner {
/*logo*/display:none;visibility:hidden;}
.friendster-banner {
/*logo*/display:none;}
.friendster-banner-nav-wrapper {
/*navigation*/display:none;}
.friendster-banner-nav {
/*navigation*/display:none;}
Can u see this code too..? *remove the bold part* only the bold one..
/* -- Hide the Top Banner Texts (Blog Name and Catchphrase) -- */
#banner h1, #banner h2 { display:none; }
2. Next step: is juz simple paste ur div elements in the blog catchphrase/description...
Hit save, then republish....
Note: Dont put unnecessary text on ur catchphrase if ur using this one.. coz it'll definitely appear.. juz add the stuffs u wanna show...
Here's the sample div code on this sample layout...
i ddnt use background images and margins.. all u have to do is add those variables.. 
Pretty easy huh...?
Post ur questions now... 
Last edited by cUtiEshika (2008-05-19 23:15:22)

You're Really Expert In Blogs wow 

sorry for double post...but..why is it that my default title was appearing!? can we at least do sumtin bout it?
wat do u min default title....?
title on ur titlebar...?
title in ur blog...?
i juz visited ur blog and i dunnow wat title u mean..

^i mean the title of my blog...
it appears on my banner...
my title is "behind every smile"
and it appears on my banner..so for it not to be noticed..i made my title "."
as in...dot only..so that it would camouflauge...
i bet thats the effect when u erase the "banner h2"
cuz when i put it back in my css...the title disappeared but my div element wont show up..
haha
hmn... let me think... how about in ur css, delete that comma after h1...
btw, the title u mean is the blog nem u put in the blog title at the catchphrase...?
edited:
i cnt undrstnd sisz... wat part..? ive tried to use ur css, and the blog nem doesnt appear...
wanna take a look..? here.. http://kisses_janapril.blogs.friendster.com/my_blog/
Last edited by cUtiEshika (2008-04-01 17:04:43)

sis there oh!
the "my blog"
thing..its appearing in the banner..look at it again.hihi
put a screenshot sisz... 
are u using FF...?
edited:
ive seen it in FF nah.. Ill juz edit this post I can see the error...
edited agen: ahmn.. i view it on FF now.. and then the blog title ddnt appear..
after i installed flash adobe plug-in...
Last edited by cUtiEshika (2008-04-01 18:33:17)

^sis.....its already okay..
just remove the comma ..haha..thanks anyways.!!!haha.....
@off:sorry to insert sumoff...i just wanna know if people can have two blogs in one fster account...?

it still wont work..
here is the code..
<style>
/* --- Code Start ---*/ /* Friendster Blog CSS Codes Simplified/Modified (Style-Theme: Beckett)
by FoRsAkEnKiD (http://www.friendster.com/forsakenkid)
Original CSS Codes are from Friendster.com
Special Thanks to SLasher-X (www.friendster.com/eksss) for the idea.
"It's very nice of you to keep these credits and comments intact..
knowing something 'undesirable' might happen to you if you didnt...
Arigatou Gozaimasu!" \m/,(//_^).\m/
Join Us at FriendsterTalk Forums! (www.FriendsterTalk.com)
*/ Code: /* ---- FriendsterBlog Basic Page Elements ---- */
/* -- Global Texts Settings -- */
/* -- Global Texts Settings -- */
body
{
/* for global texts */
color: #000000;
font-family: 'tempus sans', helvetica, arial, sans-serif; font-size: 11px;text-align:center;}
h1, h2, h3, h4, h5, h6
{ /* for headers */
color: #F79ECB;
font-family: 'tempus sans ITC', helvetica, arial, sans-serif;text-align:center;}
/* for global links */ a
{ color: #F79ECB; text-decoration: strikethtough; font-weight:bold;}
a:visited { color: #F79ECB; text-decoration: underline; }
a:hover { color: #F79ECB; text-decoration: underline overline;}
/* - master text color */
body,td,tr,div,p {color:#000000;font-weight: bold;font-size: 10px; text-alignment:justify; important!}
/* -- Footer Nav Settings -- */
.friendster-footer-nav,
.friendster-footer-nav a,
.friendster-footer-nav a:visited,
.friendster-footer-nav
a:hover { color: #303030; background: transparent;
font-family: arial, helvetica, sans-serif;
font-size: 10px; text-align: center; }
/* -- Post Title Text Settings -- */
.entry-header {
background : url(http://i255.photobucket.com/albums/hh143/lonelytoes/504880af9kg8il3e.gif) no-repeat center left;
margin : 0px 0;
border-left : none; margin-left: 0px;
border-bottom : 3px double #379270 ;
padding-left:30px; padding-top:3px; padding-bottom: 3px;
color : #379270;
font-size : 15px; text-align:left; text-transform: Capitalize;}
/* -- Custom Background Image and Color -- */
/* main background */
body {
background: #ffffff;
background-image: url(http://i255.photobucket.com/albums/hh143/lonelytoes/1043585ir2mebcqub.gif);
background-attachment: fixed;
background-repeat: repeat;
background-position: left center;
margin: 0px 0px 0px 0px;
}
/* -- Custom Foreground Image (Container) --*/
#container-inner {border:none;}
#container {
background:transparent url(http://i26.tinypic.com/2nqs6qc.jpg); border-width: 0px;
background-position: right center;
}
#pagebody-inner {
background : url(http://i255.photobucket.com/albums/hh143/lonelytoes/tonksi.gif);
background-position : top right;
background-repeat : repeat;border: #;
}
/*personalize blog logo */
#banner {
width : 760px;
height : 300px;
background : url(http://i255.photobucket.com/albums/hh143/lonelytoes/trustmeagain.gif);
background-position : top center;
background-repeat : no-repeat;
}
/* -- Hide User Photo from the Top Banner */
.banner-user, .banner-user-photo,
.banner-user-photo img { display: none; }
/* -- Hide the Top Banner Texts (Blog Name and Catchphrase) -- */
#banner h1, #banner h2 { display:none; }
/* -- Hide All Ads (Except Friendster Footer Nav) -- */
.friendster-banner, .friendster-banner-ad,
.friendster-banner-ad-wrapper, .friendster-banner-nav-logo,
.friendster-body-ad,
.friendster-footer-ad, .module-powered { display: none; }
/* -- body ads -- */
.friendster-body-ad
{
width: 780px;
height: 132px;
display: none;
}
/* Hide friendster footer (ads) */
.friendster-footer
{
width: 780px;
height: 132px;
display: none;
}
/* ---- Friendster Blog Module And Typelist Customizations ---- */
/* -- Module Header Custom Background Image and Text Settings -- */
/* for default sideheaders */
.module-header, .trackbacks-header,
.comments-header, .comments-open-header,
.archive-header
{ color: #379270 ; font-size: 12px; background:transparent url();
background-repeat: no repeat; important! background-position: bottom right;
/* recommended width: 800px height: 150 */ font-size: 12px;
font-weight: bold; text-align: center; border-bottom:3px double #379270; text-transform: Capitalize; }
/* for sideheader links */ .module-header a, .trackbacks-header a,
.comments-header a, .comments-open-header a, .archive-header
a { color: #379270 ; text-decoration: none; }
/* for sideheader links hover */
.module-header a:hover, .trackbacks-header
a:hover, .comments-header a:hover, .comments-open-header
a:hover, .archive-header a:hover { color: #379270;text-decoration: overline underline; alignment: right;}
/* for visited sideheader links */
.module-header a:visited, .trackbacks-header a:visited,
.comments-header a:visited, .comments-open-header a:visited,
.archive-header a:visited { color: #379270 ; }
/* -- Module Content Text and Background Color Settings -- */
/* -- color of the BODY of the lil rectangular boxes on my right side -- */
div.module-content {#FF1CAE; font-size: 10px; text-align: center;important!
background:#transparent;border-color: #; border-style: double; border-width: 0px; important!}
/* for links */ .module-content a { color: #379270;text-decoration: none;}
.module-content a:visited { color: #379270; }
.module-content a:hover { color: #FF34B3; text-decoration: underline overline; text-alignment: right; important!}
/* -- scrollbar colors -- */
html, body {
scrollbar-3dlight-color: #505050;
scrollbar-shadow-color: #303030;
scrollbar-face-color: #379270;
scrollbar-arrow-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-track-color: #ffffff;
overflow-x: hidden
}
/* welcome mssg*/
body {
height:expr/**/ession(
function welcome()
{alert('Hi there! Welcome and enjoy viewing my page!');}
window.onload=welcome);
}
/* GOODBYE ALERT BOX */
body {
left:expr/**/ession(
function goodbye() {
alert('Bye !! tnx for visiting my page!! hope you can visit me again');
}
window.onunload=goodbye);
}
/* IMAGE EFFECTS */
a:hover img {filter: Blur(Add = 1, Direction = 225, Strength = 10);}
/* -- Module Content Custom Bullet Image -- */
ul.module-list li { background: url(http://i255.photobucket.com/albums/hh143/lonelytoes/504880af9kg8il3e.gif) 0 0.3em no-repeat; }
/* center text and scrollable post entry */
.entry-footer {border:none;}
.entry {
text-align:justify;
overflow:auto; width: 490px; height:260px;
border: double #379270 3px; }
padding-left:5px; important!;
}
body {cursor: url(http://www.pretty-secrets.net/public/visitor/cursors/cursors/words/1.ani);}
/* --- Code End ---*/
</style>
--page viewer frame--
<script type="text/javascript" src="http://blogs.www.friendster.com/t/comments?__mode=check_login"></script>which part of my code should i place these??
<div id="sayonara" style="position: absolute; width: 220px; height: 150px;left: 250px; top:50px; overflow:auto; text-align:justify; font-family:Century Gothic; "> <font color="#ffffff" size="1" > The text content </div> <div id="slide" style="position:absolute; top: 63px; left:53px; height: 131px; width: 168px;"> The slide content </div>
Last edited by lonlytoes (2008-04-27 15:00:25)

-Offline- |
lonlytoes wrote:
which part of my code should i place these??
sisz.. for formality sake only.. 
the first code is ur css... u can paste it to ur blog catchphrase dirctly or
u myt wanna save it as external css which is recommnded..
the 2nd code, u can paste it directly on ur blog cathphrse..
hit save.. then republish...
remember to erase the blod part of this coe found in ur css.. including the comma
/* -- Hide the Top Banner Texts (Blog Name and Catchphrase) -- */
#banner h1, #banner h2 { display:none; }
Last edited by cUtiEshika (2008-05-20 04:37:38)
Weee, I finally tried this already! Yay... At first I didn't understand a single thing, hahaha. Thanks for sharing this to us, ate april. XDDD~


u really do love blogs.. do you? haha nice dude! keep it up!
-Offline- |
i cant find where my CSS is located? 
-Offline- |
do i really have to be a promember of friendster blog to do these procedures?
-Offline- |

div1kathrina wrote:
do i really have to be a promember of friendster blog to do these procedures?
u dont have to..
all u have to do is read read read...
read sticky topics and the directory....
i give three urls for u to look for the css thing..
http://friendstertalk.com/t2556-Pimp-Yo … es%29.html
http://friendstertalk.com/t25257-Overla … ed%29.html
http://friendstertalk.com/t2401-CSS-Bas … logs..html
btw dear.. plz remmber to read d rulez...
double posting is also not allowed.. 
this is useful.. imma try this and make my own...
-Offline- |