Replies

Mar 13, 2019 7 years ago
pickle
is garBAE
User Avatar
Melyn

I was trying to use this:

(position: absolute; left:100px; top: 100px}

but it kept rearranging the way everything was laid out.

is there a different way to move the info block in one piece without the pet's photo?

looking for a pet born May 26, 2021

[flower=pickle]

Mar 13, 2019 7 years ago
Fire
is sweet
User Avatar
Shinju

Yep! If you need, I can go in a list all of the classes for you (but in an hour cause im on mobile) But this is what I do: right click on what you wanna move, "inspect" (should be the last one), then something comes up that tells you the or the .class, you can use position absolute on these instead.

Mar 14, 2019 7 years ago
pickle
is garBAE
User Avatar
Melyn

Sorry it took so long for me to answer!

A list of the classes would be amazing.

I did use "inspect" but it just gives me everything separately (color info, name, adoption & birthdates, etc.). I want to know if there is a way to move all of that text (without breaking it up), without moving the pet image. It seems that the pet_info tag also includes the image so whenever I use it, everything moves in ways I don't want it to.

I'm trying to keep the text centered, so when I move it all individually, it doesn't look quite right.

looking for a pet born May 26, 2021

[flower=pickle]

Mar 14, 2019 7 years ago
Fire
is sweet
User Avatar
Shinju

Can you tell me what you want specifically, maybe with an editted image? So i can go ahead and do the code?

Mar 15, 2019 7 years ago
jensen
rolled snake eyes
User Avatar
RM

you might want this?
you can try positioning column_2 and pet_image separately. [sup]i'm bugging you a whole bunch, huh? feel free to tell me to knock it off if needed![/sup]

ex -

Shota Aizawa <style>{position:relative; right:100px;} {position:relative; left:200px;}</style>

oh sacred spork, smite mine enemies

Mar 15, 2019 7 years ago
Bug
User Avatar
Segfault

I made a tutorial with an image that has some selectors labelled, that may help

https://i.imgur.com/pm3SMTQ.png

Tutorial is at https://bug.bz/tuts/basic-profile.php

hope this helps! sorry Im having trouble linking on mobile.

edit, oh nvm has a better pic, nice!! (still check out my tutorial though hehe)

🐝 ☕ bug (he/him) | your friendly neighborhood code wrangler. stay in the loop! join and check out the latest admin post highlights

Mar 15, 2019 7 years ago
jensen
rolled snake eyes
User Avatar
RM

i just wish i knew who made it! the thread it's in ([topic not found]) credits a broken username ;w;

(also uh, is there like. a main page/menu for your tutorials? i thought you did three but i can only find two o; )

oh sacred spork, smite mine enemies

Mar 15, 2019 7 years ago
Bug
User Avatar
Segfault

https://bug.bz/tuts/

some day i will slap a real home page on bug.bz :') if you go to bug.bz theres a few other links rn, im just dumping links there for now lol

🐝 ☕ bug (he/him) | your friendly neighborhood code wrangler. stay in the loop! join and check out the latest admin post highlights

Mar 15, 2019 7 years ago
Fire
is sweet
User Avatar
Shinju

here's the classes: h1 .pet_color_info span .pet_color_info span img .owner span .hover-user img .pet_age_info .pet_age_info_date .pet_wco_info .pet_wco_info_date .pet_like .pet_like .icon .pet_spotlight .pet_spotlight img

other things you can use: p br span

also on the note of positioning things, maybe try {position:Relative;} with something like {position:absolute;top:0;left:0;} for example. Like I said I'd have to know more or less what you want. If you only want to reorder the text and stuff you have to set the column as a table with display:table and the rest of the items can then be swapped in order (acending or decending)

Please log in to reply to this topic.