SHORT VERSION.

I do not design profiles. I only code them. If you know exactly what you want but are not a coder, I've got your back. I can spit out code to do anything HTML and CSS are capable of, which is more than most people think. I follow design standards. My work adapts to differing environments and fails gracefully in older browsers. I am not an expert in many things, but I am an expert in this.

I charge 1 mil for pet and user pages and will consult on CustomCSS and minor fixes at a negotiable price. I will take up to five jobs at once; payment on delivery only.

LONG VERSION.

As I've said above, for various reasons, I do not design. If you're just looking for something nonspecifically impressive, there are plenty of other coders out there who will be happy to help you. Because they do the design work I am unwilling to take on, I charge less than they do.

If you can produce a mockup--in Paint or Photoshop or what have you--of what you want your page to look like, and a coherent explanation of whatever dynamic behavior you might like, we are in business! You are my favorite kind of person to work for and I will get to your page as quickly as I can.

Regardless of whether you can go to those lengths, I do require at least:

• an explanation of the layout and content;
• an explanation of any dynamic behavior;
• a color palette;
• and whatever graphics you wish to use (which I will edit as necessary, but not create from scratch, and which I do hope you have permission for). Please do not send me Photobucket links! Try imgur, or picpar for very large images. The more detailed and specific you can be, the more quickly I can help you.

I will revise as requested, within reason, and will provide support for any code I have written, however long ago. Please do not hesitate to contact me for any changes whatever! It's important to me to make sure that all the work out there with my name on it is clean, polished, and error-free. I do not accept bribery (except in the form of very accurate specifications).

Regarding references: I will put up a gallery... eventually. Meanwhile, if you would like to see CSS I have written, feel free to look through the code in this thread, or take a look at my current set of CustomCSS here. It's very fancy. (Bear in mind that this is personal use and as such is not designed for other people's browsers, layouts, or sidebar preferences. I will answer questions if asked.)

Regarding dynamic behavior: Faux multipages. Clickable tabbed browsing. Drop-down menus. Hover sections. Sliding infoboxes. Angled scrolling. Custom scrollbars. All-in-one art thumbnails. All, and more, are within my grasp. If you're not sure whether something is possible, ask. (Just remember: however lovely the window dressing, the window itself ought be visible. But I do love a challenge.)

I will endorse Foghawk as a magic wizard type person when it comes to code (and many other topics in the universe). Every time I have an issue with css, I want to run and hide behind Foghawk's internet coattails.

You had replied to my topic on needing coding, and, to make sure I'm understanding correctly, you can't make my layout into one that has sliding tabs? Even if you can't do sliding tabs, I'm interested in you coding it.

I can reconstruct your old layout, or I can retool it into a sliding-tab layout using the same graphics (or any others you'd care to provide). What I can't do is make you an entirely new layout complete with art and graphics from scratch.

How are you able to turn a non-sliding tab layout into a sliding tab layout if you're unable to create new graphics? Well anyways, will it still be 1mill to make it into a sliding tab layout?

Editing is fine; it's just that I'm not an artist. And yes.

I see. Alright, I'll send you the graphics so you can get started. Should I also tell you what all I want in the sliding tabs/how many I want/where I want them?

Excellent! And yes, please.

I would love you to code a profile that I created for my pet Shaelo. The layout can be found [url=http://tinypic.com/m/fxq7i8/4]HERE[/URL]. Essentially, what I would like is for my pet's minion and her friends (there's only one other pet that I own, hence no need for a scroll bar) to be able to go as per the labelled boxes. I'd like scroll bars for the bottom two boxes - the one on the left is her treasures and the one on the right I'd like to be able to edit with the storyline. The actual scroll bars would be located where the dotted lines are to the right of each box. The blank space above I'd like to be able to, if possible, fit her normal pet picture, pet spotlight and statistics as they would normally appear on an unformatted (normal) profile. If possible I'd like to leave off the bits about books read, foods eaten, the job she has and weapons enabling/disabling.

I hope this isn't too much of a task, and if anything is impossible to do (like the last bit with her normal pic etc) you can either ping me here or comment/smail me and hopefully we can work something out. I also hope I've given you enough detail to work with. :)

It would be a pleasure! If you'll send me the graphics you're using and let me know the name of the font in the box headers, I'll go ahead and get started. I apologize for the late response; I've only just fixed a busted computer and haven't been on this week 'til now.

the link to the pic of the profile I made was in my previous post in the first line. The font I used is called AR BLANCA. If you're referring to some other type of graphics, let me know here or feel free to comment me. Sorry about the busted computer; is good to see you back up and running again :D

, here's your code.

Thanks . I've saved the new images and will upload to tinypic and change the links in the coding. I wasn't sure how the rest of it was going to work with a different background and pic of the sorceress until I looked at the coding and saw that you had somehow done the headings for the boxes and stuff too....It looks like it was a lot of work and is definitely worth a small bonus to you ;) Set up a trade and comment me with it and I'll pay you for the lovely work you did :D

