March 2008
  Sun Mon Tue Wed Thu Fri Sat  
              1  
  2 3 4 5 6 7 8  
  9 10 11 12 13 14 15  
  16 17 18 19 20 21 22  
  23 24 25 26 27 28 29  
  30 31            

Archives

December 2009 (1)
August 2009 (1)
July 2009 (3)
May 2009 (3)
April 2009 (3)
March 2009 (5)
February 2009 (5)
January 2009 (4)
December 2008 (2)
November 2008 (1)
October 2008 (1)
September 2008 (3)
August 2008 (3)
July 2008 (3)
June 2008 (2)
April 2008 (2)
March 2008 (3)
January 2008 (2)
December 2007 (3)
November 2007 (4)
October 2007 (1)
September 2007 (3)
August 2007 (5)

March 19, 2008

How to add a photo inside a note.

Since i've been playing with photos inside notes, several people asked me how i did that, so, here's the tutorial...

For those who know enough html to post a photo inside a comment ("a href=" and "img src="), read the nutshell explanation here:

photoinsidenote
photoinsidenote

"The rule is: a note cannot be html-only! SO: the trick is: add a dot '.' or any other character outside the '<' and '>'-tags and save it! This will create a valid note. (Greasemonkey script-users watch out: the 'post-a-photo'-script works, but you have to clean the code and remove all unnecessary items like the 'name=' tag!) (A sample code will appear at the end of this post.)

If you're not 100% familiar with html, here's the step-by-step-tutorial:

- open 2 browser windows to facilitate copy- and paste-procedures
-> 1 window should show the target photo
-> 1 window should show the source photo
- in the target photo, create a note (click the note-icon above the photo to create one)
- write in the note the following tags: <a href=""><img src=""></a>
- then, IMPORTANT! : add a dot (.) in the end, after the </a> . (This is necessary because a note cannot be html-only, so you need a dummy character, for which i chose '.'; you can choose another character if you prefer)
- go to the source photo page and copy its link (= the http-address as shown in the browser)
- paste this link inside the <a href="here"> tag within the note
- go to the source photo, right-click and choose 'properties' to get the photo's http-address
- paste this link inside the <img src="here"> tag inside the note
- save the note

This is the note's exact text from the photo inside this post:

.<a href="www.ipernity.com/doc/lodchjo/1526879" title="Go to the photo page"><img src="http://u1.ipernity.com/u/4/51/E7/1435473.977f6baf1.m.jpg" alt="Leuven: Stadhuis (detail) by Lodchjo" /></a>.

The photo's address ends in ".m.jpg". You can change the 'm' from 'medium' into 'l' for large and even 'b' for big.

Some more examples are here:

from my window
from my window
Rusty Chevy
Rusty Chevy

And Rollinger made a very funny one:

See: www.ipernity.com/doc/rollinger/1455839

Published at 21:15 / 26 comments / 1374 visits
This post is public

( 1 post )

 

Català | Čeština nové | 中文 | Deutsch | English | Español | Esperanto | Ελληνικά | Français | Galego | Italiano | Nederlands | Português | More...