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

6 Pages V   1 2 3 > »   
Reply to this topicStart new topic
Making a DIV Overlay Layout, Step by step
*This Confession*
post Jul 15 2006, 05:28 PM
Post #1





Guest






Note:This thread was updated and cleaned out on Febuary 26, 2007. Try to quote the post you are helping. Also please if you don't understand any of the steps, then please post a topic and don't reply in this one. If you just have one simple question (on a step or two) feel free to post it here.

Making a div

Version 1.0

Level : Step By Step
Written By: This Confession - Infinite.-Intercourse. Insurmountable

First:

Hiding your profile.

If you would like to have comments in your div. Please use this code.
http://www.createblog.com/scripts/script.php?id=376

If you wouldn't like comments to show use this code to hide your profile.
http://www.createblog.com/scripts/script.php?id=368

This will hide your whole profile, except for the ad.
Do not hide your ad, its against myspace rules. =]

Also yes, this coding and all of the coding can go in to your about me or who I'd like to meet


Second:

Customizing your profile.
http://www.createblog.com/forums/index.php?showtopic=84325

I suggest using the 3rd one down, it explains what all parts do and such.
But mostly all you need to do is do the background color, scrollbar colors, border colors.
and link colors and text properties.

Third:

Making your div's. [the fun part wink.gif]

Putting up your main image.
Upload it at http://www.imageshack.us

and then put it into this

CODE
<div class="bg" style="position: absolute; left:0px; top:0px; width:000px; height:000px; overflow: hidden;">
<img src="IMAGEURLHERE">
</div>


Change the top and left to position where the image is.
And change the width and height to the same as the image.

I suggest making the top about 160-170px
So its right under the navigation bar more than likely.
Really Just mess with the numbers and such and you'll get the hang of it happy.gif

Forth:

Other Div area's

CODE
<div class="content" style="position: absolute; left:000px;  top:000px; width:000px; height:000px; overflow: auto;"><center>
CONTENT FOR DIV.
</div>


You can have as many of these as you want,
this is for all your other content.
Change the left and top for the positioning once again, you may want to make a estimate
and then just go check and see how much further it is away. Thats what most people do,
Just have patience and you'll be fine. happy.gif

Change the width and height for how big it is. Most of the time I just crop out one of the places
in photoshop off the image and then get the image size so I can see how big it is instead of roughing it.

PS- you can get rid of the <center> Its just there to center your text if you want it to be centered.

Fifth

Final Touches

For this you may just want to make some final touches
Putting the comments in to your div.
http://www.createblog.com/scripts/script.php?id=74

For the comments in to your div, a lot of people have problems with it.
Make sure you don't have anything that hides stuff, such as bottom links or
top links or it won't work. [it sucks but you get use to it]

Also, if your using the myspace player. Then you may want to hide it so it isn't peeking through any of your divs and covering some important stuff.
http://www.createblog.com/scripts/download.php?id=409


Any other questions, just ask happy.gif
But please if you have your problem on a myspace, then please provide a link and make sure your profile isn't private, if your profile is private then you won't recieve any help.



Positioning made easy?


quick lesson on "position: relative"

top: -45px = moves up 45px
top: 45px = moves down 45px
left: -15px = moves left 15px
left: 15px = moves right 15px

quick lesson on "position: absolute"

top: 0% = moves to top of page
top: 50% = moves to middle of page
top: 100% = moves to bottem of page
left: 0% = moves to left of page
left: 50% = moves to center of page
left: 100% = moves to right of page
margin-left: -15px = moves left 15px
margin-left: 15px = moves right 15px
margin-top: 45px = moves down 45px
margin-top: -45px = moves up 45px




further explanation to someone that asked
http://www.createblog.com/forums/index.php?showtopic=157773

This post has been edited by micron: May 2 2008, 04:13 AM
 
*This Confession*
post Jul 16 2006, 02:14 PM
Post #2





Guest






