WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

Matti

Matti
Registered Member
Registered Member
When some one quote a post and it can show like this if you know what I mean.

How about make the ''quote post'' like this Thison10

http://csshelp.forumotion.net/

Drogba921


Registered Member
Registered Member
It depends on what you're using. If it's something like a blog, they use a Blockquote tag.

Code:
<blockquote>Text Here</blockquote>

Some of them have images, If you want something like this i can get the quote thing for you if you like.

When some one quote a post and it can show like this if you know what I mean.

This forum for example, uses blockquote

http://www.codinghelp.org

Unknown Data

Unknown Data
Registered Member
Registered Member
Drogba921: I think he means in the post and nor a simple one on a ID page. Wink

First BlueSky, you might take a look at this tutorial: Link. That's how to edit the quoto in templates. But if you would add the arrow in the left, you can do it by CSS & HTML editing.

fx.

Code:
.quotofooter{
background: url(URL IMAGE) 20px 0 no-repeat;
padding-left: #px;
padding-top: #px;
margin-bottom: #em;
}
Code:
<div class="quotofooter"></div>

http://woops.dk

Drogba921


Registered Member
Registered Member
Unknown Data wrote:Drogba921: I think he means in the post and nor a simple one on a ID page. Wink

First BlueSky, you might take a look at this tutorial: Link. That's how to edit the quoto in templates. But if you would add the arrow in the left, you can do it by CSS & HTML editing.

fx.

Code:
.quotofooter{
background: url(URL IMAGE) 20px 0 no-repeat;
padding-left: #px;
padding-top: #px;
margin-bottom: #em;
}
Code:
<div class="quotofooter"></div>

I never said he wasn't looking for more Wink

I should have included simple, but if you want complex i'll do it for you.

Are you doing it for a website? or a Forum?

Unknown's will work for both.. I have one that i can give you if you want one for website

http://www.codinghelp.org

RockerMan

RockerMan
Technician
Technician
I will do this for you tomorrow. Right now I am going to watch 'Lie To Me' Razz

http://www.graphics-post.com/

ankillien

ankillien
Administrator
Administrator
Looks at the image he wants as background!
It needs to be sliced in PS and then only we can get this.

Matti

Matti
Registered Member
Registered Member
Unknown Data, that code didn't work so see here post Nr: 4 for what I mean also I use PhpBB3 and I would like if the arrow is in the right.

http://csshelp.forumotion.net/

ankillien

ankillien
Administrator
Administrator
Try adding this code to the CSS...

Code:
blockquote div {
padding : 15px 5px 5px 15px;
border : 1px solid #77A8CE;
background : #EFF8FF  url(http://www.freeimagehosting.net/uploads/814b588045.png) no-repeat;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
}
blockquote {
background : transparent url(http://i.imagehost.org/0346/aaa.png) no-repeat 17px 4px;
border : none;
}

This is not perfect but just got it to work Razz

EDIT :
On that forum, they have a separate class for the side arrow and thats how they have managed to add it. On forumotion we have only 2 boxes and we can't add any more since there is no template editing.

Matti

Matti
Registered Member
Registered Member
anki, this code is perfect but how can we put that arrow to the right since our profile is to the right.

http://csshelp.forumotion.net/

ankillien

ankillien
Administrator
Administrator
Download the arrow image, flip the image in any graphic software, upload it and use in the same code.

You just need to adjust the positions in...

blockquote {
background : transparent url(http://i.imagehost.org/0346/aaa.png) no-repeat 17px 4px;

Matti

Matti
Registered Member
Registered Member
Thank you Smile

http://csshelp.forumotion.net/

Jophy

Jophy
Registered Member
Registered Member
Solved => Topic Locked

http://www.socialtechforum.com/

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum