Messup434
Probably Online
Registered: 12-2014
Posts: 573
Karma: 44 (+44/-0)
|
Reply | Quote
|
|
Uploading an Image to Insert in Custom Language Set
Hello everyone!
As the title may suggest, I'm try to figure out how to upload an image link to my CLS to make the image appear RATHER THAN the link. If it helps in understanding, this is the image I mean:
We have had this image up to post a reply in recent years, but I managed to mess it up the other day by editing the post_list_add_a_reply bit. Won't be doing that again
I hope this post made any sense at all, lol!
Thank you
|
12/7/2018, 10:51 pm
|
Link to post
Email Messup434
PM Messup434
Blog
|
Joxcenia
Global Administrator
Runboard staff member
Registered: 11-2005
Location: Whoosher House
Posts: 7810
Karma: 74 (+75/-1)
|
Reply | Quote
|
|
Re: Uploading an Image to Insert in Custom Language Set
Try adding this to the box:
<img src="https://beta-static.photobucket.com/images/mm170/mbvansmith/0/3fe83555-c6f2-478d-bdcc-a2ed6a009b83-original.jpg" alt="Post Reply" width="170" height="25" />
You need a test board to make changes on first. That way one of the boards will have the original codes to copy/paste for backup purposes.
Last edited by Joxcenia, 12/8/2018, 1:18 am
---
|
12/8/2018, 1:14 am
|
Link to post
Email Joxcenia
PM Joxcenia
Blog
|
Messup434
Probably Online
Registered: 12-2014
Posts: 573
Karma: 44 (+44/-0)
|
Reply | Quote
|
|
Re: Uploading an Image to Insert in Custom Language Set
Thank you very much, Jox!
Okay, I got it to show-up on my testboard (only reason I didn't use that to begin with was because a board I administrate just added "quick reply" and there was a small error with how it was implemented so I tried to "fix" it, accidentally removing the regular response page ), with your link, so that's great!
Now I just am trying to make the regular reponse page AND QR as options at the bottom of the page, but that takes more than 200 characters
Dan somehow did that successfully the other day (just posted it where it wasn't properly centered), so I know it's possible somehow lol.
Do you know if I could add the QR code to my CSS and then have the old "post reply" button in my custom language set? Pretty much as it is here and The Runboard Directory, just with the "post reply" image we use instead of the text link.
Lesa, if you're reading and know what to do, you're more than welcome to "break-into" Keshi Heads' control-panel as that may be the quicker choice than me trying a hundred wrong codes
Thanks again Joxcenia, that link worked perfectly!
|
12/8/2018, 7:56 pm
|
Link to post
Email Messup434
PM Messup434
Blog
|
Susa
Global Administrator
Registered: 07-2006
Location: Oχάιο
Posts: 4618
Karma: 128 (+137/-9)
|
Reply | Quote
|
|
Re:
Brian, here is what I have in my Custom Language Set on the line that says post_list_add_a_reply.
Add a reply</a><br />
<iframe allowtransparency="true" id="qr" frameborder="0" src="//rb.lesigns.com/qr/?css=sus.css"></iframe>
I'll go search to see if I have anything any place else.
Last edited by Susa, 12/9/2018, 2:38 am
|
12/9/2018, 2:37 am
|
Link to post
PM Susa
Blog
|
Susa
Global Administrator
Registered: 07-2006
Location: Oχάιο
Posts: 4618
Karma: 128 (+137/-9)
|
Reply | Quote
|
|
Re:
I also have this in the CSS:
/* LESA'S QUICK REPLY */
#qr {
width: 600px;
margin: 0 auto -20px auto;
border: 0;
height: 320px;
display: block;
background: transparent;
}
|
12/9/2018, 2:45 am
|
Link to post
PM Susa
Blog
|
Susa
Global Administrator
Registered: 07-2006
Location: Oχάιο
Posts: 4618
Karma: 128 (+137/-9)
|
Reply | Quote
|
|
Re:
I don't know how you would get everything under 200 characters unless an url shortener would work for your picture.
|
12/9/2018, 2:50 am
|
Link to post
PM Susa
Blog
|
Joxcenia
Global Administrator
Runboard staff member
Registered: 11-2005
Location: Whoosher House
Posts: 7810
Karma: 74 (+75/-1)
|
Reply | Quote
|
|
Re: Uploading an Image to Insert in Custom Language Set
You can shorten the url by giving the image a shorter title and reuploading it. Or you could shrink the image to the proper size, then there wouldn't be a need for the resizing codes.
That's the best I can do to help. I haven't studied CSS & HTML. And ... once you get it set back up, copy/paste it to a board designing thread on a private staff only board.
Last edited by Joxcenia, 12/9/2018, 4:07 am
---
|
12/9/2018, 4:06 am
|
Link to post
Email Joxcenia
PM Joxcenia
Blog
|
Messup434
Probably Online
Registered: 12-2014
Posts: 573
Karma: 44 (+44/-0)
|
Reply | Quote
|
|
Re: Uploading an Image to Insert in Custom Language Set
Thank you both!
(Through lots of link-shortening,) I finally managed to get the needed characters down to 199!
Looks good now, I think
|
12/9/2018, 6:34 am
|
Link to post
Email Messup434
PM Messup434
Blog
|
Joxcenia
Global Administrator
Runboard staff member
Registered: 11-2005
Location: Whoosher House
Posts: 7810
Karma: 74 (+75/-1)
|
Reply | Quote
|
|
Re: Uploading an Image to Insert in Custom Language Set
You are most welcome.
---
|
12/9/2018, 8:29 am
|
Link to post
Email Joxcenia
PM Joxcenia
Blog
|
Lesigner Girl
Global Administrator
Head of Runboard staff
Registered: 11-2005
Posts: 26733
Karma: 436 (+489/-53)
|
Reply | Quote
|
|
Re: Uploading an Image to Insert in Custom Language Set
You don't need an image for that. Check out your test board, Brian.
CLS:
Post Reply</a><br /><iframe allowtransparency="true" id="qr" frameborder="0" src="//rb.lesigns.com/qr/?css=sus.css"></iframe>
CSS:
.postlistaddareply a:link, .postlistaddareply a:visited {
display: inline-block;
margin: 0 auto;
background: #079;
color: #fff;
font: bold 52px verdana, arial, sans-serif;
text-decoration: none;
padding: .5em 0;
text-align: center;
width: 600px; /* same as qr */
}
.postlistaddareply a:hover {
background: #29b;
}
#qr {
width: 600px;
margin: 0 auto -20px auto;
border: 0;
height: 320px;
display: block;
background: transparent;
}
I threw in the hover effect just for fun, and because some people may find it helpful. If you want some space between the button and quick reply, let us know and we can help (hint: it's in the margins).
Last edited by Lesigner Girl, 12/11/2018, 10:35 am
|
12/11/2018, 10:27 am
|
Link to post
Email Lesigner Girl
PM Lesigner Girl
Blog
|