Log In · Register

 

Help Topic Rules and Requirements


For a list of all requirements and guidelines pertaining to posting a new Help topic, please click here.

This Month's Contests | Hosts Looking for Hostees | Hostees looking for Hosts | Big Book of Resources

Submission Guidelines

8 Pages V  < 1 2 3 4 > »   
Reply to this topicStart new topic
Making a Band Layout, Version 2
Mickey
post Aug 11 2009, 07:53 PM
Post #26


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



Since you're limited with which elements you can hide, I recommend just covering up the tables on your page using your layout design.
 
MoneyIsDaMotive
post Aug 11 2009, 08:06 PM
Post #27


Blazed
****

Group: Member
Posts: 294
Joined: Jun 2009
Member No: 732,840



like how? make a big templete and just cover it up
and then add the div image on top?
 
thesnowpirate
post Aug 13 2009, 05:33 PM
Post #28


Member
**

Group: Member
Posts: 19
Joined: Aug 2009
Member No: 742,073



anyone have a completed band page done?

and a copy of the source code? some parts are a bit hard to figure out without screenshots.

took me a bit to figure out why the header was so low on the page, and then i realised i was an idiot. _unsure.gif

so for anyone having trouble w/ the header this is what i got:



and the only code i have on the bio page:

CODE
<style>
.profileWidth table { margin-bottom:256px; width:800px; }
.rail { display:none; }
.gap {
  background:url() top left no-repeat;
  width:810px; height:256ppx;
  position:absolute; top:0; left:50%;
  margin:0px 0 -400px -256px;
</style>

<div class="gap"></div>

<style>
.topbanner {position:absolute; left:50%; top: 170px; margin-left: -405px; _margin-left:-50 px; width:; height:px; z-index:1;}
</style>

<div class="topbanner">
<img src="http://www.rocketnight.com/images/myspace/header.png" border="0px" />
</div>


hopefully this helps anyone else who was lost. compare mine with step one and it should clear it up.

(great tut so far btw)
Reason for edit: Merged posts. Use the edit button if you want to edit your previous post. - TJ
 
YDG
post Aug 13 2009, 07:58 PM
Post #29


Senior Member
*******

Group: Staff Alumni
Posts: 7,063
Joined: Jul 2008
Member No: 670,288



Posts Merged.
 
fromshiptoshore
post Aug 14 2009, 12:32 AM
Post #30


Newbie
*

Group: Member
Posts: 7
Joined: Jun 2009
Member No: 734,820



hey mike, tj told me to comment on here and you could help me,
i am having so much trouble doing the rollovers, but i do not feel comfortable posting my code on here.
is there a way i can talk to you on msn messenger or over myspace about this? message me back on here not in comment
 
Mickey
post Aug 14 2009, 05:46 AM
Post #31


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



Thanks for that, Thesnowpirate. Keep it up. Fromshiptoshore, how about sending me your codes so you don't have to put it up? It will be difficult trying to identify the issue if I have nothing to look through.
 
MoneyIsDaMotive
post Aug 14 2009, 01:26 PM
Post #32


Blazed
****

Group: Member
Posts: 294
Joined: Jun 2009
Member No: 732,840



1. whats a good, document size for the layout?

2. what should a banner say when your just getting noticed?
and gonna keep the layout for a while, so what should it say.
listen to "one" song, ? or just say "official myspace page" ??

3.how mayne sections should the div have?
updates, (upcoming shows?)
friends&&comments,
about the band
pictures,

anything alse im missing????
and can i add "from the fans"
so i can put the hacks and fan sigs on?
 
Mickey
post Aug 14 2009, 01:38 PM
Post #33


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



Those are all subjective. It's up to you how you want your page to look and what you'd like to have on there. If you want to get a feel of how music pages look, just check out the pages of other artists. Personally, I'd put "Listen to This Track" instead of "Official MySpace Page". A fans section would be a great addition, but you definitely need to put up essential content. The tables you listed should do.
 
MoneyIsDaMotive
post Aug 14 2009, 01:50 PM
Post #34


Blazed
****

Group: Member
Posts: 294
Joined: Jun 2009
Member No: 732,840



i have been looking around,
i wanna start making it. but the document size is
leaving me stuck..
 
Mickey
post Aug 14 2009, 01:58 PM
Post #35


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



How can you be stuck? You're making the design; you can decide how big or small you want it to be at any stage of the building process.
 
thesnowpirate
post Aug 14 2009, 04:51 PM
Post #36


Member
**

Group: Member
Posts: 19
Joined: Aug 2009
Member No: 742,073



i kind of been making my own, and after testing a few sizes, 800 seems to be the best width. the height of course depends on how much content youre putting in between everything.


to be more specific, the image im working on is 2240 wide, including the background. i think thats probably a good place to start. ive dabbled a little bit before but never have made a full blown pro-coded page, which is waht im working on.

so try making a new document 2240x 500 or so to start and work your way through. but be sure when you slice later that you make a new doc of just 800x500, and the background is its own seperate file.

definitely start with understanding everything thats on top of the player itself and leave the extra stuff for later. ive gone and looked through about 30 pro myspaces between last night and today and using A1Bassline's stuff as a reference, ive really pulled stuff together (coding wise).



EDIT:

so heres what i got after more playing. i basically stole to code from paramores myspace ( www.myspace.com/paramore ) using bassline's stuff as a reference, and rebuilt the table they had in photoshop/notepad with my own little design for learning purposes. and i gotta thank bassline for the first post.

live page (will stay this way until i fix the space at the bottom): http://www.myspace.com/thesnowpirates

snapshot:


code (put in influences, i put a couple comment tags in there to let you know whats what w/ the css):
CODE
<style>

{ moving the player}

div[id="profile_mp3Player"], table table td.text object

{position:relative!important; top: -15px; left: 50%; left:7px;

_left:16px; z-index:9;}

{hiding stuff}



.contactTable{
display: none;}

.orangetext15{
display: none;}

.whitetext12{
display: none;}

.nametext{
display: none;}

{NavBar all of this is ok makes it clear and changes font}

table table div embed, table table div object{
position:relative;
z-index:9;}

table table table table, table table table td{
background-image:none;
background-color:transparent;}

table, tr, td{
background-color:transparent;
border-style:none;}

div.profileWidth div ul li a {
font-family:Verdana;
font-size:9px;
font-weight:bold;
color:FFFFFF !important;
z-index: 9;}

div.profileWidth div ul li a:hover {
color:FFFFFF !important;
background-color:000000 !important;
display:block;
z-index: 9;}

div.profileWidth div.clearfix, .i i i {
background-image:transparent !important;
z-index: 9;}

.i {
display:none;}

div.profileWidth table td ul *,div.clearfix i i i {
color: 000000 !important
font-family:verdana !important;
font-size:9px !important;
font-weight:bold !important;
z-index: 9;}

{Body}

body table{
margin-top: 330px; margin-bottom:0px;}

body div table, body table table, body td table{
margin-top:0px;}

body{
background-image: URL('http://www.rocketnight.com/images/myspace/test1/grassbg.jpg');
background-position:center;
background-repeat:repeat-y;
background-attachment: fixed;
background-color: f0efed;}




{main banner or table height auto keeps it fine}

div.topbanner {
width: 870px;
height: auto;
top: -2px;
margin-left: -435px;
_margin-left: -435px;
left: 50%;
position: absolute;
align: center;
z-index: 3;
overflow: hidden;
background-color: FFFFFF;}
}

