Difference between revisions of "DigitalJargonBuster:OnYourSite"

From DigitalJargonBuster

Jump to: navigation, search
m (Protected "DigitalJargonBuster:OnYourSite" [edit=sysop:move=sysop])
(Search box)
Line 14: Line 14:
  
 
==Search box==
 
==Search box==
[[Image:DJBSearchBox.jpg|frame|none|A screenshot of what this search box could look like on your site]] Do people reading your website understand the digital jargon you use?  
+
[[Image:DJBSearchBoxScreenshot.jpg|frame|none|A screenshot of what this search box could look like on your site]] Do people reading your website understand the digital jargon you use?  
  
 
Paste the following [[HTML]] code into your pages to get the Digital Jargon Buster search box on your website and allow your viewers to get easy access to simple and clear explanations of digital jargon terms.
 
Paste the following [[HTML]] code into your pages to get the Digital Jargon Buster search box on your website and allow your viewers to get easy access to simple and clear explanations of digital jargon terms.
Line 20: Line 20:
 
<pre>
 
<pre>
 
<div id="djbsearchbox" style="width:260px;height:120px;border:2px solid #ccc;padding:5px 0px 0px 5px;
 
<div id="djbsearchbox" style="width:260px;height:120px;border:2px solid #ccc;padding:5px 0px 0px 5px;
  background:url('http://www.digitaljargonbuster.org/wiki/images/thumb/b/b7/DJBOrangutanLogo.jpg/120px-DJBOrangutanLogo.jpg');
+
  background:url('http://www.digitaljargonbuster.org/wiki/images/7/7e/DJBSearchBox.jpg');
  background-repeat:no-repeat;background-position:bottom right;">
+
  background-position:bottom right;background-repeat:no-repeat">
 
  <strong><label for="djbsearchinput">
 
  <strong><label for="djbsearchinput">
 
  <span style="font-family:'Franklin Gothic Book',Calibri,sans-serif;font-size:12pt;color:#32004B">
 
  <span style="font-family:'Franklin Gothic Book',Calibri,sans-serif;font-size:12pt;color:#32004B">
 
   Search the Digital Jargon Buster</span></label></strong>
 
   Search the Digital Jargon Buster</span></label></strong>
  <form style="margin-top:30px" action="http://www.digitaljargonbuster.org/wiki/index.php/Special:Search">
+
  <form action="http://www.digitaljargonbuster.org/wiki/index.php/Special:Search">
 
  <input style="width:120px" id="djbsearchinput" name="search" type="text" value="" />
 
  <input style="width:120px" id="djbsearchinput" name="search" type="text" value="" />
 
  <input type="submit" name="go" value="Go" />
 
  <input type="submit" name="go" value="Go" />

Revision as of 16:26, 6 June 2007

Anyone is free to link to pages on the Digital Jargon Buster and use any of the content on it in accordance with the copyright policy, Creative Commons Attribution 3.0. In short, if you want to use something you read in the Digital Jargon Buster, make sure you give credit to it and provide a link to the website.

We have provided two means of placing the Digital Jargon Buster on your site. You are free to change the coding style to fit the theme of your website as long as it remains clear that what you are linking to is the Digital Jargon Buster and that it is not part of your website.

Button link

DigitalJargonBusterLink.png

<a href="http://www.digitaljargonbuster.org/">
 <img src="http://www.digitaljargonbuster.org/wiki/images/0/0d/DigitalJargonBusterLink.png"
 alt="Digital Jargon Buster website" title="Digital Jargon Buster" />
</a>

Search box

A screenshot of what this search box could look like on your site
Do people reading your website understand the digital jargon you use?

Paste the following HTML code into your pages to get the Digital Jargon Buster search box on your website and allow your viewers to get easy access to simple and clear explanations of digital jargon terms.

<div id="djbsearchbox" style="width:260px;height:120px;border:2px solid #ccc;padding:5px 0px 0px 5px;
 background:url('http://www.digitaljargonbuster.org/wiki/images/7/7e/DJBSearchBox.jpg');
 background-position:bottom right;background-repeat:no-repeat">
 <strong><label for="djbsearchinput">
 <span style="font-family:'Franklin Gothic Book',Calibri,sans-serif;font-size:12pt;color:#32004B">
  Search the Digital Jargon Buster</span></label></strong>
 <form action="http://www.digitaljargonbuster.org/wiki/index.php/Special:Search">
 <input style="width:120px" id="djbsearchinput" name="search" type="text" value="" />
 <input type="submit" name="go" value="Go" />
 </form>
</div>
Personal tools