Nope, this is precisely what I meant. Thanks so much!
I feel like I had another question to ask at one point, but it's slipped my mind for the moment...
bird and bear and hare and fish give my love her fondest wish
: You're welcome! And if you ever remember what it was that you wanted to ask, feel free to do so. ;]
: Thank you. :D
This is a great guide! Awesome work, and thanks c:
[size=9px]
: Thank you! And you're welcome, I'm glad if this guide helps any.
Thank you so much for the help on hyperlinks or "anchors"! You're wonderful and so easy to work with. (: Will be bookmarking this for my future profiles. ;')
: You're very welcome & I'm glad to have been of service to you. If there's anything else you think that I could add to the guide, feel free to ping/sMail/comment me. :]
No problem! I'll see if I can think of something. It's brilliant so far, though!
I hate to bother you for something so simple, but is it possible to move the minion image and the minion text (So and so has a minion, minion's name) separately? Also, is it possible to change the words? Or would it just be easier to remove that from the profile, and make a new box for it myself?
Also, I'd love to know how to make it so that the white background goes on forever. Or at least as long as my text does at least. Right now, the white background ends and turns the color of the Subeta background (Mine is blue, with the Masquerade)
You can look at Syth's profile to see what I mean. [x]
bird and bear and hare and fish give my love her fondest wish
:
Yes, you can move the text by using and the image by using img, like this:
{position: absolute; top: 10px; left: 10px;}
img {position: absolute; top: 50px; left: 10px;}
Though you can't move the two texts separately (they're linked together). You can't change the words, so it'd be easier to make a new box, but be sure that the text you replace it with follows the rules (so that you're not saying you have a minion you don't).
The background issue should be fixed with this:
{height: auto!important;}
Feel free to ping me again, either to let me know if it worked or if you've got more questions.
Alright, well, I did some different tweaking ... and now ... Ugh. I don't even know. This is too confusing for my stupid ass. So. I made a div box for my text, since messing with the content was only messing me up, but now my text, for some reason, is only giving me like two words on a line.
bird and bear and hare and fish give my love her fondest wish
:
{width: 200px;}
But replace 200 with a value of your choice.
:]
Thank you so much~ That worked, of course.
Any idea why it did that? I have the same div box on another profile, and it didn't give me that problem at all...
bird and bear and hare and fish give my love her fondest wish
: Might be because of the other elements that are in your page, but I wouldn't be sure unless I compare the codes. :]
This guide is sheer awesome, as it's something I've been looking for, for a long time. Bookmarking c:
Thanks for writing this up!
Art by
I am returned with another question~
Regarding the hovers, would it be possible to make it so that hovering over an image changes it to another image? How would you go about doing that, if yes?
bird and bear and hare and fish give my love her fondest wish
: You're very welcome, I'm glad that this guide could be of use to you! :] Also, are there any comments regarding things that you'd like to see here?
:
Yes, it's possible, but you would have to set the image as the background of your element and then change it on hover. Example:
<div id="box"></div>
<style> {background: url('firstimageurl') no-repeat;} :hover {background: url('secondimageurl') no-repeat;} </style> The two images would have to be the same size, of course, for this to work. :]
Well, it'd be a really cool idea if you could go more into depth with Hover Buttons and Hover Comment Boxes (I already know how to do Comment Boxes but it'd be cool for others who don't!) c:
Art by
: Kind of covered hover stuff in "BASIC -- Hover tricks (hover sections, scrollbars and opacity)", I thought? And what do you mean with more in depth? xD (your comic thing makes me laugh, btw)
So, regarding those hover images, I tried setting one image as the background, and one as the hover, and it doesn't work.
If I don't have any image in the div box I created, things just get positioned weirdly, so I got a friend to make me a plain transparent box of the proper size as a space filler, so I tried using that, the background thing you suggested before and then the hover. The code I ended up with looks like this, if you go to Syth's profile ( [x] ) you can see what happens. (Which is honestly a whole lot of nothing.)
hashtag art {background: url(http://i51.tinypic.com/288qb1y.jpg) position: absolute; top: -10px; left: -250px;}
hashtag art:hover {background: url(http://i54.tinypic.com/2i03l0j.jpg) no-repeat; position: absolute; top: -10px; left: -250px;}
<div id=art> [IMG]http://i53.tinypic.com/2qn6t0h.jpg[/IMG]<br> <center>Artist</center></div>
Of course, I am using style tags, and actual hashtags, I just don't want to accidentally ping some unfortunate art group.
bird and bear and hare and fish give my love her fondest wish