| We hope you enjoy your visit. You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free. Join our community! If you're already a member please log in to your account to access all of our features: |
| Changing the quote box like that | |
|---|---|
| Tweet Topic Started: Jun 23 2008, 10:58 AM (1,181 Views) | |
| Pure | Jun 23 2008, 10:58 AM Post #1 |
|
Member
|
I want that the lines go around the quote like this:![]() (over the name and the time, not under it) Is it also possible to put in a image like on this with the guitar? Can I add such a button (the little pink arrow) that leads you to the actual post that is quoted? Edited by Pure, Jun 23 2008, 10:58 AM.
|
![]() |
|
| Nicola-ZNS | Jun 23 2008, 11:09 AM Post #2 |
|
.....
|
You'd need some CSS nifty-ness ![]()
That'd to the borders exactly like the screenshot. The background image URL needs to go in between the url() brackets. You'd need to make it as small as it appears on the screenshot. Then you might want to style the quote/code a little differently. The pink arrow function isn't a feature on InvisionFree, and I've never seen a modification for one either. |
![]() |
|
| Pure | Jun 25 2008, 05:41 AM Post #3 |
|
Member
|
Thanks a lot, it worked!
|
![]() |
|
| Pure | Jul 13 2008, 08:57 AM Post #4 |
|
Member
|
I have a new question to that. When I want to put in the picture I made it's always cut away on the bottom. That's the picture I want to have in: ![]() And that's the way it looks like when I out it in the code: ![]() I don't want to rezise the picture. Could you make the part where the picture goes in bigger? |
![]() |
|
| Nicola-ZNS | Jul 15 2008, 03:41 PM Post #5 |
|
.....
|
You could probably stick this in:
Adjust the height etc, but I'm not sure what that'll do for other browsers. It's not something you can directly change with CSS, and I don't know javascript so I can't whip up a mod to do it either. |
![]() |
|
| Pure | Jul 20 2008, 07:05 AM Post #6 |
|
Member
|
It worked now. But the quote box doesn't look like before anymore. I mean the picture fits in perfect now. But there are two pictures out of the sudden. I want it to look like before, just with the picture fitting in. Can you change it to that? The way it looked before: ![]() The way it looks now: http://z4.invisionfree.com/PureChristina/index.php?showtopic=73&st=0&#entry796741 I'm using this code right now:
|
![]() |
|
| Tony | Jul 20 2008, 11:16 AM Post #7 |
|
If found, please report missing.
![]()
|
Try the following snippet:
The image "shrinks" again due to having a background colour on #QUOTE and #CODE. I have commented it out however, so it's up to you if you wish to have said background colour or not, and thus a small image which, in my opinion, looks better than a bigger one anyway.
|
![]() |
|
| 1 user reading this topic (1 Guest and 0 Anonymous) | |
| « Previous Topic · zIFBoards - Skinning & Code Support · Next Topic » |












3:25 PM Jul 11