Div Profile Help |
  |
 Jan 21 2007, 01:48 PM
Post
#1
|
|
 Senior Member  Group: Member Posts: 40 Joined: Jan 2007 Member No: 497,172  |
Im confused in making one. I know that you make a picture in photoshop and put it in codes which i saw in other topics, but im confued in the links such as comments, photots, navigation buttons, and so on. And also how do you put a comment box and how do you put a custom flash music player?
|
|
|
|
|
Jan 21 2007, 01:49 PM
Post
#2
|
|
|
t-t-t-toyaaa Group: Official Member Posts: 19,821 Joined: Apr 2004 Member No: 11,270 |
Every single questioned you asked in answered here: http://www.createblog.com/forums/index.php?showtopic=142922
|
|
|
|
|
Jan 21 2007, 04:57 PM
Post
#3
|
|
|
Senior Member Group: Member Posts: 40 Joined: Jan 2007 Member No: 497,172 |
Still not getting it especially the content codes.
|
|
|
|
|
Jan 21 2007, 05:34 PM
Post
#4
|
|
 vengeance. Group: Official Member Posts: 3,058 Joined: Jul 2006 Member No: 437,024 |
I actually think this was explained very well...
about content: QUOTE(Caitlinnn @ Jul 19 2006, 11:05 PM)  This is a great tutorial!  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.  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? ^ in reply to that: QUOTE(defrag @ Jul 20 2006, 12:22 AM) 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 ^In reply to that: QUOTE(Caitlinnn @ Jul 20 2006, 12:36 AM) I dont have a z-index in my code at the moment. Where do I put the z-index in my code? ^In reply to that: QUOTE(defrag @ Jul 20 2006, 12:38 AM) <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> also a reply to Caitlin's last post: QUOTE(toyo loco @ Jul 20 2006, 1:01 AM) If your using this: CODE <div class="bg" style="position: absolute; left:0px; top:0px; width:000px; height:000px; overflow: hidden;"> Add it after the ; before the " . Example: QUOTE <div class="bg" style="position: absolute; left:0px; top:0px; width:000px; height:000px; overflow: hidden;z-index:0;"> For custom comment boxes, do you mean how to make a custom one, or place it on the layout? For the links, make sure in photoshop you make a box area for it, or you can image map. |
|
|
|
|
Jan 21 2007, 07:21 PM
Post
#5
|
|
|
Senior Member Group: Member Posts: 40 Joined: Jan 2007 Member No: 497,172 |
im at noob at this, so i still dont understand how to put a link for my photos, navi. buttons, comments, and etc. and i dont know how to put scroll boxes. If you want to put text, for example in about me, do you put the text as a new layer.
And also, what is content!?!?!?!?!?!?! |
|
|
|
|
Jan 21 2007, 07:51 PM
Post
#6
|
|
|
vengeance. Group: Official Member Posts: 3,058 Joined: Jul 2006 Member No: 437,024 |
|
|
|
|
|
Jan 22 2007, 07:24 PM
Post
#7
|
|
|
Senior Member Group: Member Posts: 40 Joined: Jan 2007 Member No: 497,172 |
Havent done it yet.
|
|
|
|
|
Jan 23 2007, 12:14 AM
Post
#8
|
|
|
t-t-t-toyaaa Group: Official Member Posts: 19,821 Joined: Apr 2004 Member No: 11,270 |
QUOTE(Rudolphski @ Jan 21 2007, 4:21 PM) im at noob at this, so i still dont understand how to put a link for my photos, navi. buttons, comments, and etc. and i dont know how to put scroll boxes. If you want to put text, for example in about me, do you put the text as a new layer. And also, what is content!?!?!?!?!?!?! First are you talking about links on the image already? or links you want to just type in? If you want links on the image you type it in photoshop. Then you either image map or image slice with imageready. If you mean just type it in use this code: CODE <div class="content" style="position: absolute; left:0px; top:0px; width:000px; height:000px; overflow: hidden;"> LINKS GO HERE </div> class="content" , is the name of the div. So basically however many times you use this code you change the word "content" to something else. Like your first one can say class="content" the second one can be class="content2" or whatever. Position: absolute: Never change this. You don't need to on myspace. left: This is the position of the of the div. When you are positioning text such as your about me into the boxes, you put a number in such as 100. Then you make it higher to go more to the right and lower to go more to the left. Top: is another part of positioning the div. When you are positioning text you put a number starting at 150 . Then you make the number lower to go higher up and higher to go down. Width: Self explanitory: The width of the div. Height: S.E. Put the height of the div. If you don't know width and height just make a guess. Now if you want a scrollbox you would add overflow: auto; to that code before the "> Now where I put Links go here, that doesn't mean you put only links there. You put whatever you want in that div. That can be about you, info, etc. ------------------------------- For scrollboxes you use the same code I gave you above except add overflow: auto; before the "> . That will make the div become a scrollbox. ------------------------------- For about me info. Take the same code as above. Follow the same thing I posted above, except instead of links put the information about you. Get it a little? |
|
|
|
|
Jan 27 2007, 04:01 PM
Post
#9
|
|
|
Senior Member Group: Member Posts: 40 Joined: Jan 2007 Member No: 497,172 |
Now that I saw a code for a div, i kind of get it now, but saw I want to put my picture on the profile and have it linked to got to see the rest of my pictures. How dow I do that? I still dont get how to put links for buttons.
|
|
|
|
|
Jan 27 2007, 06:22 PM
Post
#10
|
|
|
t-t-t-toyaaa Group: Official Member Posts: 19,821 Joined: Apr 2004 Member No: 11,270 |
Can you elaborate what you mean by "links for buttons" I get your point a little but there are many ways to do that . So possibly say exactly what you want to accomplish.
Secondly,for the pictures you should right click on your view more pictures link (either on your profile or after you click home). Go to properties and then copy the url. Paste it in this code: CODE <a href="URLGOESHERE"><img src="Picurl"></a> Then where it says pic url , upload a picture of yourself and put the url there. Then put the edited code into a div. |
|
|
|
|
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: