Profiles In Code Out [Foghawk's User + Pet HTML/CS

Replies

May 2, 2013 12 years ago

The Cursed

Awesome! Thanks so much!

❤️

May 5, 2013 12 years ago

is lonely

Awesome!! I do graphics but can not code for poo.

I have three profiles for you, if you don't mind ^^ do them when you have time, no rush c: (first two being for myself)

1st:

background here the background color for the profile should be 0b0e17 i want this comment box to appear when you hover over the word and the links for my Wishlist, friend, and mail to be clickable for the icon and words under them to the respective links full "done" view for more perspective here

2nd:

background and the wee continuation bar thingy idk if you'll need it but here same idea for the first profile with the icon/words to their receptive links the background color for the profile should be 000016 so it looks like this!

3rd: (profile for )

background, the background color should be 8ac4fe i would love very much for the comment box to be within the heart and the same idea with the icons/words leading to their respective links

if you need anything or if i left something out please let me know!

thank you so much ^^

May 5, 2013 12 years ago

I am just looking for a very simple pet profile code. i want to get rid of the stats portion of this profile, including books read,food eaten and job. and if i could get the Treasure Chest to just be 4 across (so there will be 2 rows with whats in there now), centered please.

if you have any questions, please contact me :) thank you!

May 7, 2013 12 years ago

got ridiculous

Sorry for the delay, RL has been crazy busy. I will be able to get the images to you after work tonight. :)

[tot=Skree]

May 7, 2013 12 years ago

is a survivor

SPOILER (click to toggle)

/* This code is fragile. Each time you edit it, you'll need to
find the place in the code it says 'checks and unchecks', and
make sure the numbers '2717' and '2714' are preceded by exactly
two backslashes (Subeta will strip one every time you edit).
At least, that's how it is in pet profiles. Let me know if this
is not the case for users. */
body {
background: url(http://i1322.photobucket.com/albums/u577/LadyUnlaced/subetaprofile_zps9ae6817f.jpg)
top left no-repeat ;
font-family: 'Trebuchet MS', sans-serif; font-size: 12px;
color: ;
}
a { color:  !important; }
a:hover { color:  !important; text-decoration: none !important; }
, .column, .block, .header, .info_block {
background: transparent;
}
.block { margin: 0 !important; border: none; border-radius: 0; }
 { width: 900px; text-align: center; border: none; }
 {
position: absolute; top: 18px; left: 44px;
width: 380px; height: 546px; padding: 0;
overflow-x: hidden; overflow-y: auto;
}
::-webkit-scrollbar { width: .5em; }
::-webkit-scrollbar-thumb {
background-color: rgba(98, 69, 50, .5);
border: 1px solid ; border-radius: .25em;
}
.header {
height: 1.5em;
font-family: 'Bad Script', cursive; font-size: 14px; letter-spacing: 0;
text-shadow: 1px 1px 0 ;
border-bottom-color: ; border-bottom-style: dashed;
}
 textarea,  input {
font-family: 'Trebuchet MS', sans-serif;
}
 textarea {
width: 363px !important;
color: ; border-color: ;
background-color: transparent;
}
 textarea:focus { outline-color: ; }
 input {
width: 369px !important;
font-size: 12px; font-weight: bold;
color: ; border-color: ;
background-color: rgba(112, 42, 71, .5);
cursor: pointer;
}
 table { border-spacing: 0; }
 table tr,  table td {
display: block; float: left;
}
 table td { margin: 0 4px 0 10px; }
 table tr:nth-child(-n+2) img {
border-top-left-radius: 7px; border-top-right-radius: 7px;
border-top: 1px solid ;
}
 table tr:nth-last-child(-n+2) img {
border-bottom-left-radius: 7px; border-bottom-right-radius: 7px;
border-bottom: 1px solid ;
}
 table img {
width: 45px;
border-left: 1px solid ; border-right: 1px solid ;
}
 td { width: 50%; }
 img { width: 45px; border: 1px solid ; border-radius: 7px; }
 { width: 290px; margin: auto; }
 td { width: auto !important; }
 td a { line-height: 1em; }
 td div {
width: 135px !important; height: 45px !important;
border-color: ;
cursor: pointer;
}
 td:first-child { width: 100px !important; }
 td:first-child img {
width: 45px; margin-left: 20px;
border: 1px solid ; border-radius: 7px;
}
 td:last-child center { height: 43px; margin: .5em; padding-top: 2px; }
/* checks and unchecks */
img[src='http://images.subeta.net/icons/no.png'],
img[src='http://images.subeta.net/icons/yes.png'] { content: ''; }
img[src='http://images.subeta.net/icons/no.png']::after { content: '2717' }
img[src='http://images.subeta.net/icons/yes.png']::after { content: '2714' }
 tr:last-child td
{ display: block; position: relative; left: 123px; white-space: nowrap; }
 tr:last-child center { height: auto; margin-bottom: 0; }
 { display: none; }

-face { font-family: 'Bad Script'; font-style: normal; font-weight: 400; src: local('Bad Script Regular'), local('BadScript-Regular'), url(http://themes.googleusercontent.com/static/fonts/badscript/v2/rL_b2ND61EQmMOJ8CRr1fsDdSZkkecOE1hvV7ZHvhyU.ttf) format('truetype'); }

I play irregularly, so it may take me a while to get back to you

May 7, 2013 12 years ago

gets around

I have a question. I saw a pet profile once where there was a box with several pages. Like, you could click "next" and the box changed (to simulate flipping through a book, but without an actual moving-page graphic). Can you do this? I can make a basic mock-up of the profile if you can do this. C: I'm afraid I don't remember where that pet profile was, so I can't give it to you as an example. But basically, by clicking one button, the box content is replaced by other content, like pages within the profile. There were no graphics involved so it wasn't JavaScript that I could tell.

I'm actually looking to create three different pet profiles utilizing this, so if you're interested, I'd be glad to work with you over all three of them (or even a couple more that don't utilize this, too) and with multiples I'd be more than willing to tip you for your effort! C:

May 8, 2013 12 years ago

The Cursed

It looks really great, only it seems the scrollbox goes over the side of the box. I have it up on my profile so you should be able to see it. I dunno if it's a problem on my part or not?

❤️

May 8, 2013 12 years ago

is a survivor

: Sorry, miscopied something. I've edited the post; try again.

: Yes, that's totally doable. I won't be able to start right now, since I have a bunch of stuff in the works, but if you go ahead and post your graphics/mockups here I'll be happy to put you on the list.

I play irregularly, so it may take me a while to get back to you

May 8, 2013 12 years ago

The Cursed

Much better! Thank you so much! now lame question, how do you accept payment? trade I presume?

❤️

May 8, 2013 12 years ago

Hey there! ^_^ Hope you don't mind if I just repost my comment to you? c:

SPOILER (click to toggle)

1. The graphic is HERE. 2. For the smaller box, I'd like it to have my pets, please! I want it to have 2 pets across. If possible, can you please make it so that my pets have their 100x100 pet images and their names, like the pets section in my profile? 3. I'd like the second box to contain all the information, please! 4. Can both columns have an opacity of 70, so that when you hover over them, the text becomes clearer, 100% opacity? 5. When you hover on the "Eco," can you make it the comment box? The background can be green, bordered with 1px of black, or whichever color you'd prefer; 10px border radius. 6. Text should be tahoma, size 10px. c: If it looks nice, can you make them have a light brown/white outline/text shadow? 7. It's up to you what you want to make the bold, italicized, and underlines + the links, although for the links, can you add the transitions so that when you hover, they kind of fade-in? 8. Would it be possible for you to send me the code by sMail?

Thank you so much! :)

[font=arial]by [/font]

May 9, 2013 12 years ago

is a survivor

SPOILER (click to toggle)

<style>
, , , -bubble-wrapper, , , ,  { display: none; }
body {
background-color: ;
background-image: url(http://oi44.tinypic.com/1t249d.jpg);
background-position: bottom left;
background-size: cover; background-repeat: no-repeat; background-attachment: fixed;
color: ;
}
,  {
width: 100%; height: auto !important;
margin: 0; padding: 0;
background-color: transparent;
}
, ,  :not(h1), ,  {
opacity: .15;
-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
}
 h1 span { opacity: 1; }
:hover, :hover ~ ,
:hover *, :hover, :hover { opacity: 1; }
:hover {
background-color: rgba(255, 255, 255, .15);
}
.container-fluid {
position: relative;
height: 80em; width: 123em;
margin: auto;
}
 {
position: absolute; top: 20em; left: 2em;
height: 51.25em; width: 78.25em;
margin-bottom: 25em; padding: 2em;
background-color: rgba(255, 255, 255, .05);
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
transition: background-color 1s;
border-radius: .5em;
}
 h1 {
position: absolute; top: -1.7em; left: -.1em;
text-align: left;
font-family: 'Monotype Corsiva', 'Apple Chancery', 'ITC Zapf Chancery', 'Zapf Chancery', 'URW Chancery L', 'Lucida Calligraphy', cursive; font-size: 10em;
color: ;
-webkit-text-fill-color: transparent;
background: transparent;
background: -webkit-gradient(linear, left, color-stop(0%, ), color-stop(25%, ), color-stop(45%, ), color-stop(55%, ), color-stop(100%, ));
background: -webkit-linear-gradient(-45deg,  0%, 25%,  45%,  55%,  100%);
-webkit-background-clip: text;
background-clip: text;
}
.pet_name { margin-left: .1em; }
 h1::after {
display: block;
margin: -.4em 0 0 4em;
font-size: .4em;
content: 'His honor is sworn to keep evil at bay!';
color: ;
background: -webkit-gradient(linear, left top, right top, color-stop(5px, ), color-stop(20px, ), color-stop(37px, ), color-stop(50px, ));
background: -webkit-linear-gradient(-15deg,  5px,  20px,  37px,  50px);
-webkit-background-clip: text;
background-clip: text;
}
 h2,  h2 + br,  b ~ br,  h2,  h2
{ display: none; }
, ,  {
padding: 0;
background-color: rgba(255, 255, 255, .6);
border-radius: .5em/1em;
}
::before, ::after,  h2 {
display: block;
text-align: center; margin: auto;
font-family: Palatino, serif; font-size: 3em; line-height: 1em; font-weight: bold;
color: ;
content: 'Minion';
}
,  {
width: auto; height: auto;
margin: 1em; margin-top: 0; padding: .5em;
float: none;
background-color: rgba(178, 180, 180, .5);
border-radius: .5em/1em;
}
 {
border-radius: .5em/1em;
}
 { width: 16em; padding-top: .5em; }
 { height: 9em; margin-bottom: 0; white-space: nowrap; }
 img {
width: 64px; height: 0px; padding-top: 64px;
background-clip: padding; background-image: url(OVERLAY_URL);
overflow: hidden;
margin: .5em;
}
::after {
content: 'Friends' !important; margin-top: .175em; padding-bottom: 4.2em;
}
 {
position: absolute; top: 19.25em; left: 3em;
width: 13.8em; height: 11.25em; padding-left: .2em; overflow: hidden;
background-color: rgba(178, 180, 180, .5);
pointer-events: none;
}
.friend_div {
float: left;
height: auto; width: 5.9em;
margin: 0; margin-top: 1.75em;
}
.friend_pet_image { height: auto; }
 { margin: 2.5em 0 0 13.75em; color: rgba(255, 255, 255, .6); }
 img { vertical-align: baseline; }
 a { color: ; }
 { display: none; }
 { padding: 0; }
::-webkit-scrollbar,
::-webkit-scrollbar,
::-webkit-scrollbar {
width: .5em;
}
::-webkit-scrollbar-track
::-webkit-scrollbar-track,
::-webkit-scrollbar-track {
border-radius: 1em/2em;
}
::-webkit-scrollbar-track {
background-color: rgba(178, 180, 180, .5);
border-top-left-radius: 0; border-bottom-left-radius: 0;
}
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb {
background-color: ;
border-radius: 1em/2em;
}
 {
position: absolute; top: 2em; right: 2em;
width: 13.1em; height: 23.5em; margin: 0; padding: .75em .5em; overflow-y: auto;
background-image: url(http://i.imgur.com/aK79eJs.png);
border: 1em solid transparent; border-top-width: 3.5em;
background-clip: border-box; background-origin: border-box;
background-repeat: no-repeat;
}
 {
position: absolute; left: 2em; right: 2em; bottom: 2em;
height: 18.1em;
}
 h2 { padding: .2em .1em 0 .1em; }
 { height: 12.5em; overflow: auto; }
.treasure_item { margin: .25em 0 .3em .5em; }
 {
position: absolute; top: -11em; left: 85em;
width: 435px; height: 750px;
background-image: url(http://i39.tinypic.com/330cyma.jpg);
background-repeat: no-repeat;
}
</style>

The battle must be fought...

I play irregularly, so it may take me a while to get back to you

May 9, 2013 12 years ago

is magical

Wow it looks great . Thanks so much for all the messing around you had to do. It's hugely appreciated. :D

"When you love the Doctor, it’s like loving the stars themselves...
You don’t expect a sunset to admire you back."

May 9, 2013 12 years ago

gets around

Oh wow, that's great! C: I was worried because I've only seen it the one time. I'll get working on the mockups! Right now I'm in the hospice with my grandmother, so don't worry about not being able to do it immediately--I won't have it all ready till at least the end of the week, and past that, I have all the pet story writing to do, so it isn't exactly a big rush.

May 9, 2013 12 years ago

: Ouh thank you very much! So how much sP do you get from me? 1Mil?

May 12, 2013 12 years ago

is a survivor

, here's your first one.

SPOILER (click to toggle)

body {
background: url(http://i1279.photobucket.com/albums/y535/huskylicious/eeyoreprofilesubeta_bg_1bg0b0e17_zps69e8556c.png) no-repeat ;
font-family: Cambria, serif; font-style: italic;
color: ;
}
a, a:link { color: ; }
a:hover { color: ; text-decoration: none; }
, .column, .block, .header, .info_block {
background: transparent;
}
.block {
margin: 0 !important;
border: none; border-radius: 0;
}
.header {
width: auto; height: 1.5em;
padding-left: .5em;
border-bottom: 1px dotted ;
}
.header,  input {
font-family: 'Crafty Girls', cursive;
font-weight: normal; font-style: normal; letter-spacing: 0;
color: ; text-shadow: 0 0 2px , 0 0 5px ;
}
.info_block { padding: .4em 0 .3em .5em; }
 {
position: absolute; top: 178px; left: 504px;
width: 239px; height: 427px; padding: 0;
overflow-x: hidden; overflow-y: scroll;
}
::-webkit-scrollbar { width: .5em; }
::-webkit-scrollbar-thumb {
background-color: rgba(55, 70, 100, .75);
}
 td { width: 50% !important; }
 td div { cursor: pointer; }
 tr,  td { display: block; float: left; }
 td { width: 75px; }
 td,  td { width: 33%; vertical-align: top; }
 td img,  td img,
 td img { width: 40px; border-radius: 5px; }
 .header { display: none; }
, ,  {
position: absolute; display: block;
width: 40px; height: 40px;
}
 { top: 276px; left: 783px; }
 { top: 350px; left: 850px; }
 { top: 414px; left: 790px; }
 {
position: absolute; top: 459px; left: 744px;
width: 218px; height: 181px; padding: 0;
background: url(http://i1279.photobucket.com/albums/y535/huskylicious/eeyoreprofilesubeta_commentbox_zps612da14a.png) 20px 0 no-repeat;
opacity: 0;
-webkit-transition: opacity .75s;
-moz-transition: opacity .75s;
-o-transition: opacity .75s;
transition: opacity .75s;
}
:hover { opacity: 1; }
 { display: none; }
 textarea {
position: absolute; left: 30px; top: 8px;
width: 167px !important; height: 124px !important; padding: .5em;
font-family: Cambria, serif; font-style: italic;
color: ; background: transparent;
border: none; border-radius: 11px;
outline: none;
}
 input {
position: absolute; left: 30px; top: 138px;
width: 179px !important;
background: transparent; border: none;
cursor: pointer; text-shadow: none;
}
 input:hover { text-shadow: 0 0 2px ; }

-face { font-family: 'Crafty Girls'; font-style: normal; font-weight: 400; src: local('Crafty Girls'), local('CraftyGirls'), url(http://themes.googleusercontent.com/static/fonts/craftygirls/v2/0Sv8UWFFdhQmesHL32H8o5S3E-kSBmtLoNJPDtbj2Pk.ttf) format('truetype'); }

I play irregularly, so it may take me a while to get back to you

May 14, 2013 12 years ago

is lonely

I feel stupid for asking this, but is there a certain way/widget I'm supposed to use? Because when I try putting the code in my profile or blank section boxes it just comes up as a wall of text ): sorry if this is highly stupid orz

May 15, 2013 12 years ago

is a survivor

—CSS goes between <style> tags.

I play irregularly, so it may take me a while to get back to you

May 17, 2013 12 years ago

The cards were stacked against

I am enormously out of my league on profile coding, and so I was hoping to hire your services in my epic quest to not have quite so bare pets!

I'v got a mock up made in MS paint, sadly I left my tablet at school so you're stuck with a mouse drawn MS paint mock up, but hopfully it should with some explanation make this easy. This is what I'm going for, using this graphic. Which is a transparent PNG by the way, to hopfully make matters easy on you, but if you need a different file format or it broken up or anything at all I can manage that. I essentially want a two colum profile, with the rose + banner graphic as the top and side bar image of the entire thing. Over the off-white side bar part of the graphic if the treasure chest could be placed over it, along with a spot for a pet spotlight, since I'm feeling ambitious, that would be perfect for the first colum! The main colum of it underneath the banner, is pretty basic, pet profile and basic Species Color Owner adopted on created on dates and info, with below that story, and below that credits. Where it gets dicey is off to the left hand side of that, I drew what hopfully look like tabs. If there could be two tabs that slide out, one display battle stats and other info, and one displaying pet friends I'd be thrilled to pieces!

Is that a doable thing? I dont even know enough about coding to know what is and isnt possible, so feel free to tell me and I can revise.

[flower=kylo]

May 17, 2013 12 years ago

is a survivor

SPOILER (click to toggle)

<style>
 { width: 33%; padding: 50px 0 0 0; }
 { width: 33%; }
 { display: none; }
 { margin: auto; }
 { width: 256px; margin: auto; text-align: center; }
 { text-align: center; }
</style>

: Yes, that's doable! I've added you to the queue.

I play irregularly, so it may take me a while to get back to you

May 17, 2013 12 years ago

❤ thank you

Logged Out

Profiles In Code Out [Foghawk's User + Pet HTML/CS

Replies

The battle must be fought...