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

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Image behind the comment box

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

1Image behind the comment box Empty Image behind the comment box Tue Jul 20, 2010 3:05 am

Emilio

Emilio
Registered Member
Registered Member
Hello , I got a quick question.
I wonder if its possible to add an image behind the comment box on every page?
Like i had an idea to put a speech bubble behind the comment box
So it looks like your writing your text on the speech bubble...
Could anyone give me the code if its possible

http://www.graphilicious.forumotion.Com

2Image behind the comment box Empty Re: Image behind the comment box Tue Jul 20, 2010 10:13 pm

Emilio

Emilio
Registered Member
Registered Member
Please someone help me?

http://www.graphilicious.forumotion.Com

3Image behind the comment box Empty Re: Image behind the comment box Wed Jul 21, 2010 9:22 am

ankillien

ankillien
Administrator
Administrator
Hey!

Try adding this code to your CSS...

Code:
#textarea_content textarea {
background : url(IMAGE URL HERE) repeat;
}

Please avoid bumping topic!

4Image behind the comment box Empty Re: Image behind the comment box Wed Jul 21, 2010 9:34 am

Emilio

Emilio
Registered Member
Registered Member
Thanks but ermm , ...
I want it to pop out the comment box is it possible
cause the image is placed inside the box

http://www.graphilicious.forumotion.Com

5Image behind the comment box Empty Re: Image behind the comment box Wed Jul 21, 2010 11:12 am

ankillien

ankillien
Administrator
Administrator
Can you provide me the image so that I can give you the perfect code?

6Image behind the comment box Empty Re: Image behind the comment box Wed Jul 21, 2010 3:10 pm

Emilio

Emilio
Registered Member
Registered Member
The problem is when you wanna quick reply like this you got this size of the comment box
if you make a new topic the picture is displayed in it to
And that box is bigger

http://www.graphilicious.forumotion.Com

7Image behind the comment box Empty Re: Image behind the comment box Wed Jul 21, 2010 4:35 pm

ankillien

ankillien
Administrator
Administrator
The 2 boxes have different size so either you can change the box size, or create another background image for the bigger box.

8Image behind the comment box Empty Re: Image behind the comment box Wed Jul 21, 2010 6:39 pm

Emilio

Emilio
Registered Member
Registered Member
Ok
Do you got any idea whats the size of the 2 boxes?

http://www.graphilicious.forumotion.Com

9Image behind the comment box Empty Re: Image behind the comment box Wed Jul 21, 2010 7:17 pm

ankillien

ankillien
Administrator
Administrator
I can't find the exact size in pixels Neutral But it can be changed as per the requirements.

10Image behind the comment box Empty Re: Image behind the comment box Wed Jul 21, 2010 7:44 pm

Emilio

Emilio
Registered Member
Registered Member
This should be the size of the quick reply comment box Smile
Image behind the comment box Jv-spe11[img][/img]

http://www.graphilicious.forumotion.Com

11Image behind the comment box Empty Re: Image behind the comment box Wed Jul 21, 2010 7:55 pm

ankillien

ankillien
Administrator
Administrator
This code should do the trick...

Code:
#textarea_content textarea {
border : none;
height : 150px !important;
background : transparent;
}
#textarea_content {
width : 606px !important;
height : 200px !important;
background : transparent url(http://i35.servimg.com/u/f35/14/75/13/83/jv-spe11.png) no-repeat;
}

12Image behind the comment box Empty Re: Image behind the comment box Wed Jul 21, 2010 9:19 pm

Emilio

Emilio
Registered Member
Registered Member
Added to my css , nothing happens ...
Nothing appears

http://www.graphilicious.forumotion.Com

13Image behind the comment box Empty Re: Image behind the comment box Wed Jul 21, 2010 9:34 pm

ankillien

ankillien
Administrator
Administrator
It should work.
You want it for punBB, right?

14Image behind the comment box Empty Re: Image behind the comment box Thu Jul 22, 2010 1:25 am

Emilio

Emilio
Registered Member
Registered Member
Yeh but it doesn't sho up :s

http://www.graphilicious.forumotion.Com

15Image behind the comment box Empty Re: Image behind the comment box Thu Jul 22, 2010 11:41 am

ankillien

ankillien
Administrator
Administrator
Please remove the previous code and try adding this one...

For quick reply...

Code:
#quick_reply #textarea_content textarea {
border : none;
background : transparent;
}
#quick_reply  #textarea_content .dd-textarea {
background : transparent url(http://i35.servimg.com/u/f35/14/75/13/83/jv-spe11.png) no-repeat;
width : 606px;
height : 200px;
}

For main reply page...

Code:
.frm-textarea textarea {
border : none;
width : 590px !important;
background : transparent;
}
.frm-textarea {
background : transparent url(http://i35.servimg.com/u/f35/14/75/13/83/jv-spe11.png) no-repeat;
width : 606px;
height : 200px;
}
.frm fieldset.multi dl dd {
margin-left : 0px !important;
}

16Image behind the comment box Empty Re: Image behind the comment box Thu Jul 22, 2010 3:17 pm

Emilio

Emilio
Registered Member
Registered Member
OhMy!
It works !
THANK YOU!

Edit: Sometimes it show up and sometimes it does.
Like if i don't see it and rfresh the page it works :s

http://www.graphilicious.forumotion.Com

17Image behind the comment box Empty Re: Image behind the comment box Thu Jul 22, 2010 3:53 pm

RockerMan

RockerMan
Technician
Technician
It could be just a browser glitch...

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

18Image behind the comment box Empty Re: Image behind the comment box Thu Jul 22, 2010 4:44 pm

Jophy

Jophy
Registered Member
Registered Member
Solved?

http://www.socialtechforum.com/

19Image behind the comment box Empty Re: Image behind the comment box Thu Jul 22, 2010 6:04 pm

Emilio

Emilio
Registered Member
Registered Member
Yes Wink

http://www.graphilicious.forumotion.Com

20Image behind the comment box Empty Re: Image behind the comment box Fri Jul 23, 2010 4:03 pm

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]

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Image behind the comment box

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