Viewing 20 posts - 21 through 40 (of 115 total)
  • Author
    Posts
  • #763275
    summersgone
    803 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.

    #763284
    summersgone
    803 Posts

    Test 2

    #765653
    HansGLudwig
    601 Posts

    Be sure to bookmark Splitboard.com's Recent Activity page...
    http://splitboard.com/activity-2/

    #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/

    #765714
    HansGLudwig
    601 Posts

    *deleted*

    Be sure to bookmark Splitboard.com's Recent Activity page...
    http://splitboard.com/activity-2/

    #765760
    HansGLudwig
    601 Posts

    It worked this time.

    Be sure to bookmark Splitboard.com's Recent Activity page...
    http://splitboard.com/activity-2/

    #765762
    summersgone
    803 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!

    #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/

    #765765
    HansGLudwig
    601 Posts

    It should look like this. . .

    Be sure to bookmark Splitboard.com's Recent Activity page...
    http://splitboard.com/activity-2/

    #765768
    HansGLudwig
    601 Posts

    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/

    #779635
    splitboard.com
    78 Posts

    Thanks @stuka

    It’s possible with bbcode too. http://www.bbcode.org/examples/?id=10

    #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.

    #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.

    #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.
    regular img button

    #779830
    iriecoyote
    291 Posts

    @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.

    good day

    #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 []

    #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..

    #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%;” / >

    #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%;” / >

    #780345
    snowsavage
    312 Posts

    Fail.

    Not trying Hans G Ludwig’s method:

Viewing 20 posts - 21 through 40 (of 115 total)

You must be logged in to reply to this topic.