{end banner}

</style>
<div class="topbanner">
<center>
<table id="Table_01" width="870" border="0" cellpadding="0" cellspacing="0">
..
<tr>
<td colspan="22"><img src="http://www.rocketnight.com/images/myspace/test1/header_01.jpg" width="870" height="118" alt="" /></td>
</tr>
<tr>
<td colspan="22"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29t"></a><img src="http://www.rocketnight.com/images/myspace/test1/header_03.jpg" width="870" height="28" alt="" /><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZ1ZWxlZGJ5cmFtZW4uY29t" target="_blank"></a></td>
</tr>
<tr>
<td colspan="22"><img src="http://www.rocketnight.com/images/myspace/test1/header_05.jpg" width="870" height="32" alt="" /></td>
</tr>
<tr>
<td height="211" colspan="22"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnBhcmFtb3JlLm5ldC9zaG93cw

==" target="_blank"><center><img src="http://www.rocketnight.com/images/myspace/header.png" width="810" height="256" border="0" /><center></td>
</tr>





<tr>
<td height="29" colspan="22">&nbsp;</td>
</tr>
<tr>
<td colspan="22"><img src="http://www.rocketnight.com/images/myspace/test1/header_29.jpg" width="870" height="17" alt="" /></td>
</tr>
<tr>
<td colspan="4" rowspan="2"><img src="http://www.rocketnight.com/images/myspace/test1/header_30.jpg" width="29" height="242" alt="" /></td>
<td colspan="5"><a href="http://viewmorepics.myspace.com/index.cfm?