QUOTE(angelalwayz @ Jul 16 2006, 10:59 AM) *
Thank you so much for posting that tutorial. The other ones I had been reading were so confusing but yours is in lamins terms. thank goodness. lol. anyways I was wondering, because I have been working really hard to do my page, if you knew how to use adobe photoshop, or what you would use to edit pictures, to remove the background of the picture so only the person shows, put to pictures in one picture, things like that.


Well I suggest you go to graphics help for photoshop, I know how to mess with all tha stuff but go to graphics for more help

lol, thanks.

QUOTE(ahottttertouch @ Jul 17 2006, 3:30 PM) *
This is a very nice tutorial biggrin.gif It was simple and pretty easy to understand. I am just having one little problem... for some reason I can't change the background color. I don't know if something else is just preventing it from working, or what, but it just doesn't work. ermm.gif


Also for the background color problem try adding..

CODE
<style>Body{background-color:###;}</style>


QUOTE(WalkAlone @ Jul 25 2006, 5:58 AM) *
Hey, it's a great tutorial, thanks for that.

I'm still new and confused to the whole making layout things, so I followed the instructions, and all I've got is this..

http://profile.myspace.com/index.cfm?fusea...iendid=93595486

Help maybe?


^okay ehm
you have a normal profile
so you need to ehm
go back to step one and hide your profile

http://www.createblog.com/forums/index.php?showtopic=141722

then just skip step two because you already have a layout in.
then follow all the other steps

QUOTE(xbabyboo @ Aug 3 2006, 12:15 PM) *
Oh yeah.
oh this part of the code.
<div class="content" style="position: absolute; left:000px; top:000px; width:000px; height:000px; overflow: auto;"><center>
CONTENT FOR DIV.
</div>
do we have to keep the <center> ?


no
Sorry I always center everything it seems on myspace pinch.gif

I'll go say something about that now. Thanks Ada.

You can get rid of it.

QUOTE(s_c_c_r11 @ Sep 1 2006, 11:29 AM) *
whistling.gif wink.gif _dry.gif ermm.gif
[size=7][font=Lucida Console]I am confused... where do you put the code. about me or who id like to meet.


Doesn't it say where to put it in the tutorial pinch.gif

no, now it does.

But yes all the coding can either go in to your about me or who id like to meet.

Most of the time I put step 1 and 2 in to my about me and all the other steps I put in to my who id like to meet.

QUOTE(twinkle915 @ Sep 6 2006, 3:24 PM) *
the friends and comments in a div link wont work :[



Hiding your profile and still have comments:
http://www.createblog.com/forums/index.php?showtopic=148089

Comments in div:
http://www.createblog.com/forums/index.php?showtopic=122450

Comments in div:

ABOUT ME:
CODE
.comments{visibility:visible;width:500px; height: 400px;position:absolute;top:120px;left:0px;
overflow:auto;background-color:COLORHERE;
border:black 1px solid;z-index:2px;}
</style>



WHO ID LIKE TO MEET:
CODE
<div class="comments"><table><tr><td><table><tr><td>


In the About me code you can change the top and left to position it and change the width and height to change the size of the div table.
 
duplicatex0x0x0
post Jul 20 2006, 12:22 AM
Post #3


Senior Member
******

Group: Duplicate
Posts: 1,912
Joined: May 2005
Member No: 137,527




QUOTE(Caitlinnn @ Jul 19 2006, 8:05 PM) *
This is a great tutorial! biggrin.gif

I'm having one problem though. My content wont show up. I put the code in the "Who I'd like to meet" section and I've played around with the posistioning but it still wont show up. wacko.gif

EDIT - Ok. I refreshed my page and I saw the content for a second but tjhen it disapeared. So it's underneath my background image. How do I get it to come overtop of it?


set the z-index to a layer that would be above the background.

CODE
0 should be the bottem most layer

1 would be your content



QUOTE(Caitlinnn @ Jul 19 2006, 9:36 PM) *
I dont have a z-index in my code at the moment. Where do I put the z-index in my code?


<style>
.div1 {
background-color:000000; color:000000;
border:0px solid; border-color:silver;
width:400px; height:100px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-250px; margin-top:150px;
visibility:visible;}
</style>


<div class="div1">
content
</div>
 
*mona lisa*
post Aug 29 2006, 01:30 PM
Post #4





Guest






QUOTE(Zubi @ Aug 29 2006, 2:08 PM) *
Hey this is a Good Tutorial but i cant get Step 4...the content ...Huh i am frustrated cry.gif ...i wanna make a DIV layout but i cant make it.
Content refers anything you place within your div: an 'about me' section describing yourself, a navigation, comment area, etc. in the same or separate DIVs.

QUOTE(Zubi @ Sep 7 2006, 2:36 AM) *
Hey How to slice them...and in wht program do we make them..in Photoshop??


^You can slice images in Adobe Imageready, which you should have if you have Photoshop. Click here for an excellent tutorial.

QUOTE(In Love With a Boy @ Sep 8 2006, 12:31 AM) *
Please help. I am obsessed with myspace but new at the div layouts. i just used one by Panicked and i dont know how to put a picture of me in it where it says "your picture here" in a gray box on my myspace. help please i can show you the html for it if you need to see it.

thanks

here is my myspace:
http://profile.myspace.com/index.cfm?fusea...iendid=46543044[color="#cc0000"][/color]
Your profile is set to private. wink.gif Upload your photo to an online image host (like hostanimage or imageshack). In the codes, find the area where the image is placed. Replace that URL with the direct-linking URL of the photo you uploaded.

QUOTE(In Love With a Boy @ Sep 8 2006, 1:41 AM) *
i made my profile public :)

here is the photo

http://img75.imageshack.us/my.php?image=1000884xlo9.jpg
Looks at though you got it to work.I see your photo. :)
QUOTE(Zubi @ Sep 8 2006, 6:23 AM) *
Hey the Link u gave me is not working ...its opening in Notepad and something wired language is there.I cant understand.
It's a PDF so you need Adobe (Acrobat) Reader to view it. If not, there is another tutorial: http://www.dwphotoshop.com/photoshop/slicing.php. Ignore the part about adding the URLs/links if you just want to slice images and not use them as links.
 
