-
Darkness
Author: Alexander Agnarson
Submitted: 20th November 2008
Views: 59,007
THE CODE
Copy the code & paste it in the “I’d Like to Meet: box“.
How do I replace the video with a pic/vid?
It’s about the first thing you see in the code.
Simply replace that code with whatever embed video or image code you want. Where can you get hold of videos? Many places. I suggest Vimeo.com for best video quality, but YouTube.com etc works as well. The video box is 377×306px. Make sure you are within the “img1″ div, when you add your new codes.
COMMENTS
Leave a Comment
Copy the code & paste it in the “I’d Like to Meet: box“.
How do I replace the video with a pic/vid?
It’s about the first thing you see in the code.
Simply replace that code with whatever embed video or image code you want. Where can you get hold of videos? Many places. I suggest Vimeo.com for best video quality, but YouTube.com etc works as well. The video box is 377×306px. Make sure you are within the “img1″ div, when you add your new codes.
7:39 pm
Ops, Fixed IE6/IE7 alignment bug. Forgot to test it. Get the new code.
8:51 pm
Awesome I love It!
Hopefully u will be making layouts for the update 2.0
But i love it! definitely.. I was waiting for something like this… A+ =]
9:35 pm
Thanks. I’ll look into the 2.0 code in a while. Too busy and too lazy to do it at the moment ;)
12:04 am
I figured out most of the coding on 2.0. Just can’t understand divs. If I could I’d be able to make your layouts work on 2.0.
12:06 am
Oh by the way, this is awesome. Make a red/black version, lol. I haven’[t seen a nice one like this in my favorite colors yet. When I do, I’ll fiddle with the divs and make them work on Profile 2.0, and share with you how I did it, so you can make more 2.0 styles. I created a div layout for my own page, but I can’t code for the life of me, when it comes to divs. And this is a badass layout.
You should make a built in thing on your site that will allow users to upload their PSDs into the site, and then it spits back out a code so you can use it as a layout. This way it’d be easy. Unless you know some links I can visit that will show me how to make Dreamweaver code divs for me… it confuses me.
2:24 pm
great layout. :p
but how can i change the background image? i mean the background of the ‘about me section’, ‘friends section’, ‘interests section’ and so on.
4:14 pm
table table table {margin:0px; background-color:1e1b13; width: 100% !important; background-repeat: repeat-x; background-position: top right; background-image: url(http://i38.tinypic.com/30vcihg.jpg); }That is the code you will have to find. And then replace the tinypic url with your image :)
5:14 pm
Thank you very much. =)
5:23 pm
great layout! can the word ‘darkness’ be changed to whatever we like and will it show up in that text everywhere?
later.
5:51 pm
Unfortunately no, I cannot use that as default font for the title, because 99% of the people viewing it don’t have that font in their font library – and will therefore not see it. I’m limited to use Arial, Verdana, Georgia, Times New Roman.
However, you can do as I did with the Darkness text. Turn it into a static image in photoshop and place it with position absolute. I already have a class for that in the code. Look for the .gfxlogo class.
The font used can be downloaded here: http://www.dafont.com/base-02.font
12:20 am
This is an awesome design and I really wanna use it on my bands profile. But its impossible to apply it! After I apply it the whole “tophead” thingy overlays the “confirm design”-button! Any ideas on what to do?
1:45 am
thanks. i can just make an image in photoshop, upload it to tinypic, and replace .gfxlogo class with the image code?
is replacing the video/picture the same way? just replace that code that begins with: <param name=”allowfullscreen” with the image code?
later.
2:56 am
@Znorgatron,
Did you use Safe Mode to apply the code? On a band profile to apply anything out of the norm, for a layout, you have to use Safe Mode, otherwise it’ll mess up.
4:23 pm
@Rudy Cross
You are a legend. Cant believe I didnt know that!
Well now I do and I can finally use this awesome design :-)
5:16 pm
@Znorgatron,
You’re welcome dude.
6:14 pm
Once again, Amazing! .. any shot of making it work for 2.0?? or at least put only the header? :o .
7:12 pm
Hey, Love your designs, let me ask you a question. Is it possible to take this design and screw around with the images, background, etc. Like make it to my personal taste. I’ll leave your design tag with the link, as well as saying that your were the inspiration and made the code
10:14 pm
ALX has stated before that when he has the time he’ll study the 2.0 code. So I’m gonna assume he’ll update the layouts he has after he’s finished learning the 2.0 coding, and make them work for 2.0 aswell. Since it’s requested.
11:33 pm
@ Arce
You are free to mess around with my stuff as much as you want. Maybe you could just put something like “Layout base by designmyspace.org” somewhere on your myspace, if you want.
Anyway, show me when you are done, it is always fun to see new design styles ;)
@Mark
Yea, I’ll see what I can do with 2.0. Just a bit busy at the moment, and probably all the way until xmas.
3:14 am
I nedd ur help.. I dont want to make a “Myspace Title” i want the “DARKNESS” imagee to show in my profile… how can i do that.. I see the code but I have no idea wut to change…
10:30 am
Find this:
Replace with:
12:01 am
hey! i love your layouts! i was wondering is there anyway you could link me a code to have the about me and middle section all just plain white? without the boxes?
12:05 am
or still with the brown but without boxes? basically removing the boxes just a clean plain layout..?
2:32 am
Hello,
Thanks for design
I have a problem for alignment. the blocks (table) are too large .
I don’t understand
Look http://www.myspace.com/timoontouch
Thanks for answer.
2:41 am
It’s good it was cause by video in comments, all is good now.
4:29 pm
is replacing the video/picture the same way? just replace that code that begins with: <param name=”allowfullscreen” with the image code?
4:34 pm
Yea bill, just replace the video code with a normal
@Timoon, glad you solved the problem. Please keep the credit link to designmyspace. I’d really appreciate if you added it again, it’s a small price to pay (;
6:39 pm
Amazing!!!!!!
12:05 am
Hey dude, thanks for the go-go.. If you want to see what I’ve done so far head over here: http://www.myspace.com/iamchunkeh
Still working on it though, but you get the concept..
Question those add and message button you wouldn’t have a copy of that but in a transparent version would you?
3:47 am
I was wondering… how come you put the lines under the links on the friends box? It doesn’t look right with lines on those links. How do you remove those links JUST on the View All Friends links ect?
12:08 am
Is there any way to get the line spacing between the blog entries smaller? At the moment the blog section takes up so much room, would be nice to make it more compact!
6:26 am
To be honest man, you need to stop making these layouts and giving them out for free. You have some great designs; make some money with your talent!
5:51 pm
NOTE {PUT YOUR OWN LOGO IMAGE HERE}
.gfxlogo {
background-image: url(http://i36.tinypic.com/op4kg7.jpg);
^What part of that above is the .gfxlogo class? I’m new to all this code stuff.
Later.
7:51 pm
.class { }The code is always withing those two signs, it ends with }
3:47 am
I am trying to change the top ADD and MESSAGE things at the top right to the links required but nothing happens when i edit and save them it reverts back to the default Yourfriendcodehere thing am i supposed to put the whole url or just the friend id plz Help
6:54 am
Dan, put the whole links starting with http:// etc.
11:09 pm
I love the layout! I’m trying to apply it to my band’s myspace but I don’t want the big banner at the top where the video and stuff is. How do you just take the whole top space out????? I really wanna use this layout.
11:29 pm
dude, i got no questions, i just wanna say that its good that you communicate with your layout users, thankz ~rob
10:40 am
Amazing!!!!!!!!!!!!!!!! Thanks for posting!!!!!!!!
10:50 am
@shawn
I added a non-header code to the main post, check it out :)
9:16 pm
Great job. Ive been trying to learn css and html for months, but great job!!!!
7:12 pm
i love the layout. i have a question concerning the header. is there a way in which the header is the only part showing?
so the rest of the myspace is hidden – but that the header with the video, the ads at the top of a normal layout, are the only options to read.
thanks
great job !
3:16 pm
HEY BROTHA I WAS HAVING TROUBLE WITH THE VIDEO AN THE PICTURE OPTIONS HOW EXACTLY DO U CANGE ONE FROM ANOTHER? AND IS THERE A WAY TO GET THIS LAYOUT IN BLACK? EMAIL ME BACK PLEASE THANK!!
6:46 pm
Is there a way to span a picture across the entire header to replace the text and video?
I want to keep the upper most title
8:59 am
Absolutely AMAZING!! FINALLY a professional looking profile that I’ve been searching for for YEARS! Very user friendly as well.
THANK YOU THANK YOU!!
9:16 pm
Will it say darkness when i use the code? by the time you answer i’ll prolly know the answer cus i’m so anxious to use the profile.
10:53 pm
It won’t say darkness, Brawsten ;)
11:52 pm
here’s what i have done while waiting for a profile 2.0 version: http://myspace.com/vooood
1:59 am
I’ve read through the comments and I somewhat understand about the “Darkness” graphic. I have successfully created one that I want in photoshop, but I’m not sure of exactly what code to put where.I know that I have to host it, but just not sure of the proper code and location. I have an ideal, but can’t quite get it to work. Thanks
2:13 pm
Nevermind, I figured it out. Being sick and up way too late took its toll on me. Great design!
4:20 pm
Thanks, I’m glad it worked out for you!
6:05 am
hi, thanks a lot for your post!!
Great design and easy to follow.
Tried to change the logo, the video, all turns great (though it took me 1 whole day to learn about it)
Agree with mob-rob, your communication with users help me a lot.
Thanks again!! http://www.myspace.com/propheseesong
10:48 am
@delight
Great job on the changes!
…and yea it takes a lot of time in the beginning.
We will see for how long I’ll manage to keep this kind of comment-support. It takes quite some time for me and it gets harder as the site gets more known. But I’ll try as long as possible, and work on a good help area so users can troubleshoot by themselves.
4:43 am
Ok, I apoloize. I am trying to use this layout, but for the life of me cannot figure out where to edit the about me/bio part.
Thanks!
Julia
5:39 am
Later you have to make FAQ page ;)
be blessed!
11:29 am
@Julia
Do you mean the text in the header? Find this in the code you copy and paste:
Just change that text to whatever you want :)
9:16 pm
Heres what iv done with this one so far,i still have more to do but ive started.
9:19 pm
BTW i left your link for credit as well,
11:23 pm
I love your layouts, been coming here for about a 3 months now or so, and every layout is just as amazing as the next!
I grabbed the code without the header, because I wanted to make my own very simple header, but when ever I put my image up there it goes to grayscale because of another code which makes al my images grayscale, if you know anyway I can keep all my other pics grayscale except for my header can you tell me?
If you could help me, it would be greatly appreciated, but of course you don’t have too, thanks!
10:38 pm
@Vince
Cool, nice job! Thanks for linking back to the website.
@TystDarl
Thanks! Could you give me the link to your myspace so I can check the sourcecode?
7:38 pm
Sorry, I figured it out myself, just now actually, but thank you anyways, I appreciate it! =)
2:23 pm
HI Alexander…No I don’t mean the header, I mean the body part down the middle right. Where your bio usually is…or are you not able to type anything there?? I have the header part taken care of, just need to put in the bio! Thanks so much, hope you can help me
Julia
2:56 pm
Oh got it, sorry…I didn’t realize I just had to put the text on top of everything..love your site!! Keep em coming!!
Julia
7:25 pm
Just a quick tip. If you decide to use Youtube for your video and want it to autoplay like it does from vimeo, you need to add &autoplay=1 at the end of your youtube url. For example:
http://www.youtube.com/v/XxUm1hzYWCA&hl=en&fs=1 would become
http://www.youtube.com/v/XxUm1hzYWCA&hl=en&fs=1&autoplay=1
Of course leave the sizing code at 306×377. Just a quick tip that I thought would help out.
Keep up the great work. I love the designs.
12:48 am
This is by far the most fantastic layout, I’ve ever come across in my entire life. I do request that you add a more plan looking layout, with the option of adding a video. This layout is marvelous, but too “dark” for me. 10/10, regardless.
4:20 am
Hiya,
I’m just curious how to edit the about section, not content 3, but the actual about section. I have a music myspace.
BTW – Great Layout !
4:26 am
You know what, Julia answered my question. I really appreciate it when someone that figures the problem out and posts what they did to fix it. That’s rare and I guess I jumped the gun when I saw your answer to her question.
In other words, people if you have a problem and you fix it yourself, please don’t post.. “Oh I got it on my own – Thanks”… Be nice to others and state what you did to fix the problem… Saves people the trouble and time!
PS. Alex I sent you private message via Myspace.
7:42 pm
I’m using a music myspace and there is a pretty good sized gap between the music styles and the profile pic in the first box top left. Anyway to reduce that so it’s closer together. I can’t find where it might be in the code. THX. Your shiz is awesome!
10:06 pm
Hey guys, the comments table shows in the center. How can I align the comments table to the rigth?
8:52 am
How would you remove everything under, and just keep this top portion of it? I tried hiding everything codes, but still leaves some stuff on the bottom. I want to use this top part only, kind of like a DIV?
-Mike
1:36 pm
@mike,
I have an idea how to get rid of the parts it still leaves under there… but I can’t guarantee it’ll work. I’ll get back to you on it once I’ve tried it. That is if I do. I don’t know if I’ll be able to make time for it.
4:49 pm
mike:
http://designmyspace.org/help/hide-everything/
8:15 pm
@Alexander Agnarson,
He stated that he’s tried that but it does leave parts at the bottom. It doesn’t remove everything below the top header. The images from the tables in the base code are still there. Of course probably removing those images might help, but I don’t know, I’m working on that myself. Once I have a fix for it, I’ll post it, to help out. I’ve tried the hide everything codes too, and it doesn’t hide ‘everything’ below the header like it should.
10:56 pm
http://www.myspace.com/alxdevelopment
Tested with the code, it seem to hide everything (;
11:24 pm
Here is a screenshot of what I see… The only difference is the table images.
http://i41.tinypic.com/2d7veah.png
9:18 pm
Hey the layout is awesome! Unfortunately i have a question tho haha. In the top section between where you wrote whats up and the myspace add banner, how can i get more room? I have two paragraphs in that section but the bottom one gets cut off. here’s a link so you can see it incase i’m not making sense. http://www.myspace.com/awesomerod
1:52 am
this is an awesome layout, would you be able to make it in black and mabye be able to put up our band name really big at the top in the creepy girl text?
12:03 pm
http://www.myspace.com/lemmarmusic nice disign!
4:19 am
the codes no longer work.. why is that?
2:32 am
I realize you have just gotten most of these sites back up and running after the mytinypic fiasco. I appreciate that. There are still 3 pics missing from this layout. They were originally named:
http://i36.tinypic.com/op4kg7.jpg
http://i35.tinypic.com/2dtxeo0.jpg
http://i37.tinypic.com/5d56cl.jpg
I really like this layout and look forward to getting it back up and running soon.
– Brian
5:18 am
Well i’ve come to a problem… When i added the two links for the Add Friend and Message, the two Functions in the Contact Table worked but they don’t work at the top right corner of the Profile Page.. what am I doing wrong?
6:44 am
How have you been adding the link?
Have you been clicking on the links then copying them in the top URL? Or…
Have you been going to your contact table, and right clicking then clicking “Copy Link Location”?
11:11 pm
I love the layout. Thank you. Quick question:
Is there a way to make the words “Darkness” and “What’s up?” bigger?
10:57 pm
Please get the images back up!!! Your layouts are AWESOME!
9:59 pm
Images are not working, Please incluse the images so that we may upload them ourselves or fix the links. Thanks.
12:42 pm
Working on my end. They went down a few weeks ago and the links were updated.
10:45 pm
I am so sad. I really want to use this layout, it’s great! When I paste the code on ‘About Me’ and click ‘Save profile’. It appears everything grey as the primordial visual of myspace. What is worng.
Thank you
12:21 am
hey i’mtrying to use the (link 1, Link 2) option but i need to hide the address and have just a single word, (hyper link style) i’ve worked out most of it but just puts the myspace thing in front of the actuall address i’m trying to link, thus making it an invalid address..
if you hhave to code would appreciate it..
love your work..
cheers
2:36 am
does this layout work yet? it wont say tiny pic everywhere if i use it again?
6:46 am
was wondering if there is a way to get rid of the background images for all of the “about me” and those type of sections so that just my images i have placed on the page are there on top of the main background. I went to school for this stuff but i grad in 2002 and really haven’t messed with coding since!!! That was money well spent huh!!! Mom would be proud, ha…….. any advice would be great!
6:47 am
but as you can see from my page, my business is killing it! much more than i would have if i stayed with my college….. it just wasnt for me!
9:23 pm
hey how can i replace the words in the what’s up? section
12:24 am
Thanks for providing this free service, it’s nice to get professional results for no cost. Keep up the awesome work.
GBY,
TPA
3:36 am
don’t know what I’m doing wrong but when I paste the code into my Bio the Blue MySpace banner etc appears about half way down the page.
8:50 pm
I seen my question above but it never got anwsered, I want to Just have a large image at the top below the add/message and above the myspace banner bar, and centered, somewhat of a large image, (for a band logo). I have tried and tried but no luck, it is always on the right side of the screen and appears to get cuttoff. Please help
8:51 pm
in other words…..
Is there a way to span a picture across the entire header to replace the text and video?
I want to keep the upper most title
7:54 am
I want to change the size of the title on the top of the page. How do I do this?
7:55 am
By that i mean the font size.
1:40 pm
Hey BEN thats kinda easy just scroll down in the code untill you find “mytitle” you will see the settings for it and and you can change it there next to font-size…
10:32 pm
Thanks Jason, but I still can’t work it out, I’ve found “mytitle” and I’ve entered my own text but I don’t see anything that relates to the size, like numbers for instance. I’m sure i’m bein well stupid here but could you explain exactly where.
Also on the strip where you enter info, i wanna put new paragraphs but it wont. What piece of code should I enter so that the text will start on a new line?
Lastly, how do I get the link tabs on the top of the page to link to what I want?
I’ve left the new page address so if you dont know what i mean, havin a look might help you understand what im on about.
Cheers fella.
10:55 pm
Ben, find this inside the code:
.tophead .mytitle { font-family: Arial, Helvetica, sans-serif; font-size: 28px; font-style: normal; font-weight: bold; text-transform: normal; letter-spacing: -1px; line-height: 1.2em; color: fba500; position: absolute; left: 151px; top: 104px; width: 785px;}Then just change the text-related codes to whatever you want.
As for the parapraphs, just paste this code where you want it to break:
As for the links…well, all links on the page are like:
Simply change the text within the href tag to whatever you want, example:
11:40 pm
Infact, what i’d like to do if possible is drop my own logo up there as a png or a gif or something. I assume I can do this?
11:41 pm
sorry, just realiseed you’ve answered my previous question. Dont mean to piss you about.
12:24 am
Is there anyway to add an extra line of text below the music vid/pic. It gets cut off.
1:52 am
For those having problems fitting pic/vid description in the div space. UseVideo / Photo Description Here</marquee
Add marquee
1:52 am
txt
5:40 am
Also I’d like to state. What Alex does is called pro-bono. Yes, he could sell it. But stop telling him to sell it. He will when he builds the name. Lawyers will work some jobs for free to build a name. Alex is more than likely on the right track. When it’s time for a merchant account you will see one. And he will have clients willing to purchase.
12:59 am
I agree with that. I will definitely be sure to always keep my eye out for it too. Cause I definitely wanna buy some designs. His skills are superb. I only hope to be as good as him, at this one day. I’m an aspiring artist myself. I am trying to learn from other artists. It’s not really work for true artists. It’s a passion, a completion, a fun exciting experiment of reletiveness for your mind and soul.
3:14 pm
how do i change the yellow heading??? into some other color? help me.which code i have to replace
3:14 pm
what if i want to keep the top banner yet hide the actual profile beneath
10:59 am
hi, i see you said that there is a non header code in the main post but i cant find it, where exactly is this main post?
10:35 am
lovin this layout!! but i would like to edit the “about me” section, and cant find it in the code……….can anyone help??
7:40 am
How can I replace the video for an image saved on my computer?
5:31 am
How i blend out id like to meet ?
8:26 am
Hi,
i have a problem.
NO ONE CAN READ MY DETAILS, SCHOOL, INTEREST, NETWORK, etc — It is to small !!!!
Check out my screenshot : http://storage.imageloop.com/content/99186324-935f-10c6-87a1-12313b00d131/ORIGINAL
Can i use a videoplaylist player and not the VIMEO ???
Thank you so much for your support. I love your designs ! Thats so cool !!!!
Iam sorry about my english.
Yours, Mario
1:01 pm
If you need any help with design or pormotion let me know! Im trying to finish my page as well… I can’t ever seem to design for myself… just everyone else… If you have any ideas feel free to share.. Thanks
6:18 pm
Hi Shaun,
you would like to help for create an DESIGN ? :)
Oh woow… that cool.. i need help a few projects :)
I hope so you have enough time…. please feel free
and send me an email – at >> mario.de_tv@yahoo.com
Thank you soo much… thanks !
Yours, Mario
P.S. iam sorry about my english :)
6:33 pm
.. by the way Shoun… your myspace profile… The ADD ME button is not the add me feature, thsi is under SEND MESSAGE …
6:36 pm
The code is not working on Myspace Music accounts. Even after uploading in Safe mode. The text in the “Memeber” “Website URL” “Sounds Like” and basically every section on the left side of a artist account is super tiny. So small you cannot read the text! Is there a code that we can change the size for theses sections? As the text is fine everywhere else on the site. Just the headings and info for all the box’s on the left side of the webpage.
8:56 pm
HOW DO I FIX THE TEXT FONT ON YOUR LAYOUT. THE PREIVEW OF THIS LAYOUT HAS A FONT SETTING AND IT DOESNT APPEAR ON MY PAGE.
5:23 am
Still stuck with miniture text on left side of artist account. Anyone know where the code is t make this bigger? It is happening only with the title and affecting inside the Box of:
Influences:
Sounds Like:
Website:
Record Label:
Label Type:
I can make what is in the box bigger by using code. But the titles are stuck really small. I cannot find the size in all this code for these headings.
Thanks for any help at all. The site rocks other then this small problem.
9:47 am
Hi, i have ni musican account, only a normal user account with PROFILE VERSIOn 1.
And hope anyone can help to read the TABLE BOXES on the Left side, the text is to small. THANK, Mario
10:21 am
P.S.: I need the HEADER LARGER for more FILES (Pictures, Flash banner..)
6:57 pm
No matter what I do I cant get a youtube video to replace the existing… Can someone explain this to a newbie coder?
11:30 am
I can’t replace the existing video with a youtube one! please help!!
9:42 am
I’ve worked it out. Thanks for the great layouts!!
4:27 am
Hello and thank you for coming up with this layout; I am not very good at HTML coding but I’ve narrowed my only remaining problem to one factor that may not be fixable: on the profile’s Top Friends, the text below our Online Friends is fine but the little “signal” image is distorted. Any way of changing it to normal? The URL for this page is http://www.myspace.com/harlottofficial
9:46 pm
Hi justin..
I don’t see at all ur “Top friends” section down so I can’t help sorry..
I see on ur profil that in the “About Harlott” section, you could place some text and pictures..how did you do that.?? when I try to put some text there after the code in “Bio” or some links to some pictures, everything appear in the top page!!
Please can you help me? thanks
8:03 pm
Hi i used your layout, i made a film for in that place but he is alligned left, i want it alligned in the middle, i did this but he is still alligned left
Wat I must do ?
1:14 am
how do i upload my image in there… i keep trying and no luck…dont want the video
5:33 pm
I also want to put an image where the video was. I got rid of the video, but I don’t know how to get the picture in there. Any help would be appreciated by this noob!!
5:35 pm
Also I would like to add a banner picture across the top. Can anyone help with that as well?
8:32 pm
hi, great layout!!! looking forward to using…. I cant seem to change the video to another image or video where am i going wrong? I have deleted this
then replaced with this http://www.54london.com/54music/media/images/artist/25_full.jpg but it dont show, could you please explain the error of my ways? thanks
8:36 pm
aaahh yes i sussed it no worries!!!!
10:06 pm
Hi!!
First i would like to say that that design is just beautiful!!
second of all..i’ve a question..
at the contacting, general info,Latest Blog Entry and About boxes there is a line that seperat the title from the contect of those table, those line are at the left side of the box, not at the center, and its like kind of weird..Whice css line control that?
Thanks Alot!!
3:44 am
how do i take the music off???
2:42 am
is there a way i can keep this part but just delete everything inder the profile?please i wanna impress the friends :D thanks
11:16 pm
SUCKS. why? Because 2.0 templates aren’t supported. these themes actually encourage the bad, bad, bad 1.0 template. which is a really bad case.
2:19 am
ok i have 2 things to say, one is i changed da embeded code for the video and i still have the original video y is that…..second is im not sure how to change the title on the layout and it would be nice if i was helped with it..