Please help me I can't make heads or tails of this

Replies

Sep 9, 2016 9 years ago

is forever on a quest for more pets

https://subeta.net/pets/Mordyn As you can see his profile is a mess. I really really have no idea what to do.

This is what I would like my pet lookups to be like, but I have no idea how to move stuff around. I'd also like to know how to change the background and backgrounds of inside the boxes. https://s13.postimg.org/jmsh7j387/the_plan.png basically that's where I want things to go. If you help me with this I'll but full credit for my pets profiles to you, cuz I haven't got a clue....

[font=monospace] Autistic, Bipolar, Depressed, OCDed(and who knows what the hell else I have honestly) and really really anxious over every little thing. Yup that's me! Call me Midna, pleasure to meet you.[/font]

Sep 10, 2016 9 years ago

Oh My Shinwa, we thought

was dead

you're going to have to make your own div's for desc1 and desc2. That's fine, and there are a few different ways to go about it (in terms of scroll or not, or even just combining the two divs because honestly it doesn't look like you need 2 different ones)
just checking, do you want borders around everything as well? that's not hard to implement.
you put some html inside your < style > tags, which is why that content is not showing up (specifically,
I demand... eclairs... )
short of me coding a profile for you (I mean, if that's your prerogative, please state so upfront c: ), you're going to want to set most objects to position:absolute (if positioning is a relevant property), and I see you've done most of that already. I'm not sure how you determined all the positioning values (left xx px etc) for all of them, is that what you're having the most trouble with? I imagine the most helpful thing I can tell you right now is that you should set the [#] positions to top:0px;left:0px; -- that will help you start positioning everything with a clean slate. Then remove positioning values for the other objects with position:absolute and then figure out where you want to move things - it will be easier to manage and you can go about tweaking the positions in a more systematic way.

Sep 11, 2016 9 years ago

is forever on a quest for more pets

Lol I give up but thanks for helping anyway.

Sep 11, 2016 9 years ago

is hopelessly romantic

something like this?

code


<style>
, , , , , , , , , , .prototip, -ban, -ban-main, -lrc, -rrc, -right, , h2, .bookmark, .hustler,  {display:none}
,  {background-color:transparent!important; height:auto!important}
, ,  {margin:0!important; border:0}
*{margin:0; padding:0}
.notice {background:none; border:0}
.container-fluid {margin:0px}

 {
position:absolute;
top:30px; left:53px;
width:200px}
.pet_color_info, .owner, .pet_age_info_date, .pet_wco_info_date, .pet_like {position:relative; top:-15px}

 {
position:absolute;
top:280px; left:53px;
width:200px}
 {text-indent:-9999px}

 {
position:absolute;
top:440px; left:20px;
height:128px; width:276px;
padding:0; overflow:auto}

 {
position:absolute;
top:570px; left:20px;
height:180px; width:276px;
padding:0; overflow:auto}

 {
position:absolute;
top:10px; left:18px;
width:280px}

 {
position:absolute;
top:30px; left:330px;
height:180px; width:520px;
padding:20px; overflow:auto;
border:1px  solid}

 {
position:absolute;
top:260px; left:330px;
height:180px; width:520px;
padding:20px; overflow:auto;
border:1px  solid}

 {
position:absolute;
top:490px; left:330px;
height:220px; width:520px;
padding:20px; overflow:auto;
border:1px  solid}

</style>

Home - Explore - Games - Shops - Inventory


CONTENT FOR BOX 1 GOES HERE


CONTENT FOR BOX 2 GOES HERE


CONTENT FOR BOX 3 GOES HERE

Sep 11, 2016 9 years ago

is forever on a quest for more pets

OMG thank you so so so much? Want some art? It's all I'm decent at. I just have one question how do I change background image for the whole page and for each individual box? Thank you so much! I'm so happy!

Sep 12, 2016 9 years ago

is hopelessly romantic

you can use this code to change the background image for the page as a whole: html {background:url(IMAGEURL)} and for the individual boxes, you would add the same as is in the curly brackets above to each box you want to add the background to. so that would look like this: { position:absolute; top:30px; left:330px; height:180px; width:520px; padding:20px; overflow:auto; background:url(IMAGEURL); border:1px solid}

Sep 12, 2016 9 years ago

is forever on a quest for more pets

hugs thank you so much!!

I have one more question. Is there a way to change the font color and face for the default text, like the pets name, stats etc?

Edit Sorry about all the questions, is it possible to change the color of the scroll bars on the page?

BTW thank you so much for all your help.

Sep 22, 2016 9 years ago

is hopelessly romantic

this will change the font and color for regular text on the page:

, , body, , , {background-color:transparent; height:auto!important; color:; font-size:12px; font-family:arial} and this will change the font and color for headers like the pet's name:

h1 {font-family:arial!important; color:} just replace 'arial' with whatever font you want to use, and the hex code with whatever color you want.

you can also style bold, italic, underlined, and links with the following:

strong, b {color:} i {color:} u {border-bottom:1px; color:} a,a:link,a:active,a:visited {color:} a:hover {color:} first one is bold, second is italic, third is underline, fourth is links, fifth is links when hovered over.

scrollbars can be changed with the following code, but it only works in safari and chrome as most browsers do not support the alteration of scrollbars:

::-webkit-scrollbar {width:5px; height:5px} ::-webkit-scrollbar-thumb {-webkit-border-radius:5px; border-radius:5px; background: rgba(0,0,0,1)} you can change the thickness of the scrollbar by changing the 'width' and 'height' values (it's best to keep them the same as each other, width and height simply refers to whether it's a vertical or horizontal scrollbar). you can change the roundedness of the corners with border radius (0px is completely squared, higher numbers are more rounded). and the RGBA part refers to the RGB color code (you can convert a hex color code to rgb here) while the last number, A, refers to opacity and you can use any number from 0 to 1 (0 is 0% opacity, .5 is 50%, 1 is 100%).

Sep 22, 2016 9 years ago

is forever on a quest for more pets

you are the best. Thank you so much!

Nevermind I'm figuring it out thank for all your help! I'm Learning!!!

Logged Out

Please help me I can't make heads or tails of this

Replies