myspace-friendster layout converter

[rize]

uhm is this possible/???? i rly want to convert some myspace layouts into friendster layouts.. :) thnx :sweatdrop:

oh sorry if this is in the wrong section lol

[minnseoelite]

i have never seen one but would love to have one as well i got a few hundred layouts i wouldn't mind converting

[Sergio]

Doesn't sound too hard to make, I can't make one though. =P

[rize]

somebody should make one lol :biggrin:

[Greg-J]

Got an example of a friendster layout?

[spidertrain]

This is the current no 1 friendster layout site: http://friendster-layouts.com

[idzone]

Even I am looking for such a converter

[rize]

uhm here: http://images.friendster.com/200703E/css/css-template.css

[MrBuy]

I can make one. =) It would most likely be web based. What are you guys thinking are for as look and feel?

I was thinking just drop your myspace code in a box and it will spit out the friendster code.

Does that sound about right? If someone can post but a myspace CSS file and Friendster CSS file I'll make one for the community use.

[rize]

uhm i posted the friendster css code.. :):)

[MrBuy]

I can't access Friendster through the firewall. I need the raw files. =) Sorry should have stated that!

[Maz]

/*page background*/
body {
background-image: url(http://images.friendster.com/images/homebg.gif);
background-position: ;
background-repeat: ;
background-attachment: ;
background-color: ;
}
/*global fonts*/
.usercontent {
font-family: ;
color: ;
text-transform: ;
}
/*global links*/
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
text-decoration: ;
color: ;
}
.usercontent a:hover {
text-decoration: ;
color: ;
}
/*modules*/
.commonbox { /*box*/
border-width: ;
border-color: ;
border-style: ;
background-color: ;
}
.commonbox h1, .commonbox h2 { /*header*/
font-family: ;
color: ;
text-transform: ;
background-color: #;
}
.commonbox .viewall { /*viewall link*/
font-family: ;
color: ;
text-transform: ;
}
.commonbox .imgblock75, .ir { /*photo blocks*/
border-width: ;
border-color: ;
border-style: ;
background-color: ;
}
.commonbox .dr { /*name bars below photo blocks*/
font-family: ;
color: ;
text-transform: ;
background-color: ;
}
.commonbox .evenrow { /*even row*/
background-color: ;
}
/*specific module boxes*/
.controlpanel { /*box*/
border-width: ;
border-color: ;
border-style: ;
background-color: ;
}
.photos { /*box*/
border-width: ;
border-color: ;
border-style: ;
background-color: ;
}
.friends { /*box*/
border-width: ;
border-color: ;
border-style: ;
background-color: ;
}
.blogsreviews { /*box*/
border-width: ;
border-color: ;
border-style: ;
background-color: ;
}
.videos { /*box*/
border-width: ;
border-color: ;
border-style: ;
background-color: ;
}
.testimonialscomments { /*box*/
border-width: ;
border-color: ;
border-style: ;
background-color: ;
}
.moreabout { /*box*/
border-width: ;
border-color: ;
border-style: ;
background-color: ;
}
.fanof { /*box*/
border-width: ;
border-color: ;
border-style: ;
background-color: ;
}
.groups { /*box*/
border-width: ;
border-color: ;
border-style: ;
background-color: ;
}
.testimonials { /*box*/
border-width: ;
border-color: ;
border-style: ;
background-color: ;
}
.scrapbook { /*box*/
border-width: ;
border-color: ;
border-style: ;
background-color: ;
}
.myfans { /*box*/
border-width: ;
border-color: ;
border-style: ;
background-color: ;
}
.reviews { /*box*/
border-width: ;
border-color: ;
border-style: ;
background-color: ;
}
.blogs { /*box*/
border-width: ;
border-color: ;
border-style: ;
background-color: ;
}
/*control panel*/
.controlpanel .imgblock200 { /*primary photo border*/
border-color: ;
border-style: ;
}
.data { /*data answers*/
font-family: ;
color: ;
text-transform: ;
}
.controlpanel .q { /*data labels*/
font-family: ;
color: ;
text-transform: ;
}
.data a { /*data links*/
font-family: ;
color: ;
text-transform: ;
}
a.more { /*more about link*/
font-family: ;
color: ;
text-transform: ;
}
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { /*buttons*/
color: ;
border-color: ;
border-style: ;
background-color: ;
}
#controlPanelButtons a:hover { /*buttons hover*/
color: ;
border-color: ;
background-color: ;
}

