Welcome Guest [Log In] [Register]
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:

Username:   Password:
Add Reply
Changing the quote box like that
Topic Started: Jun 23 2008, 10:58 AM (1,181 Views)
Pure
Member
 *  
I want that the lines go around the quote like this:

Posted Image

(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.
Offline Profile Quote Post Goto Top
 
Nicola-ZNS
.....
 *   *   *   *   *   *   *   *   *  
You'd need some CSS nifty-ness :P

CSS
 
.post1 table,
.post2 table {
background: url() no-repeat top right;
border: 1px dotted #HEX;
border-left: 3px solid #HEX;
}

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.
Offline Profile Quote Post Goto Top
 
Pure
Member
 *  
Thanks a lot, it worked! :)
Offline Profile Quote Post Goto Top
 
Pure
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:
Posted Image

And that's the way it looks like when I out it in the code:
Posted Image

I don't want to rezise the picture. Could you make the part where the picture goes in bigger?
Offline Profile Quote Post Goto Top
 
Nicola-ZNS
.....
 *   *   *   *   *   *   *   *   *  
You could probably stick this in:
CSS
 
.post1 table td, .post2 table td {
height: 30px;
}

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.
Offline Profile Quote Post Goto Top
 
Pure
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:
Posted Image

The way it looks now: http://z4.invisionfree.com/PureChristina/index.php?showtopic=73&st=0&#entry796741

I'm using this code right now:

Code:
 
.post1 table td,
.post2 table td {
background: url(http://i4.ifrm.com/13207/21/upload/p622419.jpg) no-repeat top right;
height: 30px;
border: 1px dotted #5B849C;
border-left: 3px solid #5B849C; margin-left: 3px; width: 99%; margin-right: 3px;
padding-bottom:5px;
}
Offline Profile Quote Post Goto Top
 
Tony
Member Avatar
If found, please report missing.

Try the following snippet:

Quote:
 
.post1 table, .post2 table { background: #fff url(http://i4.ifrm.com/13207/21/upload/p622419.jpg) no-repeat top right; margin-top: 4px; padding-bottom: 4px; border: 1px dotted #5b849c; border-left: 3px solid #5b849c; width: 99.4%; height: 30px; }

#QUOTE, #CODE { font-size: 11px; color: #465584; padding: 0 2px; /* background: #fff; */ }
#QUOTE { font-family: Verdana, Arial; }
#CODE { font-family: Courier, Courier New, Verdana, Arial; }

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. :)
Online Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · zIFBoards - Skinning & Code Support · Next Topic »
Add Reply