The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Quote

View previous topic View next topic Go down

Quote

Post by isnanz on June 20th 2010, 11:51 am



how can I make such a picture on that picture Idea

my forum of forumotion :http://limadua.forumotion.com/general-rules-f13/general-rules-forum-community-52-t8.htm#36

It is amazing quote tabble vertically

isnanz
Forumember

Male Posts : 206
Reputation : 0
Language : Indonesian
Location : Indonesia

http://help.forumotion.com

Back to top Go down

Re: Quote

Post by ankillien on June 20th 2010, 1:29 pm

Hello,

To do this, you need to get an image to put vertically on left side.
Once you have got it, you can set it on Quote box using this CSS code...

Code:
.quote {
background : url(IMAGE URL HERE) no-repeat left top #FFF;
}

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Re: Quote

Post by isnanz on June 20th 2010, 4:09 pm

@ankillien wrote:Hello,

To do this, you need to get an image to put vertically on left side.
Once you have got it, you can set it on Quote box using this CSS code...

Code:
.quote {
background : url(IMAGE URL HERE) no-repeat left top #FFF;
}

yes, i will try

isnanz
Forumember

Male Posts : 206
Reputation : 0
Language : Indonesian
Location : Indonesia

http://help.forumotion.com

Back to top Go down

Re: Quote

Post by isnanz on June 20th 2010, 4:34 pm

@ankillien wrote:Hello,

To do this, you need to get an image to put vertically on left side.
Once you have got it, you can set it on Quote box using this CSS code...

Code:
.quote {
background : url(IMAGE URL HERE) no-repeat left top #FFF;
}

I've tried it, but the code does not work

this link for example http://echo.or.id/forum/viewtopic.php?t=15258

my forum http://limadua.forumotion.com/recruitment-f5/berminat-menjadi-bagian-dari-team-fc-52-t13.htm#48

isnanz
Forumember

Male Posts : 206
Reputation : 0
Language : Indonesian
Location : Indonesia

http://help.forumotion.com

Back to top Go down

Re: Quote

Post by ankillien on June 20th 2010, 5:05 pm

Have you added the image URL in the code?
You have to get the background image yourself and put its URL in the code.

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Re: Quote

Post by isnanz on June 21st 2010, 8:44 am

@ankillien wrote:Have you added the image URL in the code?
You have to get the background image yourself and put its URL in the code.

I've tried it, but the code does not work

this link for example http://echo.or.id/forum/viewtopic.php?t=15258

my forum http://limadua.forumotion.com/recruitment-f5/berminat-menjadi-bagian-dari-team-fc-52-t13.htm#48

isnanz
Forumember

Male Posts : 206
Reputation : 0
Language : Indonesian
Location : Indonesia

http://help.forumotion.com

Back to top Go down

Re: Quote

Post by ankillien on June 21st 2010, 8:58 am

Can you post the code that you are using?

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Re: Quote

Post by isnanz on June 21st 2010, 10:29 am

@ankillien wrote:Can you post the code that you are using?


this code in my css forum

This code you mean?

Code:

.spoiler {
background : #FFF;
}


.spoiler tbody tr td b {
color : #333;
padding : 5px;
}


.postbody table {
background : #91785C;
padding : 5px;
}

.quote , .code {
background : #FFF;
border : none;
padding : 5px;
border-top : 1px solid #666;
}


.postbody table tbody tr td {
padding : 5px;
background : #FFFFFF;
border : 1px solid #FFF;
}
td.quote {
padding : 8px !important;
color : #333;
}

isnanz
Forumember

Male Posts : 206
Reputation : 0
Language : Indonesian
Location : Indonesia

http://help.forumotion.com

Back to top Go down

Re: Quote

Post by rblatch on June 21st 2010, 10:39 am

Add this code to your CSS and change the image to a vertical one Smile

Code:

blockquote {
  margin: 1em 1px 1em 25px;
  padding: 5px;
  background: #fafafa url("IMG URL") 6px 8px no-repeat;
  border: 1px solid #DBDBCE;
  font-size: 0.95em;
  margin: 1em 1px 1em 25px;
  overflow: hidden;
  }
blockquote div {
    margin-left: 20px;
    }
blockquote blockquote {
  background-color: #EFEED9;
  font-size: 1em;
  margin: 0.5em 1px 0pt 15px;
  }
blockquote blockquote blockquote {
    background-color: #fafafa;
    }
blockquote cite {
  font-style: normal;
  font-weight: bold;
  display: block;
  font-size: 0.9em;
  }
blockquote cite cite {
    font-size: 1em;
    }
blockquote.uncited {
    padding-top: 25px;
    }

rblatch
Active Poster

Male Posts : 1042
Reputation : 2
Language : HTML & CSS (Learning)
Location : Graphics Central

Back to top Go down

Re: Quote

Post by isnanz on June 21st 2010, 11:08 am

@rblatch wrote:Add this code to your CSS and change the image to a vertical one Smile

Code:

blockquote {
  margin: 1em 1px 1em 25px;
  padding: 5px;
  background: #fafafa url("IMG URL") 6px 8px no-repeat;
  border: 1px solid #DBDBCE;
  font-size: 0.95em;
  margin: 1em 1px 1em 25px;
  overflow: hidden;
  }
blockquote div {
    margin-left: 20px;
    }
blockquote blockquote {
  background-color: #EFEED9;
  font-size: 1em;
  margin: 0.5em 1px 0pt 15px;
  }
blockquote blockquote blockquote {
    background-color: #fafafa;
    }
blockquote cite {
  font-style: normal;
  font-weight: bold;
  display: block;
  font-size: 0.9em;
  }
blockquote cite cite {
    font-size: 1em;
    }
blockquote.uncited {
    padding-top: 25px;
    }

after I add the code, no changes in my forum display

for example : http://limadua.forumotion.com/general-rules-f13/general-rules-forum-community-52-t8.htm#36

isnanz
Forumember

Male Posts : 206
Reputation : 0
Language : Indonesian
Location : Indonesia

http://help.forumotion.com

Back to top Go down

Re: Quote

Post by ankillien on June 21st 2010, 11:35 am

Thats not the code I am asking for.
Have you added the code I gave you above?

If yes, please post it here.

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Re: Quote

Post by isnanz on June 21st 2010, 11:46 am

@ankillien wrote:Thats not the code I am asking for.
Have you added the code I gave you above?

If yes, please post it here.
@Isnanz wrote:
Code:

.quote {
background : url(IMAGE URL HERE) no-repeat left top #FFF;
}


I had to add it so well with IMAGE URL(http://echo.or.id/forum/templates/AcidTechBlood/images/quote_header.gif), but it still does not work

isnanz
Forumember

Male Posts : 206
Reputation : 0
Language : Indonesian
Location : Indonesia

http://help.forumotion.com

Back to top Go down

Re: Quote

Post by ankillien on June 21st 2010, 4:51 pm

May be, it should work with !important...

Code:
.quote {
background : url(IMAGE URL HERE) no-repeat left top #FFF !important;
}

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

View previous topic View next topic Back to top


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