[MrBuy]

Thanks Maz! Can someone or Maz post the same exact for MySpace. =)
Thanks in advance

[MrBuy]

Does anyone have the SAME layout for hi5 and for mySpace? I need to see the clear difference so I can give it a test run. If you have such code you can be a tester for the converter.

[Thefairies]

I will send you a hi5 code.

[Kyle]

I can make one. =) It would most likely be web based. What are you guys thinking are for as look and feel?

I was thinking just drop your myspace code in a box and it will spit out the friendster code.

Does that sound about right? If someone can post but a myspace CSS file and Friendster CSS file I'll make one for the community use.


PM me as soon as you're done :)

[MrBuy]

Once again. I still haven't gotten the code. "Thefairies" thanks for the code. However here's what I need:


The Same Layout but in MySpace Format and Hi5 Format. I just need the CSS code. If not I can't do the project :(

The reason I need the SAME layout is so I can see the difference...

[MrBuy]

We'll can't say I didn't try... =)


What I need is the EXACT same layout in: 1) Friendster Format and MySpace Format. Anyone stepping up to the plate?

[Maz]

I'll do it.

EDIT//

OK, I did a pretty basic layout for both.

Myspace Code (made using my Myspace editor from deep):


<style type="text/css">

table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
background-color:none;
background-image:url('http://i18.tinypic.com/4mtq6pi.gif');
background-attachment:fixed;
background-position:center center;
background-repeat:repeat;

}

table table { border: 0px }
table table table table{border:0px}
table, tr, td { background-color:transparent; border:none; border-width:0;}
table table table {
border-style:solid;
border-width:2;
border-color:ffffff;
background-color:f0caeb;
background-image:url('');
background-repeat:repeat;
background-attachment:fixed;
background-position:top center;
}

table table table table td {
filter:none;
}

table, tr, td, li, p, div {
font-family:tahoma !important;
font-size:8px !important;
color:c62dae !important;
}

.btext, .orangetext15, .nametext, .whitetext12 {
font-family:tahoma !important;
font-size:12px !important;
color:c62dae !important;
font-weight:bold;
font-style:normal;
}

.blacktext10, .blacktext11, .blacktext12, .lightbluetext8, .redtext, .redbtext, .text {
font-family:tahoma !important;
font-size:10px !important;
color:c62dae !important;
font-weight:normal;
font-style:normal;
}

a:active, a:visited, a:link {
font-family:tahoma !important;
color:ffffff !important;
font-style:normal;
text-decoration:underline;
}

a:hover {
font-family:tahoma !important;
color:000000 !important;
font-style:normal;
text-decoration:underline;
}

</style>



Friendster code:


/*page background*/
body {
background-image: url(http://i18.tinypic.com/4mtq6pi.gif);
background-position: center center;
background-repeat: repeat;
background-attachment: fixed;
background-color: ffffff;
}
/*global fonts*/
.usercontent {
font-family: Tahoma;
color: c62dae;
text-transform: none;
}
/*global links*/
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
text-decoration: underline;
color: ffffff;
}
.usercontent a:hover {
text-decoration: underline;
color: 000000;
}
/*modules*/
.commonbox { /*box*/
border-width: 2px;
border-color: ffffff;
border-style: solid;
background-color: f0caeb;
}
.commonbox h1, .commonbox h2 { /*header*/
font-family: Tahoma;
color: c62dae;
text-transform: none;
background-color: f0caeb;
}
.commonbox .viewall { /*viewall link*/
font-family: Tahoma;
color: ffffff;
text-transform: underline;
}
.commonbox .imgblock75, .ir { /*photo blocks*/
border-width: 2px;
border-color: ffffff;
border-style: solid;
background-color: f0caeb;
}
.commonbox .dr { /*name bars below photo blocks*/
font-family: Tahoma;
color: 000000;
text-transform: none;
background-color: c62dae;
}
.commonbox .evenrow { /*even row*/
background-color: f0caeb;
}
/*specific module boxes*/
.controlpanel { /*box*/
border-width: 2px;
border-color: ffffff;
border-style: solid;
background-color: f0caeb;
}
.photos { /*box*/
border-width: 2px;
border-color: ffffff;
border-style: solid;
background-color: f0caeb;
}
.friends { /*box*/
border-width: 2px;
border-color: ffffff;
border-style: solid;
background-color: f0caeb;
}
.blogsreviews { /*box*/
border-width: 2px;
border-color: ffffff;
border-style: solid;
background-color: f0caeb;
}
.videos { /*box*/
border-width: 2px;
border-color: ffffff;
border-style: solid;
background-color: f0caeb;
}
.testimonialscomments { /*box*/
border-width: 2px;
border-color: ffffff;
border-style: solid;
background-color: f0caeb;
}
.moreabout { /*box*/
border-width: 2px;
border-color: ffffff;
border-style: solid;
background-color: f0caeb;
}
.fanof { /*box*/
border-width: 2px;
border-color: ffffff;
border-style: solid;
background-color: f0caeb;
}
.groups { /*box*/
border-width: 2px;
border-color: ffffff;
border-style: solid;
background-color: f0caeb;
}
.testimonials { /*box*/
border-width: 2px;
border-color: ffffff;
border-style: solid;
background-color: f0caeb;
}
.scrapbook { /*box*/
border-width: 2px;
border-color: ffffff;
border-style: solid;
background-color: 7f0caeb;
}
.myfans { /*box*/
border-width: 2px;
border-color: ffffff;
border-style: solid;
background-color: f0caeb;
}
.reviews { /*box*/
border-width: 2px;
border-color: ffffff;
border-style: solid;
background-color: f0caeb;
}
.blogs { /*box*/
border-width: 2px;
border-color: ffffff;
border-style: solid;
background-color: f0caeb;
}
/*control panel*/
.controlpanel .imgblock200 { /*primary photo border*/
border-color: ffffff;
border-style: solid;
}
.data { /*data answers*/
font-family: Tahoma;
color: c62dae;
text-transform: none;
}
.controlpanel .q { /*data labels*/
font-family: Tahoma;
color: c62dae;
text-transform: none;
}
.data a { /*data links*/
font-family: Tahoma;
color: ffffff;
text-transform: underline;
}
a.more { /*more about link*/
font-family: Tahoma;
color: ffffff;
text-transform: underline;
}
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { /*buttons*/
color: ffffff;
border-color: ffffff;
border-style: solid;
background-color: f0caeb;
}
#controlPanelButtons a:hover { /*buttons hover*/
color: 000000;
border-color: ffffff;
background-color: f0caeb;
}


And a preview of both: Myspace (http://www.layoutsville.com/livedemo/fzma5w1s), Friendster (http://www.friendster.com/allthatmaz)

[niktesla]

If you need any help writing parsing functions or anything let me know.

[Maz]

Just thought I'd bump for mrbuy's benefit. :) If it's allowed... :redface:

[Assailant]

im curious to know...what other social networking sites can support myspace type layouts? the typical myspace layout consists of a background, contact table and extended network image...what other sites can this fit? other than clones such as zooped, phpfox types etc. I assume friendster is one of them because theres a converter in mind here?

[Maz]

CherryTap and hi5 could be converted, but have different codes - they could be converted in the same way Friendster could.

[Thefairies]

Any news on the convert?