The Furious Angels

FA Discussion => Off Topic => Topic started by: Adad on April 27, 2008, 11:41:19 pm

Title: Web Dsign help PLEASE!!!
Post by: Adad on April 27, 2008, 11:41:19 pm
So I'm making a myspace profile for someone. It is very important that it's compatible to all browsers. It currently looks just how I want it on IExplorer and Firefox (except for the custom scroll bar) but only the background and contact box display in Safari.  If you have ANY USEFUL tips, please help.

The profile is at: www.myspace.com/jonimpact


Here are pics. First two are IExplorer, safari next 2...


(http://jwnettesheim.startlogic.com//NFL/JAllen/JAllenMyspaceIE1.jpg)

(http://jwnettesheim.startlogic.com//NFL/JAllen/JAllenMyspaceIE2.jpg)

(http://jwnettesheim.startlogic.com//NFL/JAllen/JAllenMyspaceSaf1.jpg)

(http://jwnettesheim.startlogic.com//NFL/JAllen/JAllenMyspaceSaf2.jpg)




if you need th code I can post it.  Please help.  Thanks.
Title: Re: Web Dsign help PLEASE!!!
Post by: Tbone on April 28, 2008, 01:55:50 am
Is this the same guy you were making that photoshop thing for? Me thinks someone has a crush!
Title: Re: Web Dsign help PLEASE!!!
Post by: Adad on April 28, 2008, 11:37:44 am
No its not, this is a different guy. An actual client. And if I can figure this out it can lead to A LOT of money and a lot more, big name clients.  So please, can anyone help me with this?
Title: Re: Web Dsign help PLEASE!!!
Post by: Adad on April 28, 2008, 11:41:13 am
I think I just need a quick tutorial on the proper organization of coding...that's probably the problem
Title: Re: Web Dsign help PLEASE!!!
Post by: likwidtek on April 28, 2008, 03:15:54 pm
"'colored scrollbars' are/were a proprietary things of IE. It may have been dropped for IE7. At one time, older versions of OPERA browser used this, too.

For "colored scrollbars" to work other-browsers, you will need javascript. I have seen "colored scrollbars" (and WIDER, THICKER, custom-make scrollbars) done this way."
Title: Re: Web Dsign help PLEASE!!!
Post by: Adad on April 28, 2008, 03:21:55 pm
ok, the scrollbars arent even the concern, its why dont the profile pic, texts, friends list, and slideshow show up on Safari...  I know my coding is all over the place, but I dont know any better until someone shows me the correct way.
Title: Re: Web Dsign help PLEASE!!!
Post by: Avzeke (Khr0n1k) on April 28, 2008, 04:22:25 pm
I am sorry but I don't know.....I wish I could help you.
Title: Re: Web Dsign help PLEASE!!!
Post by: Adad on April 28, 2008, 09:56:32 pm
So we don't have one person who knows a solution to this??  What if you take my code and properly arrange it? I'd be forever in debt if anyone could do that and I'd learn proper structure for future use.
Title: Re: Web Dsign help PLEASE!!!
Post by: Tbone on April 29, 2008, 12:59:03 am
What code are you using? Myspace layouts are foreign to me. Is it javascript?
Title: Re: Web Dsign help PLEASE!!!
Post by: likwidtek on April 29, 2008, 10:37:14 am
lol you haven't even posted the code how are we supposed to help.
Title: Re: Web Dsign help PLEASE!!!
Post by: likwidtek on April 29, 2008, 10:37:56 am
Are you getting paid to do this?
Title: Re: Web Dsign help PLEASE!!!
Post by: Adad on April 29, 2008, 11:39:46 am
yes.  Here's the code. ha, thanks.


ABOUT ME SECTION:

<style>
{!-Top Image Under NavBar-!}
.unavigationbar { width:1024px; height:231px; position:absolute; margin-left:-512px;left:50%; top:162px; background:url(http://jwnettesheim.startlogic.com//NFL/JAllen/TopBar.jpg); }
body table { margin-top:231px; }
body td table, body div table { margin-top:0; }
body, html { visibility:visible!important; display:block!important; }
</style>
<div></div>


</div><style>.hidethem {visibility:hidden; display:none;}</style>
<style>
.mygen { Created by www.jonathannettesheim.com}

.mygen { Background Properties }
table, tr, td { background-color:transparent; border:none; border-width:0;}

body {
   background-color:000000;
   background-image:url('http://jwnettesheim.startlogic.com//NFL/JAllen/background.jpg');
   background-attachment:fixed;
        background-position: center top;
        background-repeat: no-repeat;
   border-color:ff6600;
   border-width:0px;
   border-style: ridge;
   scrollbar-face-color:000000;
   scrollbar-highlight-color:ff6600;
   scrollbar-3dlight-color:b46600;
   scrollbar-shadow-color:195050;
   scrollbar-arrow-color:ffffff;
   scrollbar-track-color:195050;
    }

.mygen { Table Properties }
table table { border: 0px }
table table table table{border:0px}
table table table {
   border-style: ridge;
   border-width: 0;
   border-color: ff6600;
            }

table table table td {
   filter:alpha(100);
        -moz-opacity:0.;
        opacity: 100;
        -khtml-opacity:0; }

table table table table td {filter:none;}

.mygen { Text Properties }
table, tr, td, li, p, div {
     font-family:verdana;
     color:ff6600;
     font-size:14px;
     font-weight:bold;    }
.blacktext10 {
     font-family:times new roman;
     color:ff6600;
     font-size:10px;     }
.lightbluetext8 {
     font-family:georgia;
     color:ff6600;
     font-size:14px;
     font-weight:bold;  
     text-decoration:underline; }
.orangetext15 {
     font-family:georgia;
     color:ff6600;
     font-size:16px;
     font-weight:bold;  
     text-decoration:none; }
.text {
     font-family:arial;
     color:ffffff;
     font-size:10px;
     font-weight:bold;    }
.btext {
     font-family:georgia;
     color:ff6600;
     font-size:18px;
     font-weight:bold;    }
.redbtext {
     font-family:georgia;
     color:ff6600;
     font-size:18px;
     font-weight:bold;    }
.whitetext12 {
     bordercolor="000000"
     cellspacing="3"
     cellpadding="3"
     width="300"
     align="center"
     bgcolor="000000"
     border="0"
     font-family:arial black;
     color:195050;
     font-size:16px;
     font-weight:bold;    }
a:active, a:visited, a:link {
     font-family:arial;
     color:ff6600;
     font-size:12px;
     font-weight:bold;    }
a:hover {
     font-family:arial;
     color:ff6600;
     font-size:12px;     }
a.navbar:active, a.navbar:visited, a.navbar:link {
     font-family:arial;
     color:ff6600;
     font-size:10px;
     font-weight:bold;     }
a.navbar:hover {
     font-family:arial;
     color:ff6600;
     font-size:10px;
     font-weight:bold;     }
a.redlink:active, a.redlink:visited, a.redlink:link {
     font-family:arial;
     color:ff6600;
     font-size:12px;
     font-weight:bold;     }
a.redlink:hover {
     font-family:arial;
     color:ff6600;
     font-size:12px;
     font-weight:bold;     }
.nametext {
     font-family:verdana;
     color:ff6600;
     font-size:22px;
     font-weight:bold;  
     text-align:center;  }

.mygen { Miscellaneous Properties }
.blacktext12 { visibility:hidden; display:none; }
tr {background:transparent;}
body table div font a, body table div div {visbility:hidden;}
body table table div font a, body table table div div {visibility:visible;}
</style>


<style>

.contactTable {
   width:304px !important;
   height:158px !important;
   padding:0px !important;
   background-color:transparent;
   border:0px ridge ff6600;
   background:url(http://jwnettesheim.startlogic.com//NFL/JAllen/ContactTable.png) center center no-repeat;
}

.contactTable table, table.contactTable td {
   padding:0px !important;
   border:0px;
   background-color:transparent;
   background-image:none;
}

.contactTable a img {
   visibility:hidden;
   border:0px !important;
}

.contactTable a {
   display:block;
   height:28px;
   width:115px;
}


<style>
{!-Border Profile Pic-!}
.profileInfo td.text a img {border:3px ridge;
border-color:ff6600;}
</style>


<style>
{!-Highlight Fonts-!}
.orangetext15, .whitetext12, .lightbluetext8 {background-color: 000000;}
</style>


<style>
{!-Removed These Parts-!}
.r{}
.userprofiledetail, .latestblogentry, table.latestblogentry, table.userProfileDetail, .extendednetwork  {display: none;}
</style>

<style>
.r{}
.whitetext12, .orangetext15, .lightbluetext8{display:none;visibility:hidden}
</style>


<div>

 
 
 
 



<center>




MOVIES SECTION:

</td></tr><tr><td>

<p>
<div>

 
 
 
 
 
 
 
 
Title: Re: Web Dsign help PLEASE!!!
Post by: likwidtek on April 29, 2008, 12:13:12 pm
Please don't take offense to this as I'm just telling you what's helped me in my professional experience.  If you are getting paid to do this and you don't know what you are doing, you should just do one of two things.  

1) Just tell the dude in the beginning, "I can do this, I just never have before.  I'll do it free of charge as long as you are patient with any bugs that may pop up.  All I ask is if you are happy with the results you allow me to add it to my portfolio and pass my name on."
or
2) Do it for pay but hire someone to do it for you and cut them in under the condition they teach you how to do it that way you can do it next time on your own.

I hope this doesn't sound harsh but it's the best way that I've found to learn everything I know web / design related.

As far as the code you pasted can you wrap them in CODE bb tags so I can see the DIV and embedd codes on the video and flash.

Did you code this by hand, use a generator, or modified an existing myspace layout?
Title: Re: Web Dsign help PLEASE!!!
Post by: Adad on April 29, 2008, 04:25:53 pm
I dont take offense to that.   I dont charge him for time spent solving my errors obviously.  Uh I coded it from a combo of those... by hand and modified pieces of layouts.

ABOUT ME:

Code: [Select]
<style>
{!-Top Image Under NavBar-!}
.unavigationbar { width:1024px; height:231px; position:absolute; margin-left:-512px;left:50%; top:162px; background:url(http://jwnettesheim.startlogic.com//NFL/JAllen/TopBar.jpg); }
body table { margin-top:231px; }
body td table, body div table { margin-top:0; }
body, html { visibility:visible!important; display:block!important; }
</style>
<div></div>


</div><style>.hidethem {visibility:hidden; display:none;}</style>
<style>
.mygen { Created by www.jonathannettesheim.com}

.mygen { Background Properties }
table, tr, td { background-color:transparent; border:none; border-width:0;}

body {
background-color:000000;
background-image:url('http://jwnettesheim.startlogic.com//NFL/JAllen/background.jpg');
background-attachment:fixed;
        background-position: center top;
        background-repeat: no-repeat;
border-color:ff6600;
border-width:0px;
border-style: ridge;
scrollbar-face-color:000000;
scrollbar-highlight-color:ff6600;
scrollbar-3dlight-color:b46600;
scrollbar-shadow-color:195050;
scrollbar-arrow-color:ffffff;
scrollbar-track-color:195050;
}

.mygen { Table Properties }
table table { border: 0px }
table table table table{border:0px}
table table table {
border-style: ridge;
border-width: 0;
border-color: ff6600;
  }

table table table td {
filter:alpha(100);
        -moz-opacity:0.;
        opacity: 100;
        -khtml-opacity:0; }

table table table table td {filter:none;}

.mygen { Text Properties }
table, tr, td, li, p, div {
     font-family:verdana;
     color:ff6600;
     font-size:14px;
     font-weight:bold;    }
.blacktext10 {
     font-family:times new roman;
     color:ff6600;
     font-size:10px;     }
.lightbluetext8 {
     font-family:georgia;
     color:ff6600;
     font-size:14px;
     font-weight:bold;  
     text-decoration:underline; }
.orangetext15 {
     font-family:georgia;
     color:ff6600;
     font-size:16px;
     font-weight:bold;  
     text-decoration:none; }
.text {
     font-family:arial;
     color:ffffff;
     font-size:10px;
     font-weight:bold;    }
.btext {
     font-family:georgia;
     color:ff6600;
     font-size:18px;
     font-weight:bold;    }
.redbtext {
     font-family:georgia;
     color:ff6600;
     font-size:18px;
     font-weight:bold;    }
.whitetext12 {
     bordercolor="000000"
     cellspacing="3"
     cellpadding="3"
     width="300"
     align="center"
     bgcolor="000000"
     border="0"
     font-family:arial black;
     color:195050;
     font-size:16px;
     font-weight:bold;    }
a:active, a:visited, a:link {
     font-family:arial;
     color:ff6600;
     font-size:12px;
     font-weight:bold;    }
a:hover {
     font-family:arial;
     color:ff6600;
     font-size:12px;     }
a.navbar:active, a.navbar:visited, a.navbar:link {
     font-family:arial;
     color:ff6600;
     font-size:10px;
     font-weight:bold;     }
a.navbar:hover {
     font-family:arial;
     color:ff6600;
     font-size:10px;
     font-weight:bold;     }
a.redlink:active, a.redlink:visited, a.redlink:link {
     font-family:arial;
     color:ff6600;
     font-size:12px;
     font-weight:bold;     }
a.redlink:hover {
     font-family:arial;
     color:ff6600;
     font-size:12px;
     font-weight:bold;     }
.nametext {
     font-family:verdana;
     color:ff6600;
     font-size:22px;
     font-weight:bold;  
     text-align:center;  }

.mygen { Miscellaneous Properties }
.blacktext12 { visibility:hidden; display:none; }
tr {background:transparent;}
body table div font a, body table div div {visbility:hidden;}
body table table div font a, body table table div div {visibility:visible;}
</style>


<style>

.contactTable {
   width:304px !important;
   height:158px !important;
   padding:0px !important;
   background-color:transparent;
   border:0px ridge ff6600;
   background:url(http://jwnettesheim.startlogic.com//NFL/JAllen/ContactTable.png) center center no-repeat;
}

.contactTable table, table.contactTable td {
   padding:0px !important;
   border:0px;
   background-color:transparent;
   background-image:none;
}

.contactTable a img {
   visibility:hidden;
   border:0px !important;
}

.contactTable a {
   display:block;
   height:28px;
   width:115px;
}


<style>
{!-Border Profile Pic-!}
.profileInfo td.text a img {border:3px ridge;
border-color:ff6600;}
</style>


<style>
{!-Highlight Fonts-!}
.orangetext15, .whitetext12, .lightbluetext8 {background-color: 000000;}
</style>


<style>
{!-Removed These Parts-!}
.r{}
.userprofiledetail, .latestblogentry, table.latestblogentry, table.userProfileDetail, .extendednetwork  {display: none;}
</style>

<style>
.r{}
.whitetext12, .orangetext15, .lightbluetext8{display:none;visibility:hidden}
</style>


<div>
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="341" width="425" data="http://xml.truveo.com/eb/i/723291377/a/58ef677afb89fc040e3dec6de7dd6c26/p/1">
  <param name="allowScriptAccess" value="never">
  <param name="allowNetworking" value="internal">
  <param name="movie" value="http://xml.truveo.com/eb/i/723291377/a/58ef677afb89fc040e3dec6de7dd6c26/p/1">
  <param name="flashvars" value="m=925084114&type=video">
</object>


<center>






MOVIES SECTION

Code: [Select]
</td></tr><tr><td>

<p>
<div>
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="320" width="426" data="http://widget-4f.slide.com/widgets/slideticker.swf">
  <param name="allowScriptAccess" value="never">
  <param name="allowNetworking" value="internal">
  <param name="movie" value="http://widget-4f.slide.com/widgets/slideticker.swf">
  <param name="quality" value="high">
  <param name="scale" value="noscale">
  <param name="salign" value="l">
  <param name="wmode" value="transparent">
  <param name="flashvars" value="cy=ms&il=1&channel=2089670227109693263&site=widget-4f.slide.com">
</object>
Title: Re: Web Dsign help PLEASE!!!
Post by: Adad on April 30, 2008, 01:30:41 pm
Alright I have condensed my code and solved my own problem.  thanks for looking at it for me, but I figured it out.  There was a random filter thrown into one of the tables which caused all that to be invisible.
Title: Re: Web Dsign help PLEASE!!!
Post by: NoCry on April 30, 2008, 03:29:36 pm
i think it amazing anyone can make sense of that; seriously, like a foreign language to me. hope it works out ok.
Title: Re: Web Dsign help PLEASE!!!
Post by: Tbone on May 01, 2008, 02:29:34 am
Don't listen to likwidek. If you can even read the jibberish, you have a skill that people will pay you for. Better to start with people you know and are patient with you, but just b/c you haven't mastered something doesn't mean you don't have a talent with it that is worth something.
Title: Re: Web Dsign help PLEASE!!!
Post by: likwidtek on May 01, 2008, 11:30:35 am
I was giving constructive criticism:

My point was simply that doing Pro Bono work is the best way to build a portfolio and get experience.  I never felt right charging people for something unless I was certain I knew what I was doing.  Plus you have no idea how powerful word of mouth is from deals like that.

The other idea I offered was simply that if he was going to take the guys money, use a myspace profile editor (mygen), and didn't know how to edit it; he should find an expert, maybe some hungry college kid or something to fix it, learn a little, and cut him a small percentage.  It's a win win.

If it had been a nonprofit deal I would have looked at it in a totally different light.  I'm just speaking from my own business experience in what helped me gain great word of mouth and how I learned.
Title: Re: Web Dsign help PLEASE!!!
Post by: Tbone on May 01, 2008, 02:27:02 pm
I was drunk when I wrote my reply, so take it for what it is..lol.
SimplePortal 2.3.8 © 2008-2025, SimplePortal