UKBouldering.com

Very basic HTML help (Read 5128 times)

magpie

Offline
  • *****
  • Trusted Users
  • forum hero
  • Posts: 2931
  • Karma: +127/-0
Very basic HTML help
April 30, 2009, 11:50:43 am
I want to put pictures into a blog post, if I use the 'add picture' button, it plops them in right at the start of the post which is no good cause I have already typed it all up and want to add a picture in the middle.  I also can't copy and paste easily cause Blogger is shit!!  >:(

I have the option to edit html, which lets me see more than just the basic typing, so I assume I could put some kind of code in here but how would I go about making a Flickr link into an image with html tags?

I know on here its [ img ] and [ /img ] but that isn't working on the blog, it seems to use < > brackets instead.

Does anyone have any idea what I am on about, or how to make a picture magical appear?

 :-\

Bubba

Offline
  • *****
  • Global Moderator
  • forum hero
  • Posts: 15367
  • Karma: +286/-6
#1 Re: Very basic HTML help
April 30, 2009, 11:52:17 am
Similar to the [ ] tags but like this:

<img src="http://www.asite.com/angry.gif" alt="Angry face" />

You may have to put <br /> tags in before and after the <img> tag to make it appear on a new line, assuming that's what you want - eg:

<br />
<img border="0" src="http://www.asite.com/angry.gif" alt="Angry face" />
<br />

slackline

Offline
  • *****
  • forum hero
  • Posts: 18863
  • Karma: +633/-26
    • Sheffield Boulder
#2 Re: Very basic HTML help
April 30, 2009, 11:54:47 am
I want to put pictures into a blog post, if I use the 'add picture' button, it plops them in right at the start of the post which is no good cause I have already typed it all up and want to add a picture in the middle.  I also can't copy and paste easily cause Blogger is shit!!  >:(

I have the option to edit html, which lets me see more than just the basic typing, so I assume I could put some kind of code in here but how would I go about making a Flickr link into an image with html tags?

I know on here its [ img ] and [ /img ] but that isn't working on the blog, it seems to use < > brackets instead.

Does anyone have any idea what I am on about, or how to make a picture magical appear?

 :-\

The easy way to embed flickr pictures is to install Greasemonkey and the Userscript Allsizes+, when you click on the "Allsizes" button now on flickr a javascript box appears that lets you do lots of clever things, one of which is to copy the html or bbcode for embedding the picture size of your choice.

Obviously you want to first choose your size, then use the second button from the far left, hover over it and click to make sure its html, so the text in the box below is '<a href="http:  .....' as Bubba says, copy that and paste it into your html edit of your blog at the point you want to have the picture.

Post if stuck  :)

magpie

Offline
  • *****
  • Trusted Users
  • forum hero
  • Posts: 2931
  • Karma: +127/-0
#3 Re: Very basic HTML help
April 30, 2009, 11:59:43 am
 ???

I'll be back (very soon, and even more confused).  I am going to try stuff.

Thank you lovely techies, I could have guessed it would be you two who would attempt to rescue me.  ;D

slackline

Offline
  • *****
  • forum hero
  • Posts: 18863
  • Karma: +633/-26
    • Sheffield Boulder
#4 Re: Very basic HTML help
April 30, 2009, 12:04:43 pm
Forgot to mention, my "solution" assumes that you're using Firefox (and theres no real excuse not to be, even if you're at work  :))

magpie

Offline
  • *****
  • Trusted Users
  • forum hero
  • Posts: 2931
  • Karma: +127/-0
#5 Re: Very basic HTML help
April 30, 2009, 12:07:12 pm
Slackers, you are always trying to get me to do extra fancy technical things, clearly even our meeting in person didn't show just how easily confused I am.  ;D

<img src="http://www.asite.com/angry.gif" alt="Angry face" />
I did it!!  And I even have a name when I hover over the picture!!

I feel like a proper technical genius.

Thank you!!  :bounce:

slackline

Offline
  • *****
  • forum hero
  • Posts: 18863
  • Karma: +633/-26
    • Sheffield Boulder
#6 Re: Very basic HTML help
April 30, 2009, 12:28:33 pm
The crux of flickr is that their T&C stipulate that embedded pictures should be back linked, so technically you should be writing....

Code: [Select]
<a href="http://www.flickr.com/photos/52787528@N00/3459466560/"><img src="http://farm4.static.flickr.com/3622/3459466560_24580119d5.jpg"  /></a>

This is basically putting a set of hyper-link tags('<a href="http..">' at the start and '</a>' at the end) around the image so that it can be clicked on and will take the person back to the original flickr page.

The AllSizes plugin simplifies this and provides you with (marginally more complex code that includes things so that the title of the picture will appear when you hover the mouse over it)...

Code: [Select]
<a href="http://www.flickr.com/photos/52787528@N00/3459466560/" title="I'm not sure there is a suitable caption for this... (by *Magpie*)"><img src="http://farm4.static.flickr.com/3622/3459466560_24580119d5.jpg" title="I'm not sure there is a suitable caption for this... (by *Magpie*)" alt="I'm not sure there is a suitable caption for this... (by *Magpie*)" width="500" height="375" /></a>

The really big advantage is that...

a) you don't need to learn any html code
b) it saves you a lot of typing and is way quicker if you want to do this repeatedly/regularly
c) there's bbcode for embedding into UKB and other PHP based forums

The above would embed this....



 ;) :-*

magpie

