How can i make blogs visible on a div Options

[Joemar]

hi everybody

can someone help me out with my problem?
i want to make my blogs visible on a div overlay page.

so, what kind of code do i have to use??

thanx for your help

[Marlons]

Please provide your coding, About me and Who I'd like to meet. Then we can tweak it a bit.

[Joemar]

hi

thank you to trying helping me.

PS: my page is a bandpage...

here is my code:

<style>body.bodyContent{background-color: E5E5E5;background-position: top center;background-repeat: repeat-y;background-attachment: fixed;}body.bodyContent{background-color: 7f7f7f;}table,tr,td{background-color: transparent;border-style: none;}table table table{border-top-style: solid;border-top-width: 2px;border-top-color: 222222;border-right-style: solid;border-right-width: 2px;border-right-color: 222222;border-bottom-style: solid;border-bottom-width: 2px;border-bottom-color: 222222;border-left-style: solid;border-left-width: 2px;border-left-color: 222222;background-color: transparent;}table table,table table table table,table table table td{border-style: none;background: transparent;}table table table td table td.text a{margin-left: 10px;}table.contactTable td.text a{margin-left: 0px;}General,body,div,p,strong,td,textarea,input,.text,span.redtext,span.redbtex
,
span.blacktext10,span.blacktext12{font-family: arial;color: 000000;font-size: 12px;}<style>Numbers,span.redtext,span.redbtext{font-family: arial;font-size: 16px;color: ffffff;}DateTimes,span.blacktext10{font-family: arial;color: ffffff;}Headings,span.orangetext15,span.whitetext12,span.nametext,span.btext{col
r: 000000;font-size: 12px;font-family: arial;}LeftHeadings,span.whitetext12{color: f6ce94;}RightHeadings,span.orangetext15{color: 000000;font-size: 12px;font-family: arial;}XXFriends,span.btext{color: 000000;font-family: arial;}ContactHeader,table.contactTable tr td.text span.whitetext12{color: 60120a;}i.text span.text a{ display:block; border:1px solid; border-color:F78400; width:106px; height:40px; background-color:292929; top:30px; left:5px; position:absolute; font:normal normal 11px tahoma; text-align:center; color:FFFFFF; text-decoration:none; font-weight:normal; cursor:pointer; } i.text span.text a b{ display:block; height:20px; color:9CBDE7; text-decoration:underline; font-weight:normal; background-color:111111; cursor:pointer; } i.text span.text a span{ line-height:20px; color:DE6310; text-decoration:none; cursor:pointer; } AllLinksNormal,a,a:link,a:visited,a.man,a.man:link,a.man:visited,a.navbar,a.navb
r:link,a.navbar:visited,a.redlink,a.redlink:link,a.redlink:visited,a.searchlinkS
all,a.searchlinkSmall:link,a.searchlinkSmall:visited,a:hover,a:active,a.man:hove
,a.man:active,a.navbar:hover,a.navbar:active,a.redlink:hover,a.redlink:active,a.
earchlinkSmall:hover,a.searchlinkSmall:active{font-family: arial;color: 000000;font-size: 12px;}NavBarNormal,a.navbar,a.navbar:link,a.navbar:visited,a.navbar:hover,a.navb
r:active{color: 222222;}table.friendSpace{background-color: B2B2B2;}table.friendsComments{background-color: B2B2B2;}Labels,span.lightbluetext8{font-size: 10px;}.function{}</style>