fuseaction=user.viewAlbums&friendID=11730869"> <img src="http://www.rocketnight.com/images/myspace/test1/default_photo.jpg" width="324" height="222" border="0" alt="" /></a></td>
<td colspan="2" rowspan="2"><img src="http://www.rocketnight.com/images/myspace/test1/header_32.jpg" width="13" height="242" alt="" /></td>
<td colspan="11" rowspan="5"><img src="http://www.rocketnight.com/images/myspace/test1/header_33.jpg" width="504" height="369" alt="" /></td>
</tr>
<tr>
<td colspan="3"><img src="http://www.rocketnight.com/images/myspace/test1/header_34.jpg" width="164" height="20" alt="" /></td>
<td width="81"><a href="http://viewmorepics.myspace.com/index.cfm?

fuseaction=user.viewAlbums&friendID=11730869"> <img src="http://www.rocketnight.com/images/myspace/test1/view_photos.jpg" width="81" height="20" border="0" alt="" /></a></td>
<td width="79"><a href="http://vids.myspace.com/index.cfm?

fuseaction=vids.showvids&friendID=11730869&n=11730869"> <img src="http://www.rocketnight.com/images/myspace/test1/view_videos.jpg" width="79" height="20" border="0" alt="" /></a></td>
</tr>
<tr>
<td colspan="11"><img src="http://www.rocketnight.com/images/myspace/test1/header_37.jpg" width="366" height="48" alt="" /></td>
</tr>
<tr>
<td colspan="3" rowspan="4"><img src="http://www.rocketnight.com/images/myspace/test1/header_38.jpg" width="20" height="157" alt="" /></td>
<td colspan="3"><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2

luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZSZmcmllbmRJRD0xMTczMDg2OQ==">

<img src="http://www.rocketnight.com/images/myspace/test1/send_message.jpg" width="169" height="39" border="0" alt="" /></a></td>
<td colspan="5"><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2

luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwuZm9yd2FyZCZmcmllbmRJRD0xMTczMDg2OSZmPW

ZvcndhcmRwcm9maWxl"> <img src="http://www.rocketnight.com/images/myspace/test1/forward_to_friends.

jpg" width="177" height="39" border="0" alt="" /></a></td>
</tr>
<tr>
<td colspan="3"><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbm

RleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD0xMT

czMDg2OQ=="> <img src="http://www.rocketnight.com/images/myspace/test1/add_to_friends.jpg" width="169" height="40" border="0" alt="" /></a></td>
<td colspan="5"><a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZWVkaXQubXlzcGFjZS5jb2

0vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci5hZGRUb0Zhdm9yaXRlJmZyaWVuZElEPTExNz

MwODY5JnB1YmxpYz0w"> <img src="http://www.rocketnight.com/images/myspace/test1/add_to_favorites.jp

g" width="177" height="40" border="0" alt="" /></a></td>
</tr>
<tr>
<td colspan="3"><a href="http://www.myspace.com/..

%20MySpace.invokeWebIMWrapper();"> <img src="http://www.rocketnight.com/images/myspace/test1/instant_message.jpg

" width="169" height="39" border="0" alt="" /></a></td>
<td colspan="5"><a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbm

RleC5jZm0/ZnVzZWFjdGlvbj1SYXRlSW1hZ2UuVXNlclJhdGluZyZVc2VySUQ9MTE3MzA4Nj