Hey, if you think it's possible, I'd love to have a music player in my profile but I'm not very sure if there's any way around doing that in user profiles d: If you want to try, I'd like just a simple play/pause button and this song in it.

Yes... sort of. It's complicated. I've mailed you the details.

I would greatly appreciate your help with a profile idea I have :) Like you've requested, I have everything all mapped out the way I want it, all I need is to have it coded and fixed up. THIS is what I've whipped up for what it should look like as a whole. THIS is the background. THIS and THIS are the logos along the top. THIS is the overlay.

EDIT I made another preview image for what it should look like with the transparency and the hovers not activated ---> THIS

Now, I'm not sure if this will work with the tabbed section, but, I would like all of the boxes in black to be invisible unless you hover over them. If this will not work for the tabbed section, it can remain visible. The font doesn't have to be exactly like what I've got on there, but I'd like something similar. The section below him about his gender, species, owner etc. doesn't need to be in that exact format, in fact I'd prefer it to have the little male symbol and of course my name to be a user-link. The default way it's done, basically, just with a color that will be visible on the background. I will need to fill in each tab myself later, so comments in the code indicating where each editable piece is would be super helpful ^^;

This is my first time purchasing a profile so if I've missed something I need to tell you, I'm very sorry >< Just ping me or sMail me and I'll be glad to clarify anything. THANK YOU IN ADVANCE!

I'm in need of a coder who can do a menu and tabs! My friend designed the actual layout for me, so the profile just needs coding.

Here is the layout!

, your code.

SPOILER (click to toggle)

<style> , , , -bubble-wrapper, , , , , h1, , , h2 { display: none; }

body { font-family: 'Times New Roman', Times, serif; font-style: italic; font-weight: bold; background: url(http://i49.tinypic.com/348k6yg.png) top center; } , { margin: 0; padding: 0; width: 100%; background: transparent; } { height: auto !important; margin-top: 370px; } { position: relative; width: 500px; min-width: 0; margin: auto; } a { font-family: 'Times New Roman', Times, serif !important; }

{ position: absolute; top: -175px; left: -110px; } :first-child { position: relative; left: 35px; }

, .pet_spotlight, , { opacity: 0; -webkit-transition: opacity .7s; -moz-transition: opacity .7s; -o-transition: opacity .7s; transition: opacity .7s; } :hover, .pet_spotlight:hover, :hover, :hover { opacity: 1; } , .pet_spotlight, ul li a, [id^='tab'], { color: ; font-weight: normal; background: ; border: 1px solid ; } , .pet_spotlight { position: absolute; top: -3px; left: -115px; width: 90px; padding: 5px; } br { display: none; } br:nth-child(-n+3), .pet_spotlight br { display: inline !important; } .pet_spotlight { top: 111px; }

{ width: 33%; padding-left: 5%; } { background-image: url(http://i.imgur.com/3oWazVy.png); } br:nth-child(-n+4) { display: none; } img { vertical-align: baseline; } a { color: !important; } :nth-child(n+8):not(.pet_spotlight) { display: none; }

{ position: absolute; top: 25px; left: 220px; height: 200px; width: 275px; } ul { position: absolute; bottom: 100%; left: 0; z-index: 2; margin: 0; padding: 0; list-style: none; } div ul { position: static; } ul li { display: inline; } div ul li { display: list-item; } ul li a { display: block; position: relative; left: 1px; z-index: 3; margin-left: -1px; padding: 2px 10px; float: left; font-weight: bold; text-decoration: none; border-radius: 15px 15px 0 0; } div ul li a { display: inline; background: transparent; border: none; } ul a:hover { background: ; } div ul a:hover { background: transparent; } [id^='tab'] { position: absolute; top: -1px; left: 0; height: 200px; width: 241px; overflow-y: auto; padding: 10px; } [id^='tab']:target { z-index: 1; } [id^='tab'] * { font-weight: normal; } [id^='tab'] p { margin-top: 0; } [id^='tab'] a { color: ; } :target ~ ul a[href='#tab_1'], :target ~ ul a[href='#tab_2'], :target ~ ul a[href='#tab_3'], :target ~ ul a[href='#tab_4'] { background: ; border-bottom: 1px solid ; } [id^='tab']::-webkit-scrollbar, ::-webkit-scrollbar { width: 5px; } [id^='tab']::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb { background: ; }

{ position: absolute; top: 285px; left: 40px; width: 400px; height: 100px; overflow-y: auto; } .treasure_item { width: 50px; margin: 7px 0 0 7px; padding: 3px; background-color: ; border: 1px solid ; } </style>

Feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus

Feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus

Feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Hooray!

• Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
• Aliquam tincidunt mauris eu risus.
• Vestibulum auctor dapibus neque.

• The Story
• The Song
• The Legend
• Credits

Thank you SO MUCH for this. It is literally exactly how I wanted it. And thanks for fixing up the overlay too ^^ I wasn't expecting that~ You will likely hear from me again in the future ;D !! I'm uber impressed.