Quick Link

Find here an overview of the various types of Quick Links that you can place on one of your webpages to draw the attention of your visitors to the feelNorthKorea website and the urgent issues that are described there.

TABLE ONE: Recommended Quick Links + Html Text

In TABLE ONE you can find the Quick Links that are recommended by us as well as the corresponding html text that you should copy into your webpage – at the spot you want it to be – to make the Quick Link available for your visitors.

In the html text you also see some pieces of text given in red. They indicate the places where you could adapt the html text if you want your Quick Link to be of another type or another size. This is further explained in TABLE TWO presenting a number of Quick Links to choose from.

You can place the html text anywhere in your webpage where you would also place the html text of a normal textual link, i.e. a link of the form:

<a href=”www.abc.com”>abc</a>

If you need help with anything or have any suggestions, just let us know here.

TABLE ONE

Link B1                    RECOMMENDED for small-sized Quick Links 90 x 70 ________________________ Html text to be copied inside your webpage: <!– feelNorthKorea Quick Link html code –> <img src="http://feelnorthkorea.files.wordpress.com/2011/09/quicklinkb.png?w=90&h=70" width="90" height="70" usemap="#mapfeelnorthkoreaquicklink" /> <map name="mapfeelnorthkoreaquicklink"><area shape="rect" coords="0,0,90,70" href="http://feelnorthkorea.wordpress.com" target="_blank" title="Link to feelNorthKorea website (opens in a new window or tab)" alt="Link to feelNorthKorea website (opens in a new window or tab)" > </map> <!– End of Quick Link html code –> _____________ See TABLE TWO on how to adapt this Quick Link to another size.

Link A3                    RECOMMENDED for medium-sized Quick Links 180 x 140 ________________________ Html text to be copied inside your webpage: <!– feelNorthKorea Quick Link html code –> <img src="http://feelnorthkorea.files.wordpress.com/2011/09/quicklinka.png?w=180&h=140" width="180" height="140" usemap="#mapfeelnorthkoreaquicklink" /> <map name="mapfeelnorthkoreaquicklink"><area shape="rect" coords="0,0,180,140" href="http://feelnorthkorea.wordpress.com" target="_blank" title="Link to feelNorthKorea website (opens in a new window or tab)" alt="Link to feelNorthKorea website (opens in a new window or tab)" > </map> <!– End of Quick Link html code –> _____________ See TABLE TWO on how to adapt this Quick Link to another size.

Link C1                    Quick Link with NO URGENT BUTTON 90 x 70 ________________________ Html text to be copied inside your webpage: <!– feelNorthKorea Quick Link html code –> <img src="http://feelnorthkorea.files.wordpress.com/2011/09/quicklinkc.png?w=90&h=70" width="90" height="70" usemap="#mapfeelnorthkoreaquicklink" /> <map name="mapfeelnorthkoreaquicklink"><area shape="rect" coords="0,0,90,70" href="http://feelnorthkorea.wordpress.com" target="_blank" title="Link to feelNorthKorea website (opens in a new window or tab)" alt="Link to feelNorthKorea website (opens in a new window or tab)" > </map> <!– End of Quick Link html code –> _____________ See TABLE TWO on how to adapt this Quick Link to another size.

|

TABLE TWO: All Quick Links (incl. html text adaptations)

In TABLE TWO you can find an overview of all Quick Links, so that you can easily see what they will look like on your website.

After you have decided which one you want to use, you should copy the html text from TABLE ONE above (e.g. the one from Link B1) in a simple text-editor, and then adapt the text with the values from the How to adapt the html text section of the Quick Link of your choosing.

Then this adapted html text can be copied into your webpage – at the spot you want it to be – to make the Quick Link available for your visitors.

If you’re not satisfied with the sizes of the Quick Links that are presented here then feel free to adapt it to whatever size you want it to be, though you should try to keep the ratio between the width and the height the same, of course, i.e. 9 by 7.

TABLE TWO

Type A Links smaller urgent button, which is not that visible in smaller Quick Links	Type B Links bigger urgent button, and therefore recommended for smaller Quick Links
Link A1 small-sized image ________________________ How to adapt the html text: » png file: quicklinka.png » width: 90 » height: 70	Link B1                    RECOMMENDED small-sized image ________________________ How to adapt the html text: » png file: quicklinkb.png » width: 90 » height: 70
Link A2 small-sized image ________________________ How to adapt the html text: » png file: quicklinka.png » width: 77 » height: 60	Link B2 small-sized image ________________________ How to adapt the html text: » png file: quicklinkb.png » width: 77 » height: 60
Link A3                    RECOMMENDED medium-sized image ________________________ How to adapt the html text: » png file: quicklinka.png » width: 180 » height: 140	Link B3 medium-sized image ________________________ How to adapt the html text: » png file: quicklinkb.png » width: 180 » height: 140
Link A4 medium-sized image ________________________ How to adapt the html text: » png file: quicklinka.png » width: 153 » height: 119	Link B4 medium-sized image ________________________ How to adapt the html text: » png file: quicklinkb.png » width: 153 » height: 119
Type C Links Quick Links with no urgent button
Link C1             NO URGENT BUTTON small-sized image ________________________ How to adapt the html text: » png file: quicklinkc.png » width: 90 » height: 70 ________________________ How to adapt to another size: If you want this Quick Link yet with another size then simply look in this left column for the right sized ‘Type A’ image, then use its width and height values instead to adapt the ultimate html text for your Quick Link.

|

|