A Few Requests (pretty simple, I assume)

[banethedestroyer]

Forum URL: rwfforums.boards.net/



These are a few questions that are very similar. 


1. Is there a way to change this to be my own image?

I would like this:










to be this if possible:






2. Is there a way to add images to these as well?



I want these texts:






to be these images:


&






I'm not sure if they're as simple as they seem or what, but yeah, those are my requests

[Chris]

Aug 1, 2014 15:39:46 GMT -8 banethedestroyer said:

Forum URL: rwfforums.boards.net/



These are a few questions that are very similar. 


1. Is there a way to change this to be my own image?

I would like this:



to be this if possible:

Use the instructions given here to accomplish that. Also note that the image you posted as trying to replace is not the standard "new" button so likely a theme modification using a similar procedure given in the posted link.

Aug 1, 2014 15:39:46 GMT -8 banethedestroyer said:

2. Is there a way to add images to these as well?



I want these texts:






to be these images:


&


I'm not sure if they're as simple as they seem or what, but yeah, those are my requests

For the buttons that contains no text (e.g.  ) you can follow the instructions here, for buttons that contain only text you'll need to do it a bit differently

.content-head div.controls a.button.edit-button {border:0 none; padding:0; background: none; width: 46px; overflow: hidden;}
a.button.edit-button:before{content: url("http://support.proboards.com/attachment/download/16646");}
a.button.edit-button:hover:before {content: url("http://support.proboards.com/attachment/download/16646");}

.content-head div.controls a.button.quote-button {border:0 none; padding:0; background: none; width: 73px; overflow: hidden;}
a.button.quote-button:before{content: url("http://support.proboards.com/attachment/download/16644");}
a.button.quote-button:hover:before {content: url("http://support.proboards.com/attachment/download/16644");}
Keep in mind that there are usually two images for a button, one for normal appearance and one when the button is hovered but you can use the same image for both as I just did

[MC3K_Neonz]

Custom follow button text or img !?

[banethedestroyer]

Thank you very much! Worked perfectly, Bones!

[Chris]

follow button is on a totally different page

SPOILER: Click to show

.controls a.button.follow_button {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 0 none;
  overflow: hidden;
  padding: 0;
  width: REPLACEMENT_IMG_WIDTH_HERE;
}
a.button.follow_button:before {
  content: url("REPLACEMENT_IMG_URL_HERE");
}
a.button.follow_button:hover:before {
  content: url("REPLACEMENT_HOVER_IMG_URL_HERE");
}

[MC3K_Neonz]

Aug 4, 2014 16:03:28 GMT -8 Chris said:

follow button is on a totally different page

SPOILER: Click to show

.controls a.button.follow_button {
 www.youtube.com/watch?v=qFCaJiwYwz0 background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 0 none;
  overflow: hidden;
  padding: 0;
  width: REPLACEMENT_IMG_WIDTH_HERE;
}
a.button.follow_button:before {
  content: url("REPLACEMENT_IMG_URL_HERE");
}
a.button.follow_button:hover:before {
  content: url("REPLACEMENT_HOVER_IMG_URL_HERE");
}

WOW ! Thx ! And unfollow ?

[MC3K_Neonz]

I can't find the place where you can put that code ! Can you plz tell me the heading and then I can put it !

[MC3K_Neonz]

Aug 4, 2014 16:03:28 GMT -8 Chris said:

follow button is on a totally different page

SPOILER: Click to show

.controls a.button.follow_button {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 0 none;
  overflow: hidden;
  padding: 0;
  width: REPLACEMENT_IMG_WIDTH_HERE;
}
a.button.follow_button:before {
  content: url("REPLACEMENT_IMG_URL_HERE");
}
a.button.follow_button:hover:before {
  content: url("REPLACEMENT_HOVER_IMG_URL_HERE");
}

I can't hide the "Follow" text !

[Chris]

MC3K_Neonz
The button text will show if an invalid image url was entered or an incorrect image width was entered. So for example if a hotlinked image was used but was subsequently removed by the host then you'd see a text and the basic functionality of the button would still be there.

For the follow button however there is no distinction (except through text) between follow and unfollow so it would need javascript in order to distinguish, apparently a plugin for that (link) already exists

[MC3K_Neonz]

Aug 5, 2014 5:58:59 GMT -8 Chris said:

MC3K_Neonz
The button text will show if an invalid image url was entered or an incorrect image width was entered. So for example if a hotlinked image was used but was subsequently removed by the host then you'd see a text and the basic functionality of the button would still be there.

For the follow button however there is no distinction (except through text) between follow and unfollow so it would need javascript in order to distinguish, apparently a plugin for that (link) already exists

Ahh ! I understand now ! Thx a lot ! When did you start HTML ?

[MC3K_Neonz]

Hmm.. Still Da same ! Imma confused !