Offline
  • *****
  • Trusted Users
  • forum hero
  • Posts: 2931
  • Karma: +127/-0
#7 Re: Very basic HTML help
April 30, 2009, 12:47:23 pm
 :spank:

Useful as it sounds, I can't have that plug in thing on IE though, can I?  I don't want Firefox, I am resistant to change.  :'(

slackline

Offline
  • *****
  • forum hero
  • Posts: 18863
  • Karma: +633/-26
    • Sheffield Boulder
#8 Re: Very basic HTML help
April 30, 2009, 12:52:45 pm
:spank:

Useful as it sounds, I can't have that plug in thing on IE though, can I?  I don't want Firefox, I am resistant to change.  :'(

Unfortunately not (although you can get Firefox add-ons and therefore AllSizes+ to work in Opera), there's really little difference between most browsers anyway in terms of browsing as you generally use search and follow links, or type a URL in or use the search box.  However Firefox is far more customisable (as this example demonstrates), which in turn makes your browsing experience richer/less stressful.  If you  can't install apps at work, just grab the PortableApps and stick it on a USB drive.  You then have your browser (and customisations) wherever you happen to be using a computer.

Fiend

Offline
  • *
  • _
  • forum hero
  • Abominable sex magick practitioner and climbing heathen
  • Posts: 13474
  • Karma: +682/-68
  • Whut
#9 Re: Very basic HTML help
April 30, 2009, 12:54:30 pm
I copy and paste the image code in Blogspot all the time.

Select it, copy it, and paste it where you want in your blog entry.

 :shrug:

magpie

Offline
  • *****
  • Trusted Users
  • forum hero
  • Posts: 2931
  • Karma: +127/-0
#10 Re: Very basic HTML help
April 30, 2009, 02:19:10 pm
I already tried that and I didn't work, Fiendface, I am not so technically inept that I wouldn't have thought to do the most basic thing first :spank:

I will consider a move to Firefox, I don't think any of us should hold our breaths though.  :lol:

Fiend

Offline
  • *
  • _
  • forum hero
  • Abominable sex magick practitioner and climbing heathen
  • Posts: 13474
  • Karma: +682/-68
  • Whut
#11 Re: Very basic HTML help
April 30, 2009, 05:27:03 pm
Well if it didn't work, you must have broken it, somehow.  :spank:

bigd942

Offline
  • **
  • addict
  • Posts: 133
  • Karma: +8/-1
#12 Re: Very basic HTML help
May 01, 2009, 12:04:13 am
great pics, looks a great part or the country to be cycling in.

Is that a bell on your bike?? If your sitting here the saddle looks a tad low, could be part of the knee probs you had, hard to tell from that angle though but worth checking sometime.




this is THE stuff btw for next year!!




magpie

Offline
  • *****
  • Trusted Users
  • forum hero
  • Posts: 2931
  • Karma: +127/-0
#13 Re: Very basic HTML help
May 01, 2009, 09:04:35 am
great pics, looks a great part or the country to be cycling in.
Thank you, it was very lovely.

Quote
Is that a bell on your bike??
  :lol: Yes, my neighbour borrowed it and when she gave it back it had a giant bell on, I don't have the heart to take it off.

Quote
If your sitting here the saddle looks a tad low, could be part of the knee probs you had, hard to tell from that angle though but worth checking sometime.
I must be half standing there, cause otherwise I would be tipped over, I may also have been doing a 'cycling' pose, so it's hard to tell what height I am at on the bike when actually going anywhere.  I do think the saddle might be at the wrong height, but that was it moved down as it felt way too high before and I couldn't touch the ground.  I did the whole leg almost straight when you've got the pedal at it's lowest point measuring, but it could still have been way off.  :shrug:

Quote
this is THE stuff btw for next year!!
I'll bear that in mind, the stuff I ended up with was pretty good.  Saved my hands as well as other places  :-[

bigd942

Offline
  • **
  • addict
  • Posts: 133
  • Karma: +8/-1
#14 Re: Very basic HTML help
May 01, 2009, 12:34:32 pm
The "touching the ground" thing would throw you off a little, more aimed at kids etc for safety. Would be relevant to the bottom brack height above the ground really which throws it out once you come to proper grown up bikes for touring etc. Don't want your leg to lock out when your at the bottom of the stroke, heel should be at least level and not below that, most road rider would just be about able to touch the groud with their tip toes. Is worth spending 10>20mins on, moving the saddle up and down and also backwards/forwards, makes a huge difference. Proper pedals/shoes make a big difference as well, mostly because the sole is stiffer and you can also "heel" the pedal up which means your leg is pulling and pushing, making it a little easier. Next year we want to see wheelies and endo's, or a track stand at least!



magpie

Offline
  • *****
  • Trusted Users
  • forum hero
  • Posts: 2931
  • Karma: +127/-0
#15 Re: Very basic HTML help
May 01, 2009, 12:53:30 pm
It sounds like I am about right then, I can just about touch the ground with my feet on the saddle, I blame the just about bit for me ending up lying in the road at least once a day.  My legs are kind of the shape too, if I do another big long ride I will definitely get it all looked at properly, or make one of you lot come and fix things for me.  ;D

bigd942

Offline
  • **
  • addict
  • Posts: 133
  • Karma: +8/-1
#16 Re: Very basic HTML help
May 01, 2009, 03:17:21 pm
sorry, the pic I meant to post for saddle height!


 

SimplePortal 2.3.7 © 2008-2024, SimplePortal