<style type="text/css">
.picoben{
position:absolute;
top:130px;
left:50%;
marging-left: -450px;
width:900px;
height:1500px;
z-index:2;
padding:0px;
border: 0px solid black;
background-color:7f7f7f;
}
.divimage1{
position: absolute;
top:130px;
left: 50%;
margin-left: -450px;
background-color:7f7f7f;
z-index:2;
}
.divimage2{
position: absolute;
top:1580px;
left: 50%;
margin-left: -450px;
width: 900px;
height: 1020px;
background-color:7f7f7f;
z-index:1;
}
.addme{
position:absolute;
top:198px;
left:50%;
margin-left: 58px;
width: 149px;
height: 45px;
z-index:3;
padding:0px;
border: 0px solid black;
background-color:4a4a4a;
}
.message{
position:absolute;
top:248px;
left:50%;
margin-left: 67px;
width: 130px;
height:25px;
z-index:3;
padding:0px;
border: 0px solid black;
background-color:4a4a4a;
}
.pictures{
position:absolute;
top:278px;
left:50%;
margin-left: 67px;
width: 130px;
height: 25px;
z-index:3;
padding:0px;
border: 0px solid black;
background-color:4a4a4a;
}
.videos{
position:absolute;
top:308px;
left:50%;
margin-left: 67px;
width: 130px;
height: 25px;
z-index:3;
padding:0px;
border: 0px solid black;
background-color:4a4a4a;
}
.shop{
position:absolute;
top:338px;
left:50%;
margin-left: 67px;
width: 130px;
height: 25px;
z-index:3;
padding:0px;
border: 0px solid black;
background-color:4a4a4a;
}
.web{
position:absolute;
top:368px;
left:50%;
margin-left: 67px;
width: 130px;
height: 25px;
z-index:3;
padding:0px;
border: 0px solid black;
background-color:4a4a4a;
}
.home{
position:absolute;
top:398px;
left:50%;
margin-left: 58px;
width: 149px;
height: 45px;
z-index:3;
padding:0px;
border: 0px solid black;
background-color:4a4a4a;
}
.video1{
position:absolute;
top:1325px;
left:50%;
margin-left: -397px;
z-index:4;
padding:0px;
border: 0px solid black;
background-color:transparent;
}
.video2{
position:absolute;
top:1325px;
left:50%;
margin-left: 28px;
z-index:4;
padding:0px;
border: 0px solid black;
background-color:transparent;
}
.aboutme{
position:absolute;
z-index:3;
padding:0px;
border: 0px solid black;
background-color:transparent;
}
.friendsandcomments{
position:absolute;
top:1688px;
left:50%;
margin-left: -300px;
overflow: auto;
z-index:4;
padding:0px;
border: 0px solid black;
background-color:transparent;
}
.denium{
position:absolute;
top:2400px;
left:50%;
margin-left: -209px;
width: 204px;
height: 81px;
z-index:3;
padding:0px;
border: 0px solid black;
background-color:4a4a4a;
}
.sergio{
position:absolute;
top:2340px;
left:50%;
margin-left: 65px;
width: 140px;
height: 217px;
z-index:3;
padding:0px;
border: 0px solid black;
background-color:4a4a4a;
}
.counter{
position:absolute;
top:452px;
left:50%;
margin-left: -145px;
z-index:3;
padding:0px;
border: 0px solid black;
background-color:4a4a4a;
}
</style>

<div class="friendsandcomments">
<div style="height:400px;width:610px;overflow:auto"> <table><tr><td><table><tr><td><table><tr><td></div>

<div class="picoben"></div>
<div class="divimage1"><img src="http://i4.tinypic.com/6d057af.jpg"></div>

<div class="addme"><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&amp;friendID=114162810"><img border "0" src="http://i1.tinypic.com/4yzoguo.jpg"><a/></div>

<div class="message"><a href="http://mail5.myspace.com/index.cfm?fuseaction=mail.message&amp;friendID=114162810"><img border "0" src="http://i5.tinypic.com/4v65u1z.jpg"><a/></div>

<div class="pictures"><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&amp;friendID=114162810"><img border "0" src="http://i13.tinypic.com/4m10os6.jpg"><a/> </div>

<div class="videos"><a href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&amp;friendID=114162810"><img border "0" src="http://i15.tinypic.com/63tou9d.jpg"><a/> </div>

<div class="shop"><a href="http://www.myspace.com/jomarmusicbase"><img border="0" src="http://i4.tinypic.com/2u7vqdh.jpg"><a/></div>

<div class="web"><a href="http://www.myspace.com/jomarmusicbase"><img border "0" src="http://i15.tinypic.com/4y7e3rr.jpg"><a/> </div>

<div class="home"><a href="http://home.myspace.com/index.cfm?fuseaction=user"><img border "0" src="http://i15.tinypic.com/6g1feab.jpg"><a/> </div>

<div class="divimage2"><img src="http://i6.tinypic.com/62rraps.jpg"></div>

<div class="video1">
<object enableJSURL="false" enableHREF="false" saveEmbedTags="true" allowScriptAccess="never" allownetworking="internal" type="application/x-shockwave-flash" allowScriptAccess="never" allownetworking="internal" height="254" width="370" data="http://www.youtube.com/v/wO2mcHtRKSI">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/wO2mcHtRKSI" />
</object></div>

<div class="video2">
<object enableJSURL="false" enableHREF="false" saveEmbedTags="true" allowScriptAccess="never" allownetworking="internal" type="application/x-shockwave-flash" allowScriptAccess="never" allownetworking="internal" height="254" width="370" data="http://www.youtube.com/v/m04QWB94hMs">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/m04QWB94hMs" />
</object> </div>

<div class="denium"><a href="http://www.denium.ch/index.php?id=15&L=1"><img border="0" src="http://i11.tinypic.com/6h5vv2e.jpg"><a/></div>

<div class="sergio"><a href="http://www.myspace.com/sergiofertitta"><img border="0" src="http://i5.tinypic.com/5zehzl5.jpg"><a/> </div>

<div class="counter">
<center><a href="http://www.mrband.com" ><img border="0" src="http://www.yourhitstats.com/Music_industry_website-3655089.png" alt="music industry website"></a><br /></center> </div>

<style>
.a {position 4 song band player}
td.text object {position:absolute; top:614px; left:50%; margin-left:-52px; z-index:5; }
td.text td td object {position:static; margin-left:0px;}
</style>

[S-Majere]

Is this your full code? I see your blog links no problem.

[Joemar]

can someone help me out????

