Forums Trip Reports Test Viewing 20 posts - 21 through 40 (of 116 total) ← 1 2 3 4 5 6 → Author Posts December 18, 2014 at 11:03 pm #763275 summersgone 820 Posts `@BCRider, not sure I get the pop out thing. Sorry, challenged. Edit: A HA! Edit again: I did it 1 time, can’t figure out it again. PITA. December 18, 2014 at 11:09 pm #763284 summersgone 820 Posts Test 2 December 19, 2014 at 6:33 pm #765653 HansGLudwig 601 Posts Be sure to bookmark Splitboard.com's Recent Activity page... http://splitboard.com/activity-2/ December 19, 2014 at 6:36 pm #765661 HansGLudwig 601 Posts Ooh ooh! I just did it so it’s pop out clickable. (url=xxxxx)(img)xxxxx(/img)(/url) Just replace the parentheses with square brackets and xxxxx with the photo’s url. Include the http:// www. all the way to the extension (jpg, gif, png) Be sure to bookmark Splitboard.com's Recent Activity page... http://splitboard.com/activity-2/ December 19, 2014 at 7:08 pm #765714 HansGLudwig 601 Posts *deleted* Be sure to bookmark Splitboard.com's Recent Activity page... http://splitboard.com/activity-2/ December 19, 2014 at 9:10 pm #765760 HansGLudwig 601 Posts It worked this time. Be sure to bookmark Splitboard.com's Recent Activity page... http://splitboard.com/activity-2/ December 19, 2014 at 9:13 pm #765762 summersgone 820 Posts How about the underlying code? Maybe spaces between < > would help. I just don’t get what is needed. I do like it pops out, just can’t figure out how to do it. > FKNA, worked! December 19, 2014 at 9:20 pm #765763 HansGLudwig 601 Posts 1) Copy and paste this . . . (url=xxxxx)(img)xxxxx(/img)(/url) . . . into another tab/word processor/sticky (or whatever edits text) 2) Convert all the parens into brackets (four open, four end) and copy the whole thing again. (Leave it there for use later) 3) Paste the new code into the editing field. 4) Copy the url of the photo 5) Replace both xxxxx’s with the URL by double click on the xxxxx and hitting paste. 6) Hit submit Be sure to bookmark Splitboard.com's Recent Activity page... http://splitboard.com/activity-2/ December 19, 2014 at 9:25 pm #765765 HansGLudwig 601 Posts It should look like this. . . Be sure to bookmark Splitboard.com's Recent Activity page... http://splitboard.com/activity-2/ December 19, 2014 at 9:29 pm #765768 HansGLudwig 601 Posts summersgone wrote: I do like it pops out, just can’t figure out how to do it. I just wrote a whole TR doing this. They embedded fine but don’t pop out (which is what I really want too). Oh well. Your pic pops out. edit: It appears some pics can pop while others cannot. My and yours (when I embedded it) can, whereas none of the pics in my TR do. Oh well. Edit (again): At first I thought it was a size thing that prevented pic pop out. Now, I think, there’s something in either metadata (or the url) for the photo which either prevents or allows pop out. I used the same method for all the photos (uploaded them to my google account into one folder, copied/pasted the url like I told you). None of the photos Beantown took can pop out but the one I took with my phone and up loaded (and the sepia one I uploaded earlier into this thread) can pop out. IDK man. Trippy dude. Be sure to bookmark Splitboard.com's Recent Activity page... http://splitboard.com/activity-2/ January 27, 2015 at 1:04 pm #779635 splitboard.com 78 Posts Thanks @stuka It’s possible with bbcode too. http://www.bbcode.org/examples/?id=10 www.splitboard.com January 27, 2015 at 2:56 pm #779652 iriecoyote 291 Posts @splitboard.com Good to know that works. Looks like my previous post went AWOL when I was playing around w/ BBCode. January 28, 2015 at 8:20 pm #779787 fustercluck 668 Posts So now posting pics is even tougher than it was before? And when I click on a pic, it only enlarges it a little, still not close to full screen. January 28, 2015 at 8:37 pm #779788 Cbalke 237 Posts @fustercluck Nah, it’s not any harder. Just click the img button and enter the hosting web address. When doing so the Image is displayed up to a certain size. The BBpress code allows for different functions. I’m trying to determine how we can alter the code used with the img button so a lightbox opens and the images will be larger. The size displayed with the lightbox depends on how big the actual image is. Here is the same image uploaded both ways. January 29, 2015 at 10:42 am #779830 iriecoyote 291 Posts Cbalke wrote: @fustercluckThe BBpress code allows for different functions. I’m trying to determine how we can alter the code used with the img button so a lightbox opens and the images will be larger. In a post I wrote that disappeared from this thread, I demonstrated how you can lightbox an image using just the post editor and no BBCode. I don’t think that BBCode brings any new features to the table as it simply evaluates to HTML which you can create using the editor buttons when composing a post or simply write by hand. If anything, BBCode is more limiting as you can’t add certain attributes like a link title for example. I’ll go ahead and rewrite how to get images to lightbox without BBCode. It is annoying though that my previous description is gone. Start by clicking the link button in the editor toolbar which will open a dialog box where you can enter a URL and a title. Enter the image URL in the URL section and a caption (optional) to the title section. When you have that entered, click the ‘Add Link’ button which will generate some HTML that looks something like the following: <a href="https://scontent-b.xx.fbcdn.net/hphotos-xpf1/t31.0-8/10750235_10102423928290162_1665628691021620752_o.jpg" title="Powwwww!"></a> You’re cursor will be positioned before the closing </a> tag and that’s where it needs to be in the next step. Now click the img button from the toolbar and enter the same URL for the image as before, click OK. Another dialog box will open asking for a description. This is optional and won’t display but is good for accessiblity. Click Cancel or OK to the description box. Now you’ll have something like the following in your editor and your good to go; a lightboxed image w/ a caption. <a href="https://scontent-b.xx.fbcdn.net/hphotos-xpf1/t31.0-8/10750235_10102423928290162_1665628691021620752_o.jpg" title="Powwwww!"><img src="https://scontent-b.xx.fbcdn.net/hphotos-xpf1/t31.0-8/10750235_10102423928290162_1665628691021620752_o.jpg" alt="good day" /></a> Pretty easy sequence of steps that requires no BBCode or handwritten HTML but if you prefer you could write it manually. Hope this helps some folks. January 29, 2015 at 10:49 am #779831 iriecoyote 291 Posts Here’s the BBCode alternative: {url=https://scontent-b.xx.fbcdn.net/hphotos-xpf1/t31.0-8/10750235_10102423928290162_1665628691021620752_o.jpg}{img title="Powww!"}https://scontent-b.xx.fbcdn.net/hphotos-xpf1/t31.0-8/10750235_10102423928290162_1665628691021620752_o.jpg{/img}{/url} Looks like BBCode can’t be escaped like HTML so you’ll need to replace the in the example above curly braces {} w/ square brackets [] January 29, 2015 at 6:51 pm #779848 Cbalke 237 Posts @stuka, that’s awesome! I’m hoping to apply a code like that to the img button so it’s really easy for the users.. February 11, 2015 at 9:14 pm #780342 snowsavage 312 Posts I’m just looking at this again after a 2 month hiatus. Happy to see that digitally inclined folks have responded with some help. Ok, here it goes, I am testing again: < a href=”https://lh4.googleusercontent.com/-S_mErsSlFmo/VE9Pzll7vYI/AAAAAAAAAL8/dqmS5grq2ko/w913-h685-no/64.JPG”> < img src=”https://lh4.googleusercontent.com/-S_mErsSlFmo/VE9Pzll7vYI/AAAAAAAAAL8/dqmS5grq2ko/w913-h685-no/64.JPG” ;max-width:100%;” / > February 11, 2015 at 9:16 pm #780343 snowsavage 312 Posts Again; < a href=”https://lh4.googleusercontent.com/-S_mErsSlFmo/VE9Pzll7vYI/AAAAAAAAAL8/dqmS5grq2ko/w913-h685-no/64.JPG”> < img src=”https://lh4.googleusercontent.com/-S_mErsSlFmo/VE9Pzll7vYI/AAAAAAAAAL8/dqmS5grq2ko/w913-h685-no/64.JPG”;max-width:100%;” / > February 11, 2015 at 9:26 pm #780345 snowsavage 312 Posts Fail. Not trying Hans G Ludwig’s method: Viewing 20 posts - 21 through 40 (of 116 total) ← 1 2 3 4 5 6 → You must be logged in to reply to this topic.
