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

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Quote PHPBB2

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

1 Quote PHPBB2 on Thu Mar 10, 2011 8:54 pm

Plancker


Registered Member
Registered Member
How do i put an image in the top left and one in the bottom right?

i know how to do for one but 2?

2 Re: Quote PHPBB2 on Fri Mar 11, 2011 1:55 pm

Sanket


Administrator
Administrator
Don't understand you know to do it for one...but 2?

http://www.webartzforum.com

3 Re: Quote PHPBB2 on Sat Mar 12, 2011 11:48 pm

Plancker


Registered Member
Registered Member
well i would like 2 images i can put one with css but how do i put two?

i want one in top left and one in bottom right

4 Re: Quote PHPBB2 on Sun Apr 17, 2011 6:28 pm

Sonyeniçeri


Registered Member
Registered Member
Plancker wrote:How do i put an image in the top left and one in the bottom right?

i know how to do for one but 2?


quote nice skin. Mr. Sonyeniçeri ( Last Janissary )

Css Stylesheat

Code:
.quote{
    background-color: #fffffff;
border-left: 1px #FF9C00 solid;
border-right: 1px #FF9C00 solid;
border-top: 1px #FF9C00 solid;
border-bottom: 1px #FF9C00 solid;
color: #000000;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 125%;
padding: 7px;}
div.postbody table{background: #BDE6FC none;
border: 1px solid #FF9C00;}
div.postbody table span.genmed{color:#000000;display:block;padding: 6px 30px 13px 30px;background: #BDE6FC url(http://cdn1.iconfinder.com/data/icons/fatcow/16x16_0440/folder_add.png) no-repeat 5px 8px;font: bold 18px Courier New}

5 Re: Quote PHPBB2 on Fri Apr 22, 2011 10:04 pm

RockerMan


WebArtz Technician
WebArtz Technician
I don't think it is possible, sorry Sad

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

6 Re: Quote PHPBB2 on Sat May 28, 2011 2:59 pm

Nera


WebArtz Technician
WebArtz Technician
Actually it is possible via CSS3 but some browsers don't support it jet (exp. Flock.)

Code:
.quote {
    background: url("http://illiweb.com/fa/prosilver/quote.gif") no-repeat scroll left top, url("http://illiweb.com/fa/prosilver/quote.gif") no-repeat scroll right bottom transparent;
}


I haven't done extra customizations but see -> http://i.imm.io/5Y2P.png

7 Re: Quote PHPBB2 on Sat May 28, 2011 7:43 pm

Gangstar15


Registered Member
Registered Member
Try this: Smile
Code:

.quote::before, .quote::after {
color: #69C;
display: block;
width: 10px;
}
.quote:before {
content: '“';
margin-left: -0.55em;
}
.quote:after {
content: '”';
height: 10px;
margin-top: -70px;
margin-left: 360px;
}

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

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Quote PHPBB2

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