Log In · Register

 

Resource Center Links

This Month's Contests | Hosts Looking for Hostees | Hostees looking for Hosts | BigBookofResources

Submission Guidelines

 
Reply to this topicStart new topic
New Layout Design
vrstewartw
post Aug 17 2006, 11:15 AM
Post #1


Newbie
*

Group: Member
Posts: 8
Joined: Jun 2006
Member No: 430,686



hey everyone, this is my first post here and I just wanted to show off a new layout I made. I had a webjay player on my previous layout but I couldnt seem to get one up on this one. Im new at this whole thing so any help would be appreciated. Let me know what you guys think. Thanks

 
Blaqheartedstar
post Aug 17 2006, 11:21 AM
Post #2


Two can keep a secret if one of them is dead.
******

Group: Staff Alumni
Posts: 2,682
Joined: Jun 2005
Member No: 156,187



well welcome to cb, and i have to say the layout looks very cute, simple... but cute
the brushes look well in the back ground and i'm digging that bike on the right corner
 
*StanleyThePanda*
post Aug 17 2006, 01:06 PM
Post #3





Guest






Welcome to Createblog!
anyways, this layout is very nice and simple. I like it, but did you hide the ad?
 
vrstewartw
post Aug 17 2006, 01:46 PM
Post #4


Newbie
*

Group: Member
Posts: 8
Joined: Jun 2006
Member No: 430,686



thanks guys and StanleyThePanda , the ads arent blocked. Sometimes they just dont want to show up biggrin.gif

Oh and does anyone know why a .xspf music player wont show up when I try to embed it? I had one embeded before using this but its not working anymore

CODE
<div class="PLAYER" style="position: absolute; left:310px; top:260px;
width:175px; height:20px; overflow:visible;">
<embed allownetworking="internal" allowScriptAccess="never" src="http://webjay.org/flash/xspf_player?autoload=1&autoplay=1&playlist
_url=http://webjay.org/by/vrstewartw/vrstewartw2823229.xspf"
     quality="high"
     bgcolor="e6e6e6"
     width="400"
     height="145"
     name="xspf_player"
     align="right"
     type="application/x-shockwave-flash"
     /></div>
 
HakunaMatata
post Aug 17 2006, 02:07 PM
Post #5


Home is where your rump rests!
*******

Group: Staff Alumni
Posts: 4,235
Joined: Aug 2006
Member No: 451,969



It's nice, the bike in the corner is kind of random, but that's okay. I'd make the overall background blue to match the image and lower your profile so that the ad doesn't cover it when it shows up. But I like the simplicity and placement. Overall, good job. (:
 
*This Confession*
post Aug 17 2006, 03:18 PM
Post #6





Guest






Thats really neat although the music player is right in the middle of it all and the original profile pokes out at the bottom.
Its really neat though
just fix those minor problems.


welcome to createblog, i'm holly wave.gif


Your player is working fine for me, you just need to position it somewhere else.
 
vrstewartw
post Aug 17 2006, 04:38 PM
Post #7


Newbie
*

Group: Member
Posts: 8
Joined: Jun 2006
Member No: 430,686



hi holly im ronaldo. biggrin.gif

haha..you must of checked the profile while i was making some changes. I did get the music player working and is in its right place and the og profile should be completely cover now.
 
*This Confession*
post Aug 17 2006, 04:40 PM
Post #8





Guest






haha

-waves-

It looks good now, song is lovely too. happy.gif
I like the color blue. I think you need to bring the comment box over to the right a little more. And get rid of the horizontal scroll bar at the bottom of your comments, I can tell you how to do it if you would life.
And perhaps change the link colors as well?
 
vrstewartw
post Aug 17 2006, 05:23 PM
Post #9


Newbie
*

Group: Member
Posts: 8
Joined: Jun 2006
Member No: 430,686



yeah if you can show me how to make the comments smaller that would be awesome. i also moved the comment box a bit to the right like you suggested, its perfect in firefox but off a bit in IE. I was also thinking of making the home/add/message..etc, links as rollovers, wutcha think?

thanks a lot for the help!
 
*This Confession*
post Aug 17 2006, 05:27 PM
Post #10





Guest






I like the idea of the links.

happy.gif

Okay and to make your comments smaller your going to have to add this..

QUOTE
<style>TD TD {text-align: center;}
TD TD TD {text-align: center;}
TD TD TD TD {border-top: 0px solid; width: 1%; text-align:normal;}
TD TD TD TD TD {border-top: 0px solid black; text-align:normal;}
TD TD TD TD TD TD {border: 0px solid;}
TABLE, TD {padding: 0px; text-transform: uppercase; width:350px;}
TABLE TABLE {padding: 0px; text-transform: none;}
TABLE TABLE TABLE {padding: 0px; text-transform: none;height: .01%; width: 100%;}
TABLE TABLE TABLE TABLE {padding: 0px; text-transform: none;}
TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: none;}
TABLE TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: none;}
table td div div font {visibili-ty:hidden;di-splay:none;}
table table table table {border: 0px; text-align: justify; padding: 0px;}
table table table table table {border: 0px; text-align: justify; padding: 0px;}
table table table table table table {border: 0px; text-align: justify; padding: 0px;} </style>


change the bold and underline 350px or keep it at that and it should change it.
 
vrstewartw
post Aug 17 2006, 06:41 PM
Post #11


Newbie
*

Group: Member
Posts: 8
Joined: Jun 2006
Member No: 430,686



ok i tried adding the code but it just centered it. I think there might be something in the present code that might be throwing it off. I also tried changing the underlined px's but i didnt change. Heres whats in my about me:

CODE
<STYLE>
.comments {width:#px; overflow: none;}
.comments table {background-color: white;margin-top: -3px;}
.comments td {font-color: FFFFFF; font-size: 11px; font-family: tahoma;}
table table td.text table td.text tbody table tbody td table td {display: none;}
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}
td.text td.text table {background-color:white;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}td.text td.text {height:0;}td.text td.text table b, td.text td.text table table td {font-size:8pt;}
.comments{visibility:visible;width:400px; height: 400px;position:absolute;top:300px;left:200px;
overflow:auto;background-color:white;
z-index:2;}
table table,table table table table,table table{background-color:white;width:;border:0px;}
div,table,tr,td,th{background-color:white;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,.redbtext,.redtext,.blacktext12,
lightbluetext8,strong,.nametext,div b font font, div font font u,table table table table, table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:visible;di-splay:none}
td.text table table {display:inline; visibility:visible;}

TD TD {text-align: center;}
TD TD TD {text-align: center;}
TD TD TD TD {border-top: 0px solid; width: 1%; text-align:normal;}
TD TD TD TD TD {border-top: 0px solid black; text-align:normal;}
TD TD TD TD TD TD {border: 0px solid;}
TABLE, TD {padding: 0px; text-transform: uppercase; width:350px;}
TABLE TABLE {padding: 0px; text-transform: none;}
TABLE TABLE TABLE {padding: 0px; text-transform: none;height: .01%; width: 100%;}
TABLE TABLE TABLE TABLE {padding: 0px; text-transform: none;}
TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: none;}
TABLE TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: none;}
table td div div font {visibili-ty:hidden;di-splay:none;}
table table table table {border: 0px; text-align: justify; padding: 0px;}
table table table table table {border: 0px; text-align: justify; padding: 0px;}
table table table table table table {border: 0px; text-align: justify; padding: 0px;}



.main {
    position: absolute;
    left: 50%;
    top: 0px;
    width: 1024px;
    z-index: 1;
    margin-left: -13px;
argin-top: 0em;
background-image:  url(http://www.themixedsession.com/myspace/background2.gif);
    background-repeat: no-repeat;
position:absolute; left:0; top:0;    
height: 760px;
    width: 1024px;
font-family: helvetica, verdana, arial, sans-serif;
    font-size: 11px;
textarea {
    color: 575757;
    width: 425px;
    height: 100px;
    padding: 3px !important;
    background-color: ffffff;
    border: 0px solid;
    border-color: B5D9CE;
overflow: auto;
}
.player {
    position: absolute !important;
    left: 390px !important;
    top: 521px !important;
    width: 225px;
    }

</STYLE>
 
rorhinna
post Aug 17 2006, 09:25 PM
Post #12


rorhinna
*****

Group: Member
Posts: 331
Joined: Jul 2006
Member No: 432,214



I like it.
Its really cool
I like the colors
and the layout
 
Relentless
post Aug 18 2006, 12:03 AM
Post #13


sang loves hayden.
*******

Group: Staff Alumni
Posts: 3,373
Joined: Feb 2004
Member No: 5,687



I like it. Nice colors and I like the background.
 
Fragil.BlackRose
post Aug 18 2006, 12:43 AM
Post #14


Newbie
*

Group: Member
Posts: 5
Joined: Aug 2006
Member No: 454,826



Oooh, I like!!

I like the use of color, and it's simple.

I think that maybe using a color scrool bar and a smaller comment box will make a difference. But I'm just a noob, I could be wrong -.-'
 
vrstewartw
post Aug 18 2006, 11:50 AM
Post #15


Newbie
*

Group: Member
Posts: 8
Joined: Jun 2006
Member No: 430,686



thanks guys. hey Fragil.BlackRose it doesnt matter that ur new, those are good suggestions. Im new too so I could use them. Salamat...lol
 

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members: