login | register
Tue 07 of Oct, 2008 (20:03 UTC)

bitweaver - Web Application Framework and CMS

Web Application Framework and CMS

Refresh cacheHistoryPrint

DataPluginImage

include an image into a page

Created by: laetzer, Last modification: Sat 26 of Aug, 2006 (17:53 UTC)

Plugin: IMG

When using IMG the image and the description are enclosed with a DIV, that you can style with various CSS parameters:
  • border
  • padding
  • height
  • float
  • color
  • background
  • border
  • text-align

Example

include an image and control various parameters

	{ img
		src="http://www.bitweaver.org/storage/images/logo.png"
		margin="10px 20px"
		background="#f60"
		text-align="left"
		color="#fff"
		desc="bitweaver logo"
		border="3px solid #000"
		font="bold small-caps 160%/160% fantasy"
		link="http://bitweaver.org"}


Result

result of the inclusion

	<div class="img-plugin" style="margin:10px 20px;background:#f60;text-align:left;color:#fff;border:3px solid #000;font:bold small-caps 160%/160% serif">
		<a href="http://bitweaver.org">
			<img alt="bitweaver logo" title="bitweaver logo" src="http://www.bitweaver.org/storage/images/logo.png" style="" />
		</a>
 
 
		bitweaver logo
	</div>


Notes

  • Please keep in mind that in the examples a space is added after the curly bracket to prevent the tag from being parsed (on this page). In actual use, that additional space must be removed.
  • Of course, the class of the DIV surrounding the image might still have an impact on rendering. In the example above, the class="img-plugin" could add more styling.

Comments

Related Items

Documentation » Plugins

Documentation relating to Liberty and Wiki plugins

DataPluginAddtabs  •  DataPluginAdsense  •  DataPluginAgentInfo  •  DataPluginArticle  •  DataPluginArticles  •  DataPluginAttachment  •  DataPluginAvatar  •  DataPluginBackLinks  •  DataPluginBiticon  •  DataPluginBlog  •  DataPluginCalendar  •  DataPluginClock  •  DataPluginCode  •  DataPluginComment  •  DataPluginCountDown  •  DataPluginCreationTime  •  DataPluginDiv  •  DataPluginDropDown  •  DataPluginExample  •  DataPluginFreeMind  •  DataPluginGauge  •  DataPluginGeshiData  •  DataPluginHitCounter  •  DataPluginImage  •  DataPluginImg  •  DataPluginInclude  •  DataPluginLang  •  DataPluginLedgertable  •  DataPluginMakeTOC  •  DataPluginMapQuest  •  DataPluginMapQuestDirections  •  DataPluginModule  •  DataPluginObject  •  DataPluginPluginHelp  •  DataPluginQuote  •  DataPluginRenderer  •  DataPluginRSS  •  DataPlugins  •  DataPluginSF  •  DataPluginSort  •  DataPluginSourceForge  •  DataPluginspan  •  DataPluginSplit  •  DataPluginSpyText  •  DataPluginTitleSearch  •  DataPluginTOC  •  DataPluginTranslated  •  DataPluginUserCount  •  DataPluginUserLink  •  DataPluginUserList  •  DataPluginWikiList  •  DataPluginYoutube  •  HTMLPurifier  •  HTMLSyntax  •  LibertyMime FLV Plugin  •  List of Plugins  •  Maketoc Filter  •  ModuleParameters  •  Plugin  •  Plugin Help Pages Source  •  PluginProposal-BlogView  •  PluginProposal-CssChanger  •  PluginProposal-EyeCandy NeonText  •  PluginProposal-HideText  •  PluginProposal-MakePage  •  PluginProposal-PagePoll  •  PluginProposal-SQL  •  ProposalPage-Plugins  •  Simple Purifier  •  Style Purifier