*Intercourse.*
post Sep 20 2006, 05:12 PM
Post #5





Guest







here it is.

http://www.createblog.com/layouts/download.php?id=14240


Ehm, can we have the link to your profile. And that layout is called a Div Overlay, which is what this tutorial covers.

Did you even put enough content in the div to make it have a scroll bar?

If your talking about the table that has a music player in it in the preview: if you go to that div in the coding. Get rid of this
overflow-y: hidden;


Hi, this is a great tutorial, but I was wondering, since I am putting an image as my background, blah blah blah, how do I prevent people from right clicking the background and saving it as their own?


^There isn't a really good way to do that, since anyone can just steal all your coding and get a hold of it. I suggest writing your name on the image.

But you can use this, so when someone right clicks on your image they'll actually save a blank image happy.gif

http://www.createblog.com/forums/index.php?showtopic=149584


Hehee can i div that codeu gave me? or I mean position it?

:( unfortunately I dont think that helped all the way =/ I was actually talking about how my code doesnt work :( because in internet explorer the divs dont appear over the bg image.

I aplogize for double posting but whether that script was inteded too help solve my ie.e problem or not.. it did lol. it loads in i.e once i put that script in... how very very bizzare I must say.


Okay, give me a link to your profile so I can perhaps see what your talking about.


Okay. I pretty much fixed it.

my demo page is. myspace.com/deffpoetic

Um now i just need to find out how to customize the comment box.
Confession do you have a screen name? you seem like you know your stuff, and I'm coding newbie :)

My question would be that I want to put a comment box on the left side where u see the setup looks like a text area, and 2 rectangles for a submit and clear area. I imagine the css code is supposed to be altered to change the appearence of the buttons? and box? can I div the buttons tho to make them fit there? all good questions im sure, just need a good answer :)


^okay your problem is solved because I helped you on AIM happy.gif


How do you put music on a div

Matters what type of player you want. If you just want the myspace player just add more, if your using a div more than likely it will cover up something so simply just hide the music player.

You can also have other players such as these:
http://www.createblog.com/forums/index.php?showtopic=143271

http://www.myflashfetish.com/myspace-mp3-players/


[i]I've noticed some controversy over the "hide profile" codes. Before I start my DIV, I want to make sure I understand everything. If I want a div that shows my comments and I use the "hide profile" code you've provided...will it cover everything but the comments or will some other things still show through?

[/i]

^It will hide everythinggg except for the comments and friend which they will be in a div already [scrollbox] like in this screen shot preview, this is also a the code to hide your profile:

http://www.createblog.com/scripts/download.php?id=376

The only other thing it won't hide in the ad at the top because its against myspace rules to do this. happy.gif


Hey. Okay, I used a div overlay on my profile and it's all awesome.. buuuuut I want my comments to show up in a scrollbox that I can position to be on top of the overlay. At the moment, it's just below the overlay, and I can't seem to get it to move or into a scrollbox or anything..so yeah.

Help please?

=[

http://profile.myspace.com/index.cfm?fusea...cc-723e7dd0535e
That's the link to it by the way.
(It's a seperate account so I wouldn't screw up my personal one =])

Please please help =[ =[


^You used a generator and you can't figure it out blink.gif I suppose you pick what you want on those, did you choose to show your comments in a div? Also if you did then theres tags all through the layout from what I've just seen telling you what to edit, also they give you instructions if you botherd to read them.


Truflip- The 3rd step is if you have a background image such as on my profile:
http://www.myspace.com/thisconfession The image with the boxes and everything would be what would go in to the 3rd step. If you do not have a background image to put up then just continue to the next step.


[i]Put in the url, change the position and size to suit, and leave the z-index alone.

CODE
<div class="bg" style="position: absolute; left:0px; top:0px; width:0px; height:0px; overflow: hidden; z-index:0">
<img src="IMAGEURLHERE">
</div>



Oh, I forgot what I came in here for...I can't get my comments to work on any layer other than 1. My background was too big to upload so I broke it into smaller images and used DIV's to place them. My tables had to be on layer one and my comments won't show up on layer two. I'm using the code to hide my profile given on the first post of this topic plus a code to hide my friends in case that helps anyone undertsand this. Is there any way to make them show on another layer or do they HAVE to be on 1?

[/i]

^Yea may we have a link to your myspace?


Ok just one quick question:

I just noticed myspace changed the top part of the pages lately so that the ads are located at the very top and directly underneath them is a search bar with a drop down menu next to it. In Fire Fox the hiding of all contents and creating a background div covers everything, but in IE this annoying drop down box is still there. Is there a fix for this?

link to profile so you may take a look at what I am talking about:

http://www.myspace.com/bfallgren

Hopefully its not just me seeing this, lol

Thanks for any help


^add this:

http://www.createblog.com/forums/index.php?showtopic=157380


If anyone is still confused after reading this tutorial, perhaps go here and read the post on it:
http://www.createblog.com/forums/index.php?showtopic=157773


hmmm so i've hidden my profile and such and added my image
but my image doesn't seem to show up, but the content still does
what's happening?


well can we have a link to your myspace, or something.

Perhaps the image wasn't uploaded right, try http://www.imageshack.us


yes that's right
i used photobucket, then tried imageshack and problem solved! biggrin.gif



Yay, good biggrin.gif


sorry if you've already answered this its just that there were a lot of pages.

Ok my content text is black when i changed them all to blue. (It looks fine in IE though)

Other than that thanks for a great tutorial

myspace


ItsKathy, I tried changing all your coding and it just wouldn't ever work. So the only thing I think you will be able to do is right before the text you want to be blue put

<span class=text> TEXT YOU WANTED BLUE </span>

Make sure to put the </span> at the end of what text you want to be blue..


kay so thanks to whoever made this tutorial..cause im new with divs and i already made three of them..hehehe=)..tnx!


^The person that created the tutorial is the person that posted the topic.

The Infinite. person..


this was a great tutorial! but i just don't know how to make my default picture show up? i also have like a couple plain white boxes floating aorund. ? ahh idk


^May I see a link to your myspace please? If its to big of a problem that may need a lot of explaining, feel free to make a topic in myspace help as well happy.gif


i`m trying to learn how to make divs for my layout site
i made my layout on paint shop and i made the boxes for it in paint shop but when i put it on myspace i don`t know how to put the words on it.


^Then you need to make extra divs for the words, make sure to make a normal myspace layout as well.

It seems that you've already done step one now you need to go do step 3, so you need to go back and do step 1 & 2 & 4. Perhaps provide a myspace link so we can see what you have as far as well.

^it looks like you already have words coming up and stuff, now you need to postion divs into where the boxes are so the words come up in the right places. Also I suggest moving
[quote name='imsoDOPEyo' post='2432281' date='Jan 26 2007, 10:03 AM']
here's the link:
http://profile.myspace.com/index.cfm?fusea...a1-0422e49a6e68
[/b][/i]

the image down a little so its not being covered by the ad.


Alrighty, this was a really good DIV tutorial and I thought I understood it all, but my thoughts are always tested when I hit "view my profile."

I have my content showing up, but it isn't in the box where I want it to be. How do I move my content into the boxes and put headings on them?

www.myspace.com/fortiesglamour


PiratePunk- Uhm what exactly are you trying to do? You just have a normal profile, if you want to make a div you need to atleast hide your profile first and then upload the main image for your div and position it still.
 
freeflow
post Sep 30 2006, 05:17 PM
Post #6


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270





HELP what is a friend id? and how do i find mine?
I am SO lost.
[b]


^
http://www.createblog.com/forums/index.php?showtopic=149841



uh, I used the code to be able to have the comments shown on my page, but my background is black and I can't see the text on the comments, is there a way to change the text-color on my comments?

Pm me your code or make a topic


hi i have a question. you know on some div layouts, they have a base? like um ... a picture that is the layout and everything else is added on.

the one i`m trying to use never shows up.

i`m able to hide my profile, but for some reason it won`t show what i want to put on it
i`ve tried all sorts of codes, but it still won`t show


^ You have to put it in a div and position it somewhere.


Okay, well I did read the html and I did choose to show it. I don't think you understood my question?..Can I get it into a seperate scrollbox and position it? Or do I need the 'expertise'..to be able to.

Make a topic and explain it a little more and post your entire code and we'll help you there. K?


[i]Oh, I figured out how to upload my background. I saved it as a png. file. It didn't seem to take away any of the quality at all and it made the file size much smaller. Umm...is there a reason why I shouldn't save it as a png. though?

[/i]
Actually pngs are really good. The only problem I can think of is that sometimes the file size is huge but pngs are just as good as jpg and gif. mmhm.


no matter how many times i reread the tutorial, i come out being even more confused than i already was...

i get past the first step, no problems. The second as well.

I can write stuff on my page, but how do I put them in a table, not just randomly positioned on my page. I'd show an example but after so much frustration, I just deleted my backgrounds.
It'd probably help if I were doing this when I'm not hopped up on pain killers is my guess, but that will take a few days and I want to do this while I actually have time!

Make a topic. And explain a little bit better. (Only because this may take a lot of posts to understand) Thankyou . Or you can pm me and I can explain.


Putting Comments and Friends in your div.
http://forum.myspace.com/index.cfm?fuseact...oupID=100636674

Also, if your using the myspace player. Then you may want to hide it so it isn't peeking through any of your divs and covering some important stuff.
http://www.createblog.com/forums/index.php?showtopic=122380
Both link doesn't work.


^
http://www.createblog.com/scripts/download.php?id=74
http://www.createblog.com/scripts/download.php?id=409


I'm having a problem viewing the link on how to add both your friends and your comments to your div layout.

Everything else I've needed I've been able to see and get to work, but I just can't get the friends/comments set up.

can anyone possibly give me the info that was in the original posted link on how to do this? (this is the one that doesn't work for me)

Any help is greatly appreciated. I'm going nuts over here. *lol*

Just use this to hide your profile and it will allow the comments/friends to show up:
http://www.createblog.com/scripts/download.php?id=347


so i just made a template in photoshop

http://i13.photobucket.com/albums/a289/Fle...plate1final.jpg
I just dont know where to even begin with my div code to make this work.

Start with the begining of the tutorial and you will get it.


>< i dont get it what are you supossed to do?? im reading all this stuff and im getting confused can someone help mee?? im stupid with all this ode and postinging and stuff...what does overflow and content mean??why do you need paint??? >< help me??? XD.gif XD.gif XD.gif

Make a topic because if theres a lot we need to explain to you then I suggest making one. Overflow:auto; adds a scrollbar to your div. Content as in <div class="content" is the name of the div. Content as PUT YOUR CONTENT HERE means put your text/information here. You need paint/photoshop/psp/gimp/gimpshop if you want to make a design. You can get examples of designs in your layout section. You can see some of the div layouts with designs there. If you just want plain tables basically just a whole plain thing then you don't need paint or any of the other programs listed.


THANK YOU SO MUCH! YOUR SUCH A BIG HELP!!!! i can make regular layouts but i just started making DIV lays ! <333 buuuuut the hiding the music player link isnt working... could u please update/fix it ? thanks much!

Updated.
 
freeflow
post Dec 31 2006, 12:30 AM
Post #7


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270



QUOTE(xBABYx @ Dec 30 2006, 8:35 PM) *
ok i did all the steps including the slice thingy for the links...but my question is were do i put the code for the layout with the working links?

Read the frst part of the tutorial. Take that code you would use for the image. Instead of <img src="urltoimage"> you put the slice code.


QUOTE(xBABYx @ Dec 30 2006, 9:57 PM) *
alright i did that and it still didnt work. do i have to do something to the slice code to fix the problem first

I was assuming you edited it already. Take all the images they give you and upload them. Then place them in the code where it says.


QUOTE(KrazyK76 @ Dec 31 2006, 12:48 PM) *
i STiLL DON'T GET THiS.iTS STiLL CONFUSiNG TO ME sad.gif

Post a topic and be a lot more specific of what you don't get. Also if you never made a regular default layout. I suggest you learn that first.


QUOTE(Joeyy @ Jan 1 2007, 8:53 PM) *
I am so sorry, but i am still extremely confused. wacko.gif
I have read and re-read over the tutorial and I don't understand how things work. Ive been told to give up on trying but I want to learn how to do it right. thumbsup.gif

http://img403.imageshack.us/img403/3868/untitledoz7.jpg
they are the links to the layout that i would like to use. If someone could please, please h elp me make it that would be greatly appreciated. biggrin.gif

Make a topic. To do that, the links, you have to go through image mapping/image slicing. If you search this forum maybe some of those will help you better. Programs you can use are imageready and cutemap. Their are others though.


QUOTE(Msz_Pebblesz @ Jan 17 2007, 3:33 PM) *
The tutorial is great! I was able to follow step by step, although i have a minor problem =] my image seems to be small for an image size of 1000 pixels by 2000 pixels[im planning on changing the size anyway]. someone told me it might be my resolution, but i dunno what resolution i have to have so my image comes out the size i want it to be.

What do you mean smaller? Thats a huge size sorta. If it doesn't fit full screen it means you have a bigger resolution than that. So you need to figure out your res. There are tutorials all over google depending on what type of computer you have (windows or mac). But remember if you make it bigger people w/ smaller resolutions can possibly get a scrollbar.


QUOTE(RoCk_FaRiE @ Jan 20 2007, 1:30 PM) *
i dont know what a DIV is! or FRIENDID! i dont know any of this stuff! i need help!

^ Then don't read the tutorial. mellow.gif Read the one that is for a default layout.

QUOTE(TAMB0URiNE x L0VE @ Jan 27 2007, 2:43 PM) *
I feel so stupid. lol. Idk why it's not working for me...

http://profile.myspace.com/index.cfm?fusea...9a-4327864e4270
it worked when I used it in the bbzspace div generator, but i wanna submit it on here

I suggest you post a topic , because there are many possible reasons why it may not work. Or you can pm me and I can probably help you out. :] It almost works looks like you just need to get text in the boxes and I can help you with that through pm or you can make the topic.



QUOTE(Saun @ Feb 23 2007, 3:28 PM) *
This has helped me soo much!!
Thank you!!
Thank you!!
Thank you!!

I have one question though... How can I change the bold so when something is bolded it isn't yellow?
:/


^ http://www.createblog.com/scripts/download.php?id=48

 
ewwitsdivine
post Apr 1 2007, 08:49 PM
Post #8


Newbie
*

Group: Member
Posts: 1
Joined: Mar 2007
Member No: 508,469



when i put one part of div content it goes fine and its no problem at all. then when i try to put another part of some content it goes weird and it disappears. i don`t know if it s in back of the BG. sometimes, it even tries to combine with the other content. how do i fix this?
 
freeflow
post Apr 1 2007, 09:03 PM
Post #9


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270



QUOTE(ewwitsdivine @ Apr 1 2007, 6:49 PM) *
when i put one part of div content it goes fine and its no problem at all. then when i try to put another part of some content it goes weird and it disappears. i don`t know if it s in back of the BG. sometimes, it even tries to combine with the other content. how do i fix this?

Post a topic , and then post your code in there please. _smile.gif
 
bcangelgurl09
post Apr 2 2007, 10:29 PM
Post #10


Newbie
*

Group: Member
Posts: 1
Joined: Dec 2006
Member No: 490,629



hi im so sorry to bother you cause i know that you prolly get this a lot but uhmz i ran across this layout and im not sure if it's a div or not but can u please tell me how this person created this layout??? i would really appreciate it o her profile is www.myspace.com/creole_chick thanku so much
 
freeflow
post Apr 3 2007, 04:16 AM
Post #11


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270



QUOTE(bcangelgurl09 @ Apr 2 2007, 8:29 PM) *
hi im so sorry to bother you cause i know that you prolly get this a lot but uhmz i ran across this layout and im not sure if it's a div or not but can u please tell me how this person created this layout??? i would really appreciate it o her profile is www.myspace.com/creole_chick thanku so much

No that is not a div. Take the last code here:
http://www.createblog.com/forums/index.php?showtopic=84325

 
*The Markster*
post Apr 10 2007, 01:15 PM
Post #12





Guest






This is pretty helpful. _smile.gif
I've also found, though, that adding a <noembed> tag at the bottommost part of the "I'd Like to Meet" section clears everything from friends to the credits.
 
papa steve
post Apr 21 2007, 08:32 PM
Post #13


Newbie
*

Group: Member
Posts: 1
Joined: Apr 2007
Member No: 518,814



I am using a template and I don't know how to make it show my friends and comments in the spot it is supposed to on the profile. Can I get some advising since I am so inept?
 
freeflow
post Apr 21 2007, 08:56 PM
Post #14


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270



^
QUOTE(This Confession @ Jul 15 2006, 3:28 PM) *
First:
Hiding your profile.
If you would like to have comments in your div. Please use this code.
http://www.createblog.com/forums/index.php?showtopic=148089

 
RCKstarh
post Apr 24 2007, 03:58 PM
Post #15


Onyi eff. babii
*****

Group: Member
Posts: 529
Joined: Aug 2005
Member No: 204,660



this code no longer works on myspace. this is how my code keeps coming up

<div class="bg" style="..; left:845px; top:598px; width:1024px; height:768px; overflow: hidden;">
<img src="">
</div>

do u c the ..; dats supposed to say position: absolute; but it keeps disapearing after i save my changes. i dont kno y that keeps happening. thats happening to every code dat has postition:

also no matter wut number i put in the left: top: it stays the same
 
freeflow
post Apr 24 2007, 09:03 PM
Post #16


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270



^ Read this thread , last few posts:
http://www.createblog.com/forums/index.php?showtopic=167283
 
kwynn
post Apr 30 2007, 06:03 PM
Post #17


Newbie
*

Group: Member
Posts: 1
Joined: Apr 2007
Member No: 520,561



okay.
i totally suck at this.
i have gotten as far as loading what i want as my background, and i am sure i did something wrong before this, but my image is up.
now how do i get the links (to home, my pics, my blog, etc.) on my page?
i understand how to rearrange them with the left:top, i just don't know what to do first to get them on the page.
thanks!

my myspace:

www.myspace.com/katherine_wheel
 
clarity
post Apr 30 2007, 06:25 PM
Post #18


vengeance.
*******

Group: Official Member
Posts: 3,058
Joined: Jul 2006
Member No: 437,024



Did you make a specific area for them on the image?
 
freeflow
post Apr 30 2007, 09:18 PM
Post #19


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270



QUOTE(kwynn @ Apr 30 2007, 4:03 PM) *
okay.
i totally suck at this.
i have gotten as far as loading what i want as my background, and i am sure i did something wrong before this, but my image is up.
now how do i get the links (to home, my pics, my blog, etc.) on my page?
i understand how to rearrange them with the left:top, i just don't know what to do first to get them on the page.
thanks!

my myspace:

www.myspace.com/katherine_wheel


To put them up there, if you didn't link them in an image you need to do it manually.
CODE
<a href="urlhere">TEXT</a>
 
dreo
post Jul 15 2007, 10:58 PM
Post #20


Member
**

Group: Member
Posts: 16
Joined: Jul 2007
Member No: 546,469



Yah I Guess! How u Do It?
 
YourSuperior
post Jul 15 2007, 10:59 PM
Post #21


;)
*******

Group: Staff Alumni
Posts: 9,573
Joined: Feb 2005
Member No: 99,124



You just design the image in a photo editing program, and you use divs to place the content in each spot where ever it needs to be.
 
dreo
post Jul 15 2007, 11:01 PM
Post #22


Member
**

Group: Member
Posts: 16
Joined: Jul 2007
Member No: 546,469



Yah thats hard Caz im not Even Good Yet With The Place Ment Of It!
 
YourSuperior
post Jul 15 2007, 11:01 PM
Post #23


;)
*******

Group: Staff Alumni
Posts: 9,573
Joined: Feb 2005
Member No: 99,124



Oh, so you DO know how to design a layout? Or do you need help with that also?
 
dreo
post Jul 15 2007, 11:02 PM
Post #24


Member
**

Group: Member
Posts: 16
Joined: Jul 2007
Member No: 546,469



Ummmm....... i Think i Kno! Idk
 
YourSuperior
post Jul 15 2007, 11:06 PM
Post #25


;)
*******

Group: Staff Alumni
Posts: 9,573
Joined: Feb 2005
Member No: 99,124



You use a design related program like Adobe Photoshop, Gimp or Corel Paint Shop Pro, or even Microsoft Paint to design the layout. Then you save it and you upload the file to an image hosting site like Image Shack, and you place the image url in this code:
CODE
<img src="IMAGE URL HERE">
Then you get your divs and you use as many divs as you want for however many places for content you have. Check the first page of this topic for more information. http://www.createblog.com/forums/index.php?showtopic=142922
 

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