i want to make my blogs visible on a div.

i saw it on the bobby valentino page:

www.myspace.com/bobbyvalentino

so you see. it's possible....

i know how i can make a button... but i want to put the blogs / news
on my div overlay page.... just like in a normal myspace page...

so, pleeeeeeeeeeeeeeeeeeeease help me!

jomar

[miyashu]

He just has the link to his blog visible in the form of image maps. Is that what you want?

First, you need to create another div like this. Place it between the style tags that you already have. Change the positioning to whatever you want:

CODE

.blog {
position:absolute;
top:0px;
left:50%;
margin-left: 0px;
width: 0px;
height: 0px;
z-index:3;
padding:0px;
border: 0px solid black;
background-color:4a4a4a;
}

Then you put it to work using the following code. You've already done this for your other links, so I'm assuming you know what to do:

CODE

<div class="blog"><a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=114162810"><img border "0" src="IMAGE URL HERE"></a></div>

Upload your button onto a web server like Photobucket.com or Imageshack.us, replace IMAGE URL HERE with the link to your image.

[Joemar]

its not working...

i want only to make my blogs visible on a div...

just like to make a about me section "scrollable"

thank you for your help

[austinoutloud]

I'm not sure if you've solved this or not.
And I have Dial-up so Bobby Valentino's myspace is not loading on my computer. I'm assuming you could just make another DIV and write your blogs in there.

[Joemar]

so, can someone help me out with my problem??

i just want to make my blogs visible on my div page...

visible just like in a normal myspace page.....

can someone answer my question... please

[Synoptic-Rewind]

you would have to hide every table individually, like so

CODE

<style>
table.profileInfo, table.userProfileURL, table.contacttable, table.interestsanddetails, table.userprofiledetail, table.extendednetwork, table.blurbs, table.friendspace, table.friendscomments, table div div { display:none!important; }
</style>

Then you would have to position your blogs table like so

CODE

table.latestblogentries
{position:absolute;
top:XXpx;
left:50%;
margin-left:-XXpx;
overflow:auto;
height:XXpx;
width:XXpx;}

only edit the XX parts to fit your layout,
I'm pretty sure that should work.

[austinoutloud]

so, can someone help me out with my problem??

i just want to make my blogs visible on my div page...

visible just like in a normal myspace page.....

can someone answer my question... please

I think I might finally understand what you're trying to say.
You basically want to have everything on your profile hidden except your blogs...right?

[MissHygienic]

Joemar: We shouldn't have to guess what you want or what you see on Bobby Valentino's MySpace page. Please specify exactly what you want. Obviously since we have not solved your problem, you are not being clear enough. Repeating "I want blogs visible on a DIV" is not going to help us help you, get it?

What WE see on his MySpace page is a link to his real blog page. There is NO blog visible on his DIV, except for the content boxes that he's put in, which Miyashu's code would work, except you are just not bothering to comprehend what people are saying.

[Joemar]

hi everybody

thank you for your help...

Synoptic-Rewind i've put your code on my page... but it's not working...

austinoutloud yes, i want everything hiden except friends and comments and my blog...

MissHygienic sorry for my bad specification about my problem... you know, it's not that easy as an italian guy, to wright the right words in english... :-) i've never leard english in my life...

so, i try to explain what i really want to put on my page...

www.myspace.com/sergiofertitta... this is one of the pages i've made for other people... you see it's a div overlay, with alot of stuff inside... videos, about me ecc.

the point is i want to put the blog information in a box (scrollable)... just like i did it for the friends and comments... the friends and comments are visible on this div...

when you go to a normal page on myspace (not div)... you can see the blog without any problems... so i want to make it also possible for a div page....

i think it can be possible... but i don't know how...

thank you so much for your support.

joemar

ps: forget the bobby valentino page...

[S-Majere]

Honestly, instead of messing around with hidden elements; I would just use links in your DIVs to your blog entries. For example:

CODE

<a href="http://www.myspace.com/MYFIRSTBLOG>My First Blog</a> <br><br>

<a href="http://www.myspace.com/MYSECONDBLOG>My Second Blog</a>

[Insurmountable]

To make your blogs visible within a blog simply make sure you aren't hiding your blogs and use this code:

CODE

<style>
.latestBlogEntry
{position:absolute;
top:450px;
left:50%;
margin-left:-250px;
overflow:auto;
height:300px;
width:350px;}
</style>

Change the 450 to something larger or smaller to move it up or down on the page. Change the -250 to move the table more to the right or left. And then simply change the height and width to change the size of the table.

[Joemar]

thank you Insurmountable and S-Majere for your help.

so, i've put the code of Insurmountable on my div page... and yeah!
i'ts visible now... but i'ts not scrollable...

can you help me out with this other problem??

thank you... talk to you later

[Joemar]

thank you Insurmountable and S-Majere for your help.

so, i've put the code of Insurmountable on my div page... and yeah!
i'ts visible now... but i'ts not scrollable...

can you help me out with this other problem??

thank you... talk to you later