k="> <img src="http://www.rocketnight.com/images/myspace/test1/rank_user.jpg" width="177" height="39" border="0" alt="" /></a></td>
<td colspan="11" rowspan="2"><img src="http://www.rocketnight.com/images/myspace/test1/shows.jpg" width="504" height="78" alt="" /></td>
</tr>
<tr>
<td colspan="3"><a href="http://www.msplinks.com/MDFodHRwOi8vZ3JvdXBzLm15c3BhY2UuY29tL2luZG

V4LmNmbT9mdXNlYWN0aW9uPWdyb3Vwcy5hZGR0b2dyb3VwJmZyaWVuZElEPTExNzMwODY5">

<img src="http://www.rocketnight.com/images/myspace/test1/add_to_group.jpg" width="169" height="39" border="0" alt="" /></a></td>
<td colspan="5"><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbm

RleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja3VzZXImdXNlcklEPTExNzMwODY5">

<img src="http://www.rocketnight.com/images/myspace/test1/block_user.jpg" width="177" height="39" border="0" alt="" /></a></td>
</tr>
<tr>
<td width="6"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="6" height="1" alt="" /></td>
<td width="4"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="4" height="1" alt="" /></td>
<td width="10"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="10" height="1" alt="" /></td>
<td width="9"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="9" height="1" alt="" /></td>
<td width="67"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="67" height="1" alt="" /></td>
<td width="93"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="93" height="1" alt="" /></td>
<td width="4"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="4" height="1" alt="" /></td>
<td><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="81" height="1" alt="" /></td>
<td><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="79" height="1" alt="" /></td>
<td width="3"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="3" height="1" alt="" /></td>
<td width="10"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="10" height="1" alt="" /></td>
<td width="2"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="2" height="1" alt="" /></td>
<td width="9"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="9" height="1" alt="" /></td>
<td width="95"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="95" height="1" alt="" /></td>
<td width="62"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="62" height="1" alt="" /></td>
<td width="39"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="39" height="1" alt="" /></td>
<td width="129"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="129" height="1" alt="" /></td>
<td width="34"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="34" height="1" alt="" /></td>
<td width="85"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="85" height="1" alt="" /></td>
<td><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="1" height="1" alt="" /></td>
<td width="38"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="38" height="1" alt="" /></td>
<td width="10"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="10" height="1" alt="" /></td>
<td width="1"></td>
</tr>
..
</table>
</center>
</div>


some stuff gets repeated, and some stuff probably isnt neccessary. i hope this helps anyone else. the only thing i cant figure out, and it happens on paramores myspace as well, is why there is so much extra space at the bottom under the comments. anyone have any ideas?

This post has been edited by A1Bassline: Aug 16 2009, 11:15 AM
Reason for edit: Please use [codebox][/codebox] tags when posting long codes. Thanks. - TJ
 
MoneyIsDaMotive
post Aug 15 2009, 10:04 PM
Post #37


Blazed
****

Group: Member
Posts: 294
Joined: Jun 2009
Member No: 732,840



whats the width and height of the music player?
 
monkeyprince
post Aug 16 2009, 03:53 AM
Post #38


Newbie
*

Group: Member
Posts: 5
Joined: Aug 2009
Member No: 742,390



Er...I'm having a bit of trouble on the custom left side thing, I'm not too good with dimensions and honestly this is my first time coding, so what are good dimensions? Like an example?
 
YDG
post Aug 16 2009, 11:18 AM
Post #39


Senior Member
*******

Group: Staff Alumni
Posts: 7,063
Joined: Jul 2008
Member No: 670,288



QUOTE(thesnowpirate @ Aug 14 2009, 05:51 PM) *
i kind of been making my own, and after testing a few sizes, 800 seems to be the best width. the height of course depends on how much content youre putting in between everything.
to be more specific, the image im working on is 2240 wide, including the background. i think thats probably a good place to start. ive dabbled a little bit before but never have made a full blown pro-coded page, which is waht im working on.

so try making a new document 2240x 500 or so to start and work your way through. but be sure when you slice later that you make a new doc of just 800x500, and the background is its own seperate file.

definitely start with understanding everything thats on top of the player itself and leave the extra stuff for later. ive gone and looked through about 30 pro myspaces between last night and today and using A1Bassline's stuff as a reference, ive really pulled stuff together (coding wise).
EDIT:

so heres what i got after more playing. i basically stole to code from paramores myspace ( www.myspace.com/paramore ) using bassline's stuff as a reference, and rebuilt the table they had in photoshop/notepad with my own little design for learning purposes. and i gotta thank bassline for the first post.

live page (will stay this way until i fix the space at the bottom): http://www.myspace.com/thesnowpirates


code (put in influences, i put a couple comment tags in there to let you know whats what w/ the css)

some stuff gets repeated, and some stuff probably isnt neccessary. i hope this helps anyone else. the only thing i cant figure out, and it happens on paramores myspace as well, is why there is so much extra space at the bottom under the comments. anyone have any ideas?


That's because you aren't using my codes, like I suggested and recommended. I recommended you stuck with my codes so problems like this didn't have to be dealt with. The body table code was used and that creates a big space at the bottom.

QUOTE(SwaggLookinGood @ Aug 15 2009, 11:04 PM) *
whats the width and height of the music player?


425px wide
345px high

QUOTE(monkeyprince @ Aug 16 2009, 04:53 AM) *
Er...I'm having a bit of trouble on the custom left side thing, I'm not too good with dimensions and honestly this is my first time coding, so what are good dimensions? Like an example?


In my tutorial, I said 325px is the best width. Height doesn't matter. Just set the height in the div layer to autopx. That's what I do.
 
dimmu1
post Aug 16 2009, 04:18 PM
Post #40


Newbie
*

Group: Member
Posts: 1
Joined: Aug 2009
Member No: 742,441



QUOTE(A1Bassline @ Jul 21 2009, 05:56 AM) *
Adding a Top Banner

tutorial is great and it really help me but when I set my top banner logo and clicked preview all was great but I can't submit or edit.what ever of those two I click nothing happens :S what's wrong and how to fix it? I use this setup
CODE
<style>
.profileWidth table { margin-bottom:800px; width:600px; }
.rail { display:none; }
.gap {
background:url(myimage) top left no-repeat;
width:900px; height:1150px;
position:absolute; top:175; left:115%;
margin:0px 0 -400px -1150px
</style>

<div class="gap"></div>


I got it what did I do wrong.the width:900px; height:1150px was the problem :] I just put it on width:600px; height:800px and now is good.thanks again! keep up the good work
 
monkeyprince
post Aug 16 2009, 04:49 PM
Post #41


Newbie
*

Group: Member
Posts: 5
Joined: Aug 2009
Member No: 742,390



Okay, again with the custom left side...is there any way I can turn some of the images into links? to like pictures and add to friends and stuff?
 
YDG
post Aug 16 2009, 09:06 PM
Post #42


Senior Member
*******

Group: Staff Alumni
Posts: 7,063
Joined: Jul 2008
Member No: 670,288



QUOTE(dimmu1 @ Aug 16 2009, 05:18 PM) *
tutorial is great and it really help me but when I set my top banner logo and clicked preview all was great but I can't submit or edit.what ever of those two I click nothing happens :S what's wrong and how to fix it? I use this setup

I got it what did I do wrong.the width:900px; height:1150px was the problem :] I just put it on width:600px; height:800px and now is good.thanks again! keep up the good work

QUOTE(A1Bassline @ Jul 20 2009, 11:05 PM) *
Getting Started


Here is a list of things you might want consider using to make your layout:

Adobe Photoshop CS4
Adobe Illustrator CS4
GIMP
Notepad

Some of this tutorial will be based on Adobe Photoshop CS4, but the steps are optional, so you don't have to follow those steps.

Before we even start making the layout, make sure you have everything prepared for the layout. Make sure you get rid of all of your current coding on your MySpace, but make sure you do all of your editing in Safe Mode. If you don't do editing in Safe Mode, you will not be able to save your changes.

Also, make sure you have your images ready to put on the layout. You will want to have your pictures all uploaded, unless you are looking into slicing images, then you'll have to upload as you go along. Here are some websites you can use to upload your pictures.In my opinion, I would recommend using webs, because Photobucket and Imageshack aren't that reliable.








QUOTE(monkeyprince @ Aug 16 2009, 05:49 PM) *
Okay, again with the custom left side...is there any way I can turn some of the images into links? to like pictures and add to friends and stuff?

QUOTE(A1Bassline @ Jul 21 2009, 12:04 AM) *
Slicing Images


This is an optional part of the tutorial. Slicing images will help greatly with your images loading faster, and it also helps add links to images, since imagemapping will not work on band layouts.

For more information on this, check out my tutorial on how to slice images and add links.

 
Mickey
post Aug 17 2009, 06:10 AM
Post #43


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



QUOTE(monkeyprince @ Aug 16 2009, 10:49 PM) *
Okay, again with the custom left side...is there any way I can turn some of the images into links? to like pictures and add to friends and stuff?

Just use a link code with the image code, like this:

CODE
<a href="URL"><img src="URL" alt="" /></a>

Replace the first URL with the page you want the link to go and the second URL with the image you want to use.
 
monkeyprince
post Aug 18 2009, 04:01 AM
Post #44


Newbie
*

Group: Member
Posts: 5
Joined: Aug 2009
Member No: 742,390



Sorry, lol, I'm new to CSS and DIVs and everything. I just did the slicing tutorial and everything and was wondering if there was any way to get the table code to appear where the top banner would?
 
lucasnotreally
post Aug 18 2009, 08:14 AM
Post #45


Creative Developer
****

Group: Member
Posts: 116
Joined: Jan 2009
Member No: 712,281



^ yes, once you get all the image urls in the slice table, copy the whole table (from the first table tag to the second one) and put it where your top image is.

if you used tjs tutorial i think the class is .topbanner


im pretty sure he goes over it in his slice tutorial though, but i could be wrong.
 
monkeyprince
post Aug 18 2009, 04:06 PM
Post #46


Newbie
*

Group: Member
Posts: 5
Joined: Aug 2009
Member No: 742,390



You mean between the divclass=topbanner? or what? Could I please get an example of what the code should look like?
 
innerdemon25
post Aug 20 2009, 12:44 AM
Post #47


Member
**

Group: Member
Posts: 16
Joined: Nov 2008
Member No: 697,160



This tutorial is very good on how to really get started with coding a band layout. But I am sorry to say, that by uploading images to webs.com just for hosting them without having a website open through them, is against the terms of service, and will delete your account without warning. They have done it to me before. Just something i think you should have included. biggrin.gif


-Brandon L
-Revolutions Designs
 
lucasnotreally
post Aug 20 2009, 10:41 AM
Post #48


Creative Developer
****

Group: Member
Posts: 116
Joined: Jan 2009
Member No: 712,281



QUOTE(monkeyprince @ Aug 18 2009, 05:06 PM) *
You mean between the divclass=topbanner? or what? Could I please get an example of what the code should look like?



it should look like this:
CODE
<div class="topbanner">
SLICES TABLE HERE
</div>
 
YDG
post Aug 20 2009, 03:42 PM
Post #49


Senior Member
*******

Group: Staff Alumni
Posts: 7,063
Joined: Jul 2008
Member No: 670,288



QUOTE(innerdemon25 @ Aug 20 2009, 01:44 AM) *
This tutorial is very good on how to really get started with coding a band layout. But I am sorry to say, that by uploading images to webs.com just for hosting them without having a website open through them, is against the terms of service, and will delete your account without warning. They have done it to me before. Just something i think you should have included. biggrin.gif
-Brandon L
-Revolutions Designs


I have multiple accounts open with them and they've been active for almost two years without any sort of website, and I haven't been deleted.
 
monkeyprince
post Aug 22 2009, 05:04 PM
Post #50


Newbie
*

Group: Member
Posts: 5
Joined: Aug 2009
Member No: 742,390



QUOTE(lucasnotreally @ Aug 20 2009, 10:41 AM) *
it should look like this:
CODE
<div class="topbanner">
SLICES TABLE HERE
</div>


Oh dude, thank you! I appreciate it so much man, I'll try in a bit.
 

8 Pages V  < 1 2 3 4 > » 
Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members: