CINXE.COM

<!DOCTYPE html> <html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-zebra-design-disabled vector-feature-custom-font-size-clientpref-disabled vector-feature-client-preferences-disabled vector-feature-typography-survey-disabled vector-toc-available" lang="en" dir="ltr"> <head> <meta charset="UTF-8"> <title>Toolbox - KDE UserBase Wiki</title> <script>(function(){var className="client-js vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-zebra-design-disabled vector-feature-custom-font-size-clientpref-disabled vector-feature-client-preferences-disabled vector-feature-typography-survey-disabled vector-toc-available";var cookie=document.cookie.match(/(?:^|; )userbasemwclientpreferences=([^;]+)/);if(cookie){cookie[1].split('%2C').forEach(function(pref){className=className.replace(new RegExp('(^| )'+pref.replace(/-clientpref-\w+$|[^\w-]+/g,'')+'-clientpref-\\w+( |$)'),'$1'+pref+'$2');});}document.documentElement.className=className;}());RLCONF={"wgBreakFrames":true,"wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""], "wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgRequestId":"40e404b749fcd4e6521d3e85","wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Toolbox","wgTitle":"Toolbox","wgCurRevisionId":497222,"wgRevisionId":497222,"wgArticleId":2456,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["KDE3","Needs work","Contributing"],"wgPageViewLanguage":"en","wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgRelevantPageName":"Toolbox","wgRelevantArticleId":2456,"wgIsProbablyEditable":false,"wgRelevantPageIsProbablyEditable":false,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgULSAcceptLanguageList":[],"wgULSCurrentAutonym":"English","wgInternalRedirectTargetUrl":"/Toolbox","wgTranslatePageTranslation":"source","wgULSPosition":"personal","wgULSisCompactLinksEnabled": true,"wgULSisLanguageSelectorEmpty":false};RLSTATE={"skins.vector.user.styles":"ready","site.styles":"ready","user.styles":"ready","skins.vector.user":"ready","user":"ready","user.options":"loading","ext.translate":"ready","ext.translate.tag.languages":"ready","mediawiki.special":"ready","codex-search-styles":"ready","skins.vector.styles":"ready","skins.vector.icons":"ready","ext.translate.edit.documentation.styles":"ready","ext.uls.pt":"ready","ext.embedVideo.styles":"ready"};RLPAGEMODULES=["mediawiki.action.view.redirect","site","mediawiki.page.ready","mediawiki.toc","skins.vector.js","ext.uls.compactlinks","ext.uls.interface","ext.embedVideo.overlay"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.impl(function(){return["user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"}); }];});});</script> <link rel="stylesheet" href="/load.php?lang=en&modules=codex-search-styles%7Cext.embedVideo.styles%7Cext.translate%7Cext.translate.edit.documentation.styles%7Cext.translate.tag.languages%7Cext.uls.pt%7Cmediawiki.special%7Cskins.vector.icons%2Cstyles&only=styles&skin=vector-2022"> <script async="" src="/load.php?lang=en&modules=startup&only=scripts&raw=1&skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/load.php?lang=en&modules=site.styles&only=styles&skin=vector-2022"> <meta name="generator" content="MediaWiki 1.41.4"> <meta name="robots" content="max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes, minimum-scale=0.25, maximum-scale=5.0"> <link rel="apple-touch-icon" href="https://www.kde.org/aether/media/180x180.png"> <link rel="icon" href="https://www.kde.org/aether/media/192x192.png"> <link rel="search" type="application/opensearchdescription+xml" href="/opensearch_desc.php" title="KDE UserBase Wiki (en)"> <link rel="EditURI" type="application/rsd+xml" href="https://userbase.kde.org/api.php?action=rsd"> <link rel="license" href="/KDE_UserBase_Wiki:Copyrights"> <link rel="alternate" type="application/atom+xml" title="KDE UserBase Wiki Atom feed" href="/index.php?title=Special:RecentChanges&feed=atom"> </head> <body class="skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject page-Toolbox rootpage-Toolbox skin-vector-2022 action-view skin--responsive"><a class="mw-jump-link" href="#bodyContent">Jump to content</a> <div class="vector-header-container"> <header class="vector-header mw-header"> <div class="vector-header-start"> <nav class="vector-main-menu-landmark" aria-label="Site" role="navigation"> <div id="vector-main-menu-dropdown" class="vector-dropdown vector-main-menu-dropdown vector-button-flush-left vector-button-flush-right" > <input type="checkbox" id="vector-main-menu-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-main-menu-dropdown" class="vector-dropdown-checkbox " aria-label="Main menu" > <label id="vector-main-menu-dropdown-label" for="vector-main-menu-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-menu mw-ui-icon-wikimedia-menu"></span> <span class="vector-dropdown-label-text">Main menu</span> </label> <div class="vector-dropdown-content"> <div id="vector-main-menu-unpinned-container" class="vector-unpinned-container"> <div id="vector-main-menu" class="vector-main-menu vector-pinnable-element"> <div class="vector-pinnable-header vector-main-menu-pinnable-header vector-pinnable-header-unpinned" data-feature-name="main-menu-pinned" data-pinnable-element-id="vector-main-menu" data-pinned-container-id="vector-main-menu-pinned-container" data-unpinned-container-id="vector-main-menu-unpinned-container" > <div class="vector-pinnable-header-label">Main menu</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-main-menu.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-main-menu.unpin">hide</button> </div> <div id="p-Navigation" class="vector-menu mw-portlet mw-portlet-Navigation" > <div class="vector-menu-heading"> Navigation </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-ub-home" class="mw-list-item"><a href="/Special:MyLanguage/Welcome_to_KDE_UserBase"><span>Home</span></a></li><li id="n-ub-start-contributing" class="mw-list-item"><a href="/Special:MyLanguage/Introduction_to_new_contributors"><span>Quick Start</span></a></li><li id="n-recentchanges" class="mw-list-item"><a href="/Special:RecentChanges" title="A list of recent changes in the wiki [r]" accesskey="r"><span>Recent changes</span></a></li> </ul> </div> </div> <div id="p-ub-contributors" class="vector-menu mw-portlet mw-portlet-ub-contributors" > <div class="vector-menu-heading"> Contributors </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-ub-helpfiles" class="mw-list-item"><a href="/Special:MyLanguage/Tasks_and_Tools"><span>Start Contributing</span></a></li><li id="n-ub-helpfiles-modify" class="mw-list-item"><a href="/Ub-helpfiles-modify-redirect"><span>Modify Existing Pages</span></a></li><li id="n-ub-helpfiles-new-content" class="mw-list-item"><a href="/Ub-helpfiles-new-content-redirect"><span>Add New Pages</span></a></li><li id="n-ub-helpfiles-typographical-guidelines" class="mw-list-item"><a href="/Special:MyLanguage/Typographical_Guidelines"><span>Display elements markup</span></a></li><li id="n-ub-helpfiles-markup" class="mw-list-item"><a href="/Special:MyLanguage/Toolbox"><span>More Markup Help</span></a></li> </ul> </div> </div> <div id="p-ub-translators" class="vector-menu mw-portlet mw-portlet-ub-translators" > <div class="vector-menu-heading"> Translators </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-ub-get-trans-account" class="mw-list-item"><a href="/Special:MyLanguage/Translator_Account"><span>Get a Translator Account</span></a></li><li id="n-ub-languages-represented" class="mw-list-item"><a href="/Special:ActiveLanguages"><span>Languages represented</span></a></li><li id="n-ub-helpfiles-languages" class="mw-list-item"><a href="/Ub-helpfiles-languages-redirect"><span>Working with Languages</span></a></li><li id="n-ub-trans-tool" class="mw-list-item"><a href="/Special:LanguageStats"><span>Start Translating</span></a></li><li id="n-ub-release-request" class="mw-list-item"><a href="/ReadyForTranslation"><span>Request Release</span></a></li> </ul> </div> </div> <div class="vector-main-menu-action vector-main-menu-action-lang-alert vector-main-menu-action-lang-alert-empty"> <div class="vector-main-menu-action-item"> <div class="vector-main-menu-action-heading vector-menu-heading">Languages</div> <div class="vector-main-menu-action-content vector-menu-content"> <div class="mw-message-box cdx-message cdx-message--block mw-message-box-notice cdx-message--notice vector-language-sidebar-alert"><span class="cdx-message__icon"></span><div class="cdx-message__content">Language links are at the top of the page across from the title.</div></div> </div> </div> </div> </div> </div> </div> </div> </nav> <a href="/Welcome_to_KDE_UserBase" class="mw-logo"> <span class="mw-logo-container"> <img class="mw-logo-wordmark" alt="KDE UserBase Wiki" src="/images/kde-logo-white-blue-source.svg" style="width: 2em; height: 2em;"> </span> </a> </div> <div class="vector-header-end"> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-collapses vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"> <a href="/Special:Search" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only search-toggle" id="" title="Search KDE UserBase Wiki [f]" accesskey="f"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Search</span> </a> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail cdx-typeahead-search--auto-expand-width"> <form action="/index.php" id="searchform" class="cdx-search-input cdx-search-input--has-end-button"> <div id="simpleSearch" class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"> <input class="cdx-text-input__input" type="search" name="search" placeholder="Search KDE UserBase Wiki" aria-label="Search KDE UserBase Wiki" autocapitalize="sentences" title="Search KDE UserBase Wiki [f]" accesskey="f" id="searchInput" > <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div> <input type="hidden" name="title" value="Special:Search"> </div> <button class="cdx-button cdx-search-input__end-button">Search</button> </form> </div> </div> </div> <nav class="vector-user-links" aria-label="Personal tools" role="navigation" > <div id="p-vector-user-menu-overflow" class="vector-menu mw-portlet mw-portlet-vector-user-menu-overflow" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-uls" class="user-links-collapsible-item mw-list-item active"><a href="#" class="uls-trigger cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet"><span class="vector-icon mw-ui-icon-wikimedia-language mw-ui-icon-wikimedia-wikimedia-language"></span> <span>English</span></a></li><li id="pt-login-2" class="user-links-collapsible-item mw-list-item"><a href="/index.php?title=Special:UserLogin&returnto=Toolbox" title="You are encouraged to log in; however, it is not mandatory [o]" accesskey="o"><span>Log in</span></a></li> </ul> </div> </div> <div id="vector-user-links-dropdown" class="vector-dropdown vector-user-menu vector-button-flush-right vector-user-menu-logged-out" title="More options" > <input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="Personal tools" > <label id="vector-user-links-dropdown-label" for="vector-user-links-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-ellipsis mw-ui-icon-wikimedia-ellipsis"></span> <span class="vector-dropdown-label-text">Personal tools</span> </label> <div class="vector-dropdown-content"> <div id="p-personal" class="vector-menu mw-portlet mw-portlet-personal" title="User menu" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="/index.php?title=Special:UserLogin&returnto=Toolbox" title="You are encouraged to log in; however, it is not mandatory [o]" accesskey="o"><span class="vector-icon mw-ui-icon-logIn mw-ui-icon-wikimedia-logIn"></span> <span>Log in</span></a></li> </ul> </div> </div> </div> </div> </nav> </div> </header> </div> <div class="mw-page-container"> <div class="mw-page-container-inner"> <div class="vector-sitenotice-container"> <div id="siteNotice"></div> </div> <div class="vector-main-menu-container"> <div id="mw-navigation"> <nav id="mw-panel" class="vector-main-menu-landmark" aria-label="Site" role="navigation"> <div id="vector-main-menu-pinned-container" class="vector-pinned-container"> </div> </nav> </div> </div> <input type="checkbox" id="vector-toc-collapsed-checkbox" class="vector-menu-checkbox"> <nav id="mw-panel-toc" role="navigation" aria-label="Contents" data-event-name="ui.sidebar-toc" class="mw-table-of-contents-container vector-toc-landmark vector-sticky-pinned-container"> <div id="vector-toc-pinned-container" class="vector-pinned-container"> <div id="vector-toc" class="vector-toc vector-pinnable-element"> <div class="vector-pinnable-header vector-toc-pinnable-header vector-pinnable-header-pinned" data-feature-name="toc-pinned" data-pinnable-element-id="vector-toc" > <h2 class="vector-pinnable-header-label">Contents</h2> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-toc.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-toc.unpin">hide</button> </div> <ul class="vector-toc-contents" id="mw-panel-toc-list"> <li id="toc-mw-content-text" class="vector-toc-list-item vector-toc-level-1"> <a href="#" class="vector-toc-link"> <div class="vector-toc-text">Beginning</div> </a> </li> <li id="toc-Add_an_Introductory_Screenshot_and_Description" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Add_an_Introductory_Screenshot_and_Description"> <div class="vector-toc-text"> <span class="vector-toc-numb">1</span>Add an Introductory Screenshot and Description</div> </a> <ul id="toc-Add_an_Introductory_Screenshot_and_Description-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Format_Your_Text" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Format_Your_Text"> <div class="vector-toc-text"> <span class="vector-toc-numb">2</span>Format Your Text</div> </a> <button aria-controls="toc-Format_Your_Text-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon vector-icon--x-small mw-ui-icon-wikimedia-expand"></span> <span>Toggle Format Your Text subsection</span> </button> <ul id="toc-Format_Your_Text-sublist" class="vector-toc-list"> <li id="toc-Use_Headings" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Use_Headings"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.1</span>Use Headings</div> </a> <ul id="toc-Use_Headings-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Use_bold_and_italic" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Use_bold_and_italic"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.2</span>Use <b>bold</b> and <i>italic</i></div> </a> <ul id="toc-Use_bold_and_italic-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Add_a_Code_Snippet" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Add_a_Code_Snippet"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.3</span>Add a Code Snippet</div> </a> <ul id="toc-Add_a_Code_Snippet-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Add_Indents" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Add_Indents"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.4</span>Add Indents</div> </a> <ul id="toc-Add_Indents-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Format_Dates" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Format_Dates"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.5</span>Format Dates</div> </a> <ul id="toc-Format_Dates-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Bulleted_Lists" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Bulleted_Lists"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.6</span>Bulleted Lists</div> </a> <ul id="toc-Bulleted_Lists-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Enumerations" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Enumerations"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.7</span>Enumerations</div> </a> <ul id="toc-Enumerations-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Combining_Bulleted_Lists_and_Enumerations" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Combining_Bulleted_Lists_and_Enumerations"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.8</span>Combining Bulleted Lists and Enumerations</div> </a> <ul id="toc-Combining_Bulleted_Lists_and_Enumerations-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Itemizations" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Itemizations"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.9</span>Itemizations</div> </a> <ul id="toc-Itemizations-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Add_a_Link" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Add_a_Link"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.10</span>Add a Link</div> </a> <ul id="toc-Add_a_Link-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Anchor_declaration" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Anchor_declaration"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.11</span>Anchor declaration</div> </a> <ul id="toc-Anchor_declaration-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Make_an_application_list" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Make_an_application_list"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.12</span>Make an application list</div> </a> <ul id="toc-Make_an_application_list-sublist" class="vector-toc-list"> <li id="toc-Settings_for_localized_handling_of_numbers,_dates,_etc" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Settings_for_localized_handling_of_numbers,_dates,_etc"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.12.1</span>Settings for localized handling of numbers, dates, etc</div> </a> <ul id="toc-Settings_for_localized_handling_of_numbers,_dates,_etc-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Shortcuts_and_Gestures" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Shortcuts_and_Gestures"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.12.2</span>Shortcuts and Gestures</div> </a> <ul id="toc-Shortcuts_and_Gestures-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Footnotes" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Footnotes"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.13</span>Footnotes</div> </a> <ul id="toc-Footnotes-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Illustrate_Your_Text" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Illustrate_Your_Text"> <div class="vector-toc-text"> <span class="vector-toc-numb">3</span>Illustrate Your Text</div> </a> <button aria-controls="toc-Illustrate_Your_Text-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon vector-icon--x-small mw-ui-icon-wikimedia-expand"></span> <span>Toggle Illustrate Your Text subsection</span> </button> <ul id="toc-Illustrate_Your_Text-sublist" class="vector-toc-list"> <li id="toc-Add_a_single_image,_centered" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Add_a_single_image,_centered"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.1</span>Add a single image, centered</div> </a> <ul id="toc-Add_a_single_image,_centered-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Make_the_Image_Clickable_and_Add_a_Caption" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Make_the_Image_Clickable_and_Add_a_Caption"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.2</span>Make the Image Clickable and Add a Caption</div> </a> <ul id="toc-Make_the_Image_Clickable_and_Add_a_Caption-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Add_a_caption_without_a_thumbnail" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Add_a_caption_without_a_thumbnail"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.3</span>Add a caption without a thumbnail</div> </a> <ul id="toc-Add_a_caption_without_a_thumbnail-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Prevent_text_from_flowing_around_image" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Prevent_text_from_flowing_around_image"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.4</span>Prevent text from flowing around image</div> </a> <ul id="toc-Prevent_text_from_flowing_around_image-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Use_Tables_to_Precisely_Place_Multiple_Images" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Use_Tables_to_Precisely_Place_Multiple_Images"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.5</span>Use Tables to Precisely Place Multiple Images</div> </a> <ul id="toc-Use_Tables_to_Precisely_Place_Multiple_Images-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Embed_a_Video" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Embed_a_Video"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.6</span>Embed a Video</div> </a> <ul id="toc-Embed_a_Video-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Add_Notes_and_Warnings" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Add_Notes_and_Warnings"> <div class="vector-toc-text"> <span class="vector-toc-numb">4</span>Add Notes and Warnings</div> </a> <ul id="toc-Add_Notes_and_Warnings-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Page_Redirection" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Page_Redirection"> <div class="vector-toc-text"> <span class="vector-toc-numb">5</span>Page Redirection</div> </a> <ul id="toc-Page_Redirection-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-KDE3_and_KDE_SC_4_Versions_of_Applications" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#KDE3_and_KDE_SC_4_Versions_of_Applications"> <div class="vector-toc-text"> <span class="vector-toc-numb">6</span>KDE3 and KDE SC 4 Versions of Applications</div> </a> <ul id="toc-KDE3_and_KDE_SC_4_Versions_of_Applications-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Other_Useful_Templates" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Other_Useful_Templates"> <div class="vector-toc-text"> <span class="vector-toc-numb">7</span>Other Useful Templates</div> </a> <button aria-controls="toc-Other_Useful_Templates-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon vector-icon--x-small mw-ui-icon-wikimedia-expand"></span> <span>Toggle Other Useful Templates subsection</span> </button> <ul id="toc-Other_Useful_Templates-sublist" class="vector-toc-list"> <li id="toc-Inserting_GUI_Icons" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Inserting_GUI_Icons"> <div class="vector-toc-text"> <span class="vector-toc-numb">7.1</span>Inserting GUI Icons</div> </a> <ul id="toc-Inserting_GUI_Icons-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Community_Applications" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Community_Applications"> <div class="vector-toc-text"> <span class="vector-toc-numb">7.2</span>Community Applications</div> </a> <ul id="toc-Community_Applications-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Making_Major_Edits_to_Existing_Pages" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Making_Major_Edits_to_Existing_Pages"> <div class="vector-toc-text"> <span class="vector-toc-numb">7.3</span>Making Major Edits to Existing Pages</div> </a> <ul id="toc-Making_Major_Edits_to_Existing_Pages-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Adding_a_New_Complex_Page" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Adding_a_New_Complex_Page"> <div class="vector-toc-text"> <span class="vector-toc-numb">7.4</span>Adding a New Complex Page</div> </a> <ul id="toc-Adding_a_New_Complex_Page-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Links_to_Pages_in_the_Neighbourhood" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Links_to_Pages_in_the_Neighbourhood"> <div class="vector-toc-text"> <span class="vector-toc-numb">7.5</span>Links to Pages in the Neighbourhood</div> </a> <ul id="toc-Links_to_Pages_in_the_Neighbourhood-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Links_to_bugs" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Links_to_bugs"> <div class="vector-toc-text"> <span class="vector-toc-numb">7.6</span>Links to bugs</div> </a> <ul id="toc-Links_to_bugs-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Adding_a_List_of_Sub-Pages" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Adding_a_List_of_Sub-Pages"> <div class="vector-toc-text"> <span class="vector-toc-numb">8</span>Adding a List of Sub-Pages</div> </a> <button aria-controls="toc-Adding_a_List_of_Sub-Pages-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon vector-icon--x-small mw-ui-icon-wikimedia-expand"></span> <span>Toggle Adding a List of Sub-Pages subsection</span> </button> <ul id="toc-Adding_a_List_of_Sub-Pages-sublist" class="vector-toc-list"> <li id="toc-Subpages_of_Toolbox" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Subpages_of_Toolbox"> <div class="vector-toc-text"> <span class="vector-toc-numb">8.1</span>Subpages of Toolbox</div> </a> <ul id="toc-Subpages_of_Toolbox-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> </ul> </div> </div> </nav> <div class="mw-content-container"> <main id="content" class="mw-body" role="main"> <header class="mw-body-header vector-page-titlebar"> <label id="vector-toc-collapsed-button" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet vector-button-flush-left cdx-button--icon-only" for="vector-toc-collapsed-checkbox" role="button" aria-controls="vector-toc" tabindex="0" title="Table of Contents"> <span class="vector-icon mw-ui-icon-wikimedia-listBullet"></span> <span>Toggle the table of contents</span> </label> <nav role="navigation" aria-label="Contents" class="vector-toc-landmark"> <div id="vector-page-titlebar-toc" class="vector-dropdown vector-page-titlebar-toc vector-button-flush-left" > <input type="checkbox" id="vector-page-titlebar-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-titlebar-toc" class="vector-dropdown-checkbox " aria-label="Toggle the table of contents" > <label id="vector-page-titlebar-toc-label" for="vector-page-titlebar-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-listBullet mw-ui-icon-wikimedia-listBullet"></span> <span class="vector-dropdown-label-text">Toggle the table of contents</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-titlebar-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">Toolbox</span></h1> </header> <div class="vector-page-toolbar"> <div class="vector-page-toolbar-container"> <div id="left-navigation"> <nav aria-label="Namespaces"> <div id="p-associated-pages" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-associated-pages" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-nstab-main" class="selected vector-tab-noicon mw-list-item"><a href="/Toolbox" title="View the content page [c]" accesskey="c"><span>Page</span></a></li><li id="ca-talk" class="vector-tab-noicon mw-list-item"><a href="/Talk:Toolbox" rel="discussion" title="Discussion about the content page [t]" accesskey="t"><span>Discussion</span></a></li> </ul> </div> </div> <div id="p-variants" class="vector-dropdown emptyPortlet" > <input type="checkbox" id="p-variants-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-variants" class="vector-dropdown-checkbox " aria-label="Change language variant" > <label id="p-variants-label" for="p-variants-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">English</span> </label> <div class="vector-dropdown-content"> <div id="p-variants" class="vector-menu mw-portlet mw-portlet-variants emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </nav> </div> <div id="right-navigation" class="vector-collapsible"> <nav aria-label="Views"> <div id="p-views" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-views" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-view" class="selected vector-tab-noicon mw-list-item"><a href="/Toolbox"><span>Read</span></a></li><li id="ca-viewsource" class="vector-tab-noicon mw-list-item"><a href="/index.php?title=Toolbox&action=edit" title="This page is protected.
You can view its source [e]" accesskey="e"><span>View source</span></a></li><li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="/index.php?title=Toolbox&action=history" title="Past revisions of this page [h]" accesskey="h"><span>View history</span></a></li> </ul> </div> </div> </nav> <nav class="vector-page-tools-landmark" aria-label="Page tools"> <div id="vector-page-tools-dropdown" class="vector-dropdown vector-page-tools-dropdown" > <input type="checkbox" id="vector-page-tools-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-tools-dropdown" class="vector-dropdown-checkbox " aria-label="Tools" > <label id="vector-page-tools-dropdown-label" for="vector-page-tools-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">Tools</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-tools-unpinned-container" class="vector-unpinned-container"> <div id="vector-page-tools" class="vector-page-tools vector-pinnable-element"> <div class="vector-pinnable-header vector-page-tools-pinnable-header vector-pinnable-header-unpinned" data-feature-name="page-tools-pinned" data-pinnable-element-id="vector-page-tools" data-pinned-container-id="vector-page-tools-pinned-container" data-unpinned-container-id="vector-page-tools-unpinned-container" > <div class="vector-pinnable-header-label">Tools</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-page-tools.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-page-tools.unpin">hide</button> </div> <div id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-has-collapsible-items" title="More options" > <div class="vector-menu-heading"> Actions </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-more-view" class="selected vector-more-collapsible-item mw-list-item"><a href="/Toolbox"><span>Read</span></a></li><li id="ca-more-viewsource" class="vector-more-collapsible-item mw-list-item"><a href="/index.php?title=Toolbox&action=edit"><span>View source</span></a></li><li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="/index.php?title=Toolbox&action=history"><span>View history</span></a></li> </ul> </div> </div> <div id="p-tb" class="vector-menu mw-portlet mw-portlet-tb" > <div class="vector-menu-heading"> General </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/Special:WhatLinksHere/Toolbox" title="A list of all wiki pages that link here [j]" accesskey="j"><span>What links here</span></a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/Special:RecentChangesLinked/Toolbox" rel="nofollow" title="Recent changes in pages linked from this page [k]" accesskey="k"><span>Related changes</span></a></li><li id="t-specialpages" class="mw-list-item"><a href="/Special:SpecialPages" title="A list of all special pages [q]" accesskey="q"><span>Special pages</span></a></li><li id="t-print" class="mw-list-item"><a href="javascript:print();" rel="alternate" title="Printable version of this page [p]" accesskey="p"><span>Printable version</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/index.php?title=Toolbox&oldid=497222" title="Permanent link to this revision of this page"><span>Permanent link</span></a></li><li id="t-info" class="mw-list-item"><a href="/index.php?title=Toolbox&action=info" title="More information about this page"><span>Page information</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> </div> </div> </div> <div class="vector-column-end"> <nav class="vector-page-tools-landmark vector-sticky-pinned-container" aria-label="Page tools"> <div id="vector-page-tools-pinned-container" class="vector-pinned-container"> </div> </nav> </div> <div id="bodyContent" class="vector-body" aria-labelledby="firstHeading" data-mw-ve-target-container> <div class="vector-body-before-content"> <div class="mw-indicators"> </div> <div id="siteSub" class="noprint">From KDE UserBase Wiki</div> </div> <div id="contentSub"><div id="mw-content-subtitle"></div></div> <div id="mw-content-text" class="mw-body-content mw-content-ltr" lang="en" dir="ltr"><div class="mw-parser-output"><div class="mw-pt-languages noprint" lang="en" dir="ltr"><div class="mw-pt-languages-label">Other languages:</div><ul class="mw-pt-languages-list"><li><span class="mw-pt-languages-ui mw-pt-languages-selected mw-pt-progress mw-pt-progress--complete" lang="en" dir="ltr">English</span></li> <li><a href="/Toolbox/lb" class="mw-pt-progress mw-pt-progress--stub" title="Geschirkëscht (6% translated)" lang="lb" dir="ltr">Lëtzebuergesch</a></li> <li><a href="/Toolbox/ca" class="mw-pt-progress mw-pt-progress--complete" title="Quadre d'eines (100% translated)" lang="ca" dir="ltr">català</a></li> <li><a href="/Toolbox/da" class="mw-pt-progress mw-pt-progress--complete" title="Værktøjskasse (99% translated)" lang="da" dir="ltr">dansk</a></li> <li><a href="/Toolbox/fr" class="mw-pt-progress mw-pt-progress--complete" title="Boîte à outils (100% translated)" lang="fr" dir="ltr">français</a></li> <li><a href="/Toolbox/it" class="mw-pt-progress mw-pt-progress--high" title="Cassetta degli attrezzi (74% translated)" lang="it" dir="ltr">italiano</a></li> <li><a href="/Toolbox/pt-br" class="mw-pt-progress mw-pt-progress--stub" title="Toolbox (13% translated)" lang="pt-BR" dir="ltr">português do Brasil</a></li> <li><a href="/Toolbox/ru" class="mw-pt-progress mw-pt-progress--stub" title="Набор инструментов (1% translated)" lang="ru" dir="ltr">русский</a></li> <li><a href="/Toolbox/uk" class="mw-pt-progress mw-pt-progress--complete" title="Набір інструментів (100% translated)" lang="uk" dir="ltr">українська</a></li> <li><a href="/Toolbox/bn" class="mw-pt-progress mw-pt-progress--low" title="সরঞ্জামবাক্স (25% translated)" lang="bn" dir="ltr">বাংলা</a></li> <li><a href="/Toolbox/zh-cn" class="mw-pt-progress mw-pt-progress--high" title="工具箱 (64% translated)" lang="zh-Hans-CN" dir="ltr">中文（中国大陆）</a></li> <li><a href="/Toolbox/zh-tw" class="mw-pt-progress mw-pt-progress--med" title="工具箱 (45% translated)" lang="zh-Hant-TW" dir="ltr">中文（臺灣）</a></li> <li><a href="/Toolbox/ja" class="mw-pt-progress mw-pt-progress--med" title="ツールボックス (41% translated)" lang="ja" dir="ltr">日本語</a></li> <li><a href="/Toolbox/ko" class="mw-pt-progress mw-pt-progress--med" title="도구상자 (51% translated)" lang="ko" dir="ltr">한국어</a></li></ul></div> <div class="alert mw-message-box-alert-info mw-message-box"> <figure class="mw-halign-left" typeof="mw:File"><span><img src="/images.userbase/thumb/8/82/Dialog-information.png/40px-Dialog-information.png" decoding="async" width="40" height="40" class="mw-file-element" srcset="/images.userbase/thumb/8/82/Dialog-information.png/60px-Dialog-information.png 1.5x, /images.userbase/thumb/8/82/Dialog-information.png/80px-Dialog-information.png 2x" /></span><figcaption></figcaption></figure> <div> <p><strong>Information</strong> </p> <div>This page offers examples of formatting code for common tasks</div> </div> </div> <p><br /> </p> <meta property="mw:PageProp/toc" /> <h2><span class="mw-headline" id="Add_an_Introductory_Screenshot_and_Description">Add an Introductory Screenshot and Description</span></h2> <p>Whenever possible we begin an application's top-level page with this. The code to achieve it is </p> <pre style="background-color:lightyellow;">{|class="tablecenter vertical-centered" |[[Image:YourScreenshot.png|250px|thumb]] |Your descriptive text |}</pre> <h2><span class="mw-headline" id="Format_Your_Text">Format Your Text</span></h2> <h3><span class="mw-headline" id="Use_Headings">Use Headings</span></h3> <p>Each heading goes on its own line starting and ending with two or more '=' characters. Once there are more than a handful of headings on a page they automatically create a Table of Contents, so use them. The number of '=' characters determines their level in the Table of Contents, thus your headings should be '==Main section name==', '===Subsection name===', '====Sub-subheading name here====', and so on. Avoid using single '=', as that denotes a page heading and every wiki page already has one made from its name; for example, this page's title "Toolbox" appears as its page heading. </p> <h3><span class="mw-headline" id="Use_bold_and_italic">Use <b>bold</b> and <i>italic</i></span></h3> <p>Blips are used to specify bold and italic words. </p><p>Use '''bold text''' to specify <b>bold text</b> and ''italic text'' to specify <i>italic text</i>. </p><p>In order to ensure we get easy and accurate translations, please adhere to the <i><a href="/Special:MyLanguage/Typographical_Guidelines" title="Special:MyLanguage/Typographical Guidelines">typographical guidelines</a>.</i> </p> <h3><span class="mw-headline" id="Add_a_Code_Snippet">Add a Code Snippet</span></h3> <p>We have templates to assist in correctly displaying code snippets. Examples of use in various situations are available on <a href="/Special:MyLanguage/Typographical_Guidelines" title="Special:MyLanguage/Typographical Guidelines">the typographical guideline page</a> </p><p>If you have problems displaying pipe characters in your code snippet, please see the explanation and markup detailed on <a href="/Special:MyLanguage/Typographical_Guidelines" title="Special:MyLanguage/Typographical Guidelines">Typographical Guidelines</a> </p> <h3><span class="mw-headline" id="Add_Indents">Add Indents</span></h3> <dl><dd>"<b>:</b>" is used for an indent, and was used in multiples in some old pages. This is deprecated, and causes some problems, so the multiples will be removed as they are found. A single "<b>:</b>" indents by four characters.</dd></dl> <h3><span class="mw-headline" id="Format_Dates">Format Dates</span></h3><p> Dates in a purely numerical format cause confusion, due to differences in expectations of geographical zones. Please format dates as </p><pre style="background-color:lightyellow;">18 Mar 2011</pre><p> with the month either spelled out completely or in abbreviated form, and the year in 4-digit format. The day may be single or double-digit.<span id="Bulleted_Lists"></span> </p><h3><span class="mw-headline" id="Bulleted_Lists">Bulleted Lists</span></h3> <p>* is the symbol to use for bulletted lists. ** gives a second level:<br /> </p> <pre style="background-color:lightyellow;">* Almonds * Nuts ** Cashews * Raisins </pre> <p>produces </p> <ul><li>Almonds</li></ul> <ul><li>Nuts <ul><li>Cashews</li></ul></li></ul> <ul><li>Raisins</li></ul> <h3><span class="mw-headline" id="Enumerations">Enumerations</span></h3> <p>Enumerations are produced in the same way, using '#'. </p> <pre style="background-color:lightyellow;"># Sift # Mix ## Stir thoroughly # Bake </pre> <p>produces </p> <ol><li>Sift</li> <li>Mix <ol><li>Stir thoroughly</li></ol></li> <li>Bake</li></ol> <p>For more details see <a rel="nofollow" class="external text" href="http://meta.wikimedia.org/wiki/Help:List">wikimedia</a> on lists. </p> <h3><span class="mw-headline" id="Combining_Bulleted_Lists_and_Enumerations">Combining Bulleted Lists and Enumerations</span></h3> <p>You can have an enumerated sublist in a bulleted list and vice versa, like this: </p> <pre style="background-color:lightyellow;">* Nuts *# Cashew *# Crazy * Other things </pre> <p>produces </p> <ul><li>Nuts <ol><li>Cashew</li> <li>Crazy</li></ol></li> <li>Other things</li></ul> <p>while </p> <pre style="background-color:lightyellow;"># Nuts #* Cashew #* Crazy # Other things </pre> <p>produces </p> <ol><li>Nuts <ul><li>Cashew</li> <li>Crazy</li></ul></li> <li>Other things</li></ol> <div class="alert mw-message-box-alert-success icon-dark-invert mw-message-box"> <figure class="mw-halign-left" typeof="mw:File"><span><img src="/images.userbase/thumb/c/c1/Note-box-icon.png/40px-Note-box-icon.png" decoding="async" width="40" height="40" class="mw-file-element" srcset="/images.userbase/thumb/c/c1/Note-box-icon.png/60px-Note-box-icon.png 1.5x, /images.userbase/thumb/c/c1/Note-box-icon.png/80px-Note-box-icon.png 2x" /></span><figcaption></figcaption></figure> <div> <p><strong>Note</strong> </p> <div>Enumerations should never have blank lines in them: it breaks the sequence and numbering starts at one again. Similarly, there should never be blank lines before a sublist item whether enumerated or bulleted: it creates two levels of item markings (bullets or numbers)</div> </div> </div> <p><br /> </p> <div class="alert mw-message-box-alert-success icon-dark-invert mw-message-box"> <figure class="mw-halign-left" typeof="mw:File"><span><img src="/images.userbase/thumb/c/c1/Note-box-icon.png/40px-Note-box-icon.png" decoding="async" width="40" height="40" class="mw-file-element" srcset="/images.userbase/thumb/c/c1/Note-box-icon.png/60px-Note-box-icon.png 1.5x, /images.userbase/thumb/c/c1/Note-box-icon.png/80px-Note-box-icon.png 2x" /></span><figcaption></figcaption></figure> <div> <p><strong>Note</strong> </p> <div>Please remember, that long lists are a problem for translators. With single level bulleted lists, place each bullet in a section of its own, i.e. make a blank line between bullets. With two levels of bullets the subitems must be kept in the same section as their top level bullet; if you have to use subbullets, please keep the sublists short! With enumerations involved, you must keep everything in one unit. Please try to avoid enumerations, and if you find that you must use them try to keep them short.</div> </div> </div> <p><br /> </p> <div class="alert mw-message-box-alert-error mw-message-box"> <figure class="mw-halign-left" typeof="mw:File"><span><img src="/images.userbase/thumb/0/02/Flag-red.png/40px-Flag-red.png" decoding="async" width="40" height="40" class="mw-file-element" srcset="/images.userbase/thumb/0/02/Flag-red.png/60px-Flag-red.png 1.5x, /images.userbase/thumb/0/02/Flag-red.png/80px-Flag-red.png 2x" /></span><figcaption></figcaption></figure> <div> <p><strong>Workaround</strong> </p> <div>Though it is important to avoid blank lines in enumerations and nested lists it is still possible to split such lists in several translations units. This is highly recommended!</div> </div> </div> <p><br /> To get each bullet and each sub bullet in its own translation unit you can enter something like this: </p> <pre style="background-color:lightyellow;">* First bullet </translate > <translate > ** First sub bullet </translate > <translate > ** Another sub bullet<br /><br />This one consists of two paragraphs </translate > <translate > * The next main bullet </translate > <translate > ** And so on</pre> <p>This displays like this: </p> <ul><li>First bullet <ul><li>First sub bullet</li> <li>Another sub bullet<br /><br />This one consists of two paragraphs</li></ul></li> <li>The next main bullet <ul><li>And so on</li></ul></li></ul> <p>The same method should apply to the other kinds of lists. </p><p>If on the other hand you need to have more sections in the same item, you can do something like this to have each section in a translation unit of its own: </p> <pre style="background-color:lightyellow;">* First bullet </translate > <translate > * Second bullet, first section. </translate><br /><br /> <translate > Second section of the second bullet. This section has a translation unit of its own </translate > <translate > * And so on</pre> <p>This displays like this: </p> <ul><li>First bullet</li> <li>Second bullet, first section.<br /><br />Second section of the second bullet. This section has a translation unit of its own</li> <li>And so on</li></ul> <h3><span class="mw-headline" id="Itemizations">Itemizations</span></h3> <p>Itemizations are produced using <b>;</b> and <b>:</b> alternatively. They are best for giving short descriptions for a group of related objects. </p> <pre style="background-color:lightyellow;">;Animals : They move around and devour other creatures. ;Plants : They have roots and feed upon ground water and sun. </pre> <p>produces </p> <dl><dt>Animals</dt> <dd>They move around and devour other creatures.</dd></dl> <dl><dt>Plants</dt> <dd>They have roots and feed upon ground water and sun.</dd></dl> <div class="alert mw-message-box-alert-success icon-dark-invert mw-message-box"> <figure class="mw-halign-left" typeof="mw:File"><span><img src="/images.userbase/thumb/c/c1/Note-box-icon.png/40px-Note-box-icon.png" decoding="async" width="40" height="40" class="mw-file-element" srcset="/images.userbase/thumb/c/c1/Note-box-icon.png/60px-Note-box-icon.png 1.5x, /images.userbase/thumb/c/c1/Note-box-icon.png/80px-Note-box-icon.png 2x" /></span><figcaption></figcaption></figure> <div> <p><strong>Note</strong> </p> <div>As always, please keep each item in a section of its own; it helps translators a lot.</div> </div> </div> <p><br /> </p> <h3><span class="mw-headline" id="Add_a_Link">Add a Link</span></h3> <p>There are three kinds of links to learn, internal ones, to another userbase page, internal links to a section of a userbase page, and external URL links. </p><p>For an internal link the format [[PageLayout]], where you want to display the name of the page, does work, but it is not ideal, particularly for translation to docbook and for localisation. It is better to use the form [[Special:myLanguage/PageLayout|Page Layout]], because that allows translators to link correctly even though the page name is localised. The result is that it directs to the correctly translated page, if one exists. You often need to include the link in a sentence, so in that case you would use </p> <pre style="background-color:lightyellow;">[[Special:myLanguage/PageLayout|this page]]</pre><p> which displays </p><p><a href="/Special:MyLanguage/PageLayout" title="Special:MyLanguage/PageLayout">this page</a> </p><p> Internal links to subsections of a page use character '#' (hash) and should look like this </p><pre style="background-color:lightyellow;">[[Special:myLanguage/Tasks_and_Tools#Working_with_Languages|...]]</pre><p>With this kind of link it is very important, that the page you link to declares the reference anchor. If the anchor contains space characters, replace them by character '_' (underscore) when calling the reference. If the reference is found, the section will be automatically displayed by your browser (if it manages anchors). If it is not the case, you will have to go down through the page to find the referenced section. External links are given as the URL and a text separated by a space and delimited by single square brackets as in </p><pre style="background-color:lightyellow;">[https://en.wikipedia.org/wiki/KDE KDE's Wikipedia page]</pre><p> which gives <a rel="nofollow" class="external text" href="https://en.wikipedia.org/wiki/KDE">KDE's Wikipedia page</a>. </p><h3><span class="mw-headline" id="Anchor_declaration">Anchor declaration</span></h3> <p>Anchor declaration must be done immediatly BEFORE the referenced section, and followed by a blank line separating the anchor and its headline. In the following example just copy in the ID value, the title of associated section. It should look like this: </p> <pre style="background-color:lightyellow;"></translate><span id="Working with Languages"></span> <translate></pre> <p>If the page containing the section that you link to is not yet marked up for translation, you should omit the </translate > and <translate > tags. </p><p>External links are slightly different so </p> <pre style="background-color:lightyellow;">[http://techbase.kde.org/Schedules our road map]</pre><p> displays </p><p><a rel="nofollow" class="external text" href="http://techbase.kde.org/Schedules">our road map</a>, which would take you straight to the techbase page. </p><p>One last thing to note - when you preview your page, all links are live. This gives you two benefits. You can check (by hovering) that your links are set up as you expected, and you can use a red link to create a new page. </p> <h3><span class="mw-headline" id="Make_an_application_list">Make an application list</span></h3> <p>If you want to make a list of applications like the ones in the subpages of <a href="/Special:MyLanguage/Applications" title="Special:MyLanguage/Applications">Applications</a>, you should use the <code>AppItem</code> template. Simply enter </p> <pre style="background-color:lightyellow;">{| {{AppItem|System Settings/Locale|Preferences-desktop-locale.png| Settings for localized handling of numbers, dates, etc}}A short text. A few more short lines about the app. This is optional. |- {{AppItem|System Settings/Shortcuts and Gestures|Preferences-desktop-keyboard.png| Shortcuts and Gestures}}Another short text. If you do not type <keycap>Enter</keycap> between the texts you get one section no matter how long the text is. |}</pre> <p>This gives the following display: </p> <table> <tbody><tr> <td colspan="2"><h4><span id="Settings_for_localized_handling_of_numbers.2C_dates.2C_etc"></span><span class="mw-headline" id="Settings_for_localized_handling_of_numbers,_dates,_etc"><a href="/Special:MyLanguage/System_Settings/Locale" title="Special:MyLanguage/System Settings/Locale"> Settings for localized handling of numbers, dates, etc</a></span></h4> </td></tr> <tr> <td><span typeof="mw:File"><a href="/Special:MyLanguage/System_Settings/Locale" title="Special:MyLanguage/System Settings/Locale"><img src="/images.userbase/thumb/c/c5/Preferences-desktop-locale.png/48px-Preferences-desktop-locale.png" decoding="async" width="48" height="48" class="mw-file-element" srcset="/images.userbase/thumb/c/c5/Preferences-desktop-locale.png/72px-Preferences-desktop-locale.png 1.5x, /images.userbase/thumb/c/c5/Preferences-desktop-locale.png/96px-Preferences-desktop-locale.png 2x" /></a></span></td> <td>A short text. <p>A few more short lines about the app. This is optional. </p> </td></tr> <tr> <td colspan="2"><h4><span class="mw-headline" id="Shortcuts_and_Gestures"><a href="/Special:MyLanguage/System_Settings/Shortcuts_and_Gestures" title="Special:MyLanguage/System Settings/Shortcuts and Gestures"> Shortcuts and Gestures</a></span></h4> </td></tr> <tr> <td><span typeof="mw:File"><a href="/Special:MyLanguage/System_Settings/Shortcuts_and_Gestures" title="Special:MyLanguage/System Settings/Shortcuts and Gestures"><img src="/images.userbase/thumb/6/69/Preferences-desktop-keyboard.png/48px-Preferences-desktop-keyboard.png" decoding="async" width="48" height="48" class="mw-file-element" srcset="/images.userbase/thumb/6/69/Preferences-desktop-keyboard.png/72px-Preferences-desktop-keyboard.png 1.5x, /images.userbase/thumb/6/69/Preferences-desktop-keyboard.png/96px-Preferences-desktop-keyboard.png 2x" /></a></span></td> <td>Another short text. If you do not type <span class="keycap">Enter</span> between the texts you get one section no matter how long the text is. </td></tr></tbody></table> <p>Note, that you should not prepend "Special:myLanguage" to the page name - the template takes care of that. Also note, that you must give a title, even if the title is the same as the page name. </p> <h3><span class="mw-headline" id="Footnotes">Footnotes</span></h3> <p>Footnotes are rarely used in our pages, but if you need them you can place a <code><ref><i>text</i></ref></code> in the source where the footnote mark should appear. There has to be one <code><references /></code> somewhere in the source as well, usually towards the end of the page. This is where the text added by the <ref> tags will appear. For more info see the <a rel="nofollow" class="external text" href="http://en.wikipedia.org/wiki/Help:Footnotes">Wikipedia help page</a>. </p> <h2><span class="mw-headline" id="Illustrate_Your_Text">Illustrate Your Text</span></h2> <h3><span id="Add_a_single_image.2C_centered"></span><span class="mw-headline" id="Add_a_single_image,_centered">Add a single image, centered</span></h3> <pre style="background-color:lightyellow;">[[File:KMail-kde4.png|250px|center]]</pre> <p>Note that you can change the position of the image, but the default is left. The size of the image depends on the circumstances, but for screenshots I recommend no less than 250px and no more than 500px. </p><p>Also note that <code>Image:</code> and <code>File:</code> are synonyms. So that <code>[[Image:KMail-kde4.png]]</code> is the same as <code>[[File:KMail-kde4.png]]</code>. However <code>Image:</code> is deprecated, so prefer <code>File:</code> in new content. </p><p>see <a class="external text" href="http://www.mediawiki.org/wiki/Help:Images">mediawiki</a> for more info. </p> <h3><span class="mw-headline" id="Make_the_Image_Clickable_and_Add_a_Caption">Make the Image Clickable and Add a Caption</span></h3> <p>Where you need to show more detail, create a moderately sized image, clickable, so that the full-size can be seen. Simply add the parameter '|thumb' within the image parentheses. </p><p>A caption can also be added as a parameter, but will only show if '|thumb' is present. </p><p>Example: </p> <pre style="background-color:lightyellow;">[[File:file_name.png|thumb|this will be the caption]]</pre> <h3><span class="mw-headline" id="Add_a_caption_without_a_thumbnail">Add a caption without a thumbnail</span></h3> <p>Captions also appear on images marked up with the frame syntax. </p><p>Example: </p> <pre style="background-color:lightyellow;">[[File:image.png|frame|left|this will be the caption]] </pre> <h3><span class="mw-headline" id="Prevent_text_from_flowing_around_image">Prevent text from flowing around image</span></h3> <p>Sometimes you might not want the text to flow down the sides of your image. You can prevent this by adding a <code> <br clear=all> </code> tag between the file tag and the text in question. </p><p>Example: </p> <pre style="background-color:lightyellow;">[[File:image.png]] <br clear=all> This text would normally flow down the sides of the image but now it will be found under the image </pre> <h3><span class="mw-headline" id="Use_Tables_to_Precisely_Place_Multiple_Images">Use Tables to Precisely Place Multiple Images</span></h3> <pre style="background-color:lightyellow;">{|class="tablecenter" style="border: 1px solid grey;" |[[Image:Desktop-config-customized.png|230px|center]]||[[Image:Desktop-settings-rightclick.png|230px|center]] |- |[[Image:Desktop-theme-details-dialog.png|230px|center]]||[[Image:Plasma-multiple-themes.png|230px|center]] |}</pre> <p>displays </p> <table class="tablecenter" style="border: 1px solid grey;"> <tbody><tr> <td><figure class="mw-halign-center" typeof="mw:File"><a href="/File:Desktop-config-customized.png" class="mw-file-description"><img src="/images.userbase/thumb/c/c3/Desktop-config-customized.png/230px-Desktop-config-customized.png" decoding="async" width="230" height="144" class="mw-file-element" srcset="/images.userbase/thumb/c/c3/Desktop-config-customized.png/345px-Desktop-config-customized.png 1.5x, /images.userbase/thumb/c/c3/Desktop-config-customized.png/460px-Desktop-config-customized.png 2x" /></a><figcaption></figcaption></figure></td> <td><figure class="mw-halign-center" typeof="mw:File"><a href="/File:Desktop-settings-rightclick.png" class="mw-file-description"><img src="/images.userbase/thumb/8/89/Desktop-settings-rightclick.png/230px-Desktop-settings-rightclick.png" decoding="async" width="230" height="135" class="mw-file-element" srcset="/images.userbase/thumb/8/89/Desktop-settings-rightclick.png/345px-Desktop-settings-rightclick.png 1.5x, /images.userbase/thumb/8/89/Desktop-settings-rightclick.png/460px-Desktop-settings-rightclick.png 2x" /></a><figcaption></figcaption></figure> </td></tr> <tr> <td><figure class="mw-halign-center" typeof="mw:File"><a href="/File:Desktop-theme-details-dialog.png" class="mw-file-description"><img src="/images.userbase/thumb/8/81/Desktop-theme-details-dialog.png/230px-Desktop-theme-details-dialog.png" decoding="async" width="230" height="135" class="mw-file-element" srcset="/images.userbase/thumb/8/81/Desktop-theme-details-dialog.png/345px-Desktop-theme-details-dialog.png 1.5x, /images.userbase/thumb/8/81/Desktop-theme-details-dialog.png/460px-Desktop-theme-details-dialog.png 2x" /></a><figcaption></figcaption></figure></td> <td><figure class="mw-halign-center" typeof="mw:File"><a href="/File:Plasma-multiple-themes.png" class="mw-file-description"><img src="/images.userbase/thumb/f/f4/Plasma-multiple-themes.png/230px-Plasma-multiple-themes.png" decoding="async" width="230" height="135" class="mw-file-element" srcset="/images.userbase/thumb/f/f4/Plasma-multiple-themes.png/345px-Plasma-multiple-themes.png 1.5x, /images.userbase/thumb/f/f4/Plasma-multiple-themes.png/460px-Plasma-multiple-themes.png 2x" /></a><figcaption></figcaption></figure> </td></tr></tbody></table> <p><br /> </p><p>Note that all the parameters for one image are contained within [[...]], and cells are separated by '||'. To start a new line, insert '|-' on an otherwise-empty line, then '|' at the start of the next one. </p><p>For more details on Table formating see <a class="external text" href="http://www.mediawiki.org/wiki/Help:Tables">mediawiki</a> <span id="Embed_a_Video"></span> </p> <h3><span class="mw-headline" id="Embed_a_Video">Embed a Video</span></h3> <p>As of July 2012 the MediaWiki <a class="external text" href="http://www.mediawiki.org/wiki/Extension:EmbedVideo">EmbedVideo</a> extension has been installed on userbase.kde. This means you can embed videos from various video hosting sites into the page content and have them display in line. </p><p>EmbedVideo parser function expects to be called in any of the following ways: </p><p> {{#ev:service|id}} <br /> {{#ev:service|id|width}}<br /> {{#ev:service|id|width|align}}<br /> {{#ev:service|id|width|align|desc}}<br /> {{#evp:service|id|desc}}<br /> {{#evp:service|id|desc|align}}<br /> {{#evp:service|id|desc|align|width}}<br /> </p><p>Where: <br /> </p> <pre>service is the name of a video sharing service (See "service name" in the list below) id is the id of the video to include width (optional) is the width in pixels of the viewing area (height will be determined automatically) align (optional) is an alignment (float) attribute. May be "left" or "right". desc (optional) is a short description to display beneath the video when it is aligned </pre> <p>For example, to include the famous "evolution of dance" YouTube video, you'd enter: </p> <pre>{{#ev:youtube|dMH0bHeiRNg}}</pre> <p>And if you wanted scaled down to thumbnail size, on the right with a short description, you could use: </p> <pre>{{#ev:youtube|dMH0bHeiRNg|100|right|This is an embedded video!}}</pre> <p><br /> As of version 1.0, EmbedVideo supports embedding video content from the following services: </p> <table class="wikitable"> <tbody><tr> <th>Site </th> <th>Service Name </th></tr> <tr> <th><a rel="nofollow" class="external text" href="http://www.dailymotion.com/">Dailymotion</a> </th> <td><tt>dailymotion</tt> </td></tr> <tr> <th>Div Share </th> <td><tt>divshare</tt> </td></tr> <tr> <th><a rel="nofollow" class="external text" href="http://edutopia.org">Edutopia</a> </th> <td><tt>edutopia</tt> </td></tr> <tr> <th><a rel="nofollow" class="external text" href="http://www.funnyordie.com/">FunnyOrDie</a> </th> <td><tt>funnyordie</tt> </td></tr> <tr> <th><a rel="nofollow" class="external text" href="http://video.google.com/">Google Video</a> </th> <td><tt>googlevideo</tt> </td></tr> <tr> <th><a rel="nofollow" class="external text" href="http://interia.pl/">Interia</a> </th> <td><tt>interia</tt> or <tt>interiavideo</tt> </td></tr> <tr> <th><a rel="nofollow" class="external text" href="http://revver.com/">Revver</a> </th> <td><tt>revver</tt> </td></tr> <tr> <th><a rel="nofollow" class="external text" href="http://sevenload.com/">sevenload</a> </th> <td><tt>sevenload</tt> </td></tr> <tr> <th><a rel="nofollow" class="external text" href="http://teachertube.org">TeacherTube</a> </th> <td><tt>teachertube</tt> </td></tr> <tr> <th><a rel="nofollow" class="external text" href="http://www.youtube.com/">YouTube</a> </th> <td><tt>youtube</tt> and <tt>youtubehd</tt> </td></tr> <tr> <th><a rel="nofollow" class="external text" href="http://www.vimeo.com">Vimeo</a> </th> <td><tt>vimeo</tt> </td></tr></tbody></table> <p><span id="Add_Notes_and_Warnings"></span> </p> <h2><span class="mw-headline" id="Add_Notes_and_Warnings">Add Notes and Warnings</span></h2> <div class="alert mw-message-box-alert-warning mw-message-box"> <figure class="mw-halign-left" typeof="mw:File"><span><img src="/images.userbase/thumb/c/cb/Warning.png/40px-Warning.png" decoding="async" width="40" height="40" class="mw-file-element" srcset="/images.userbase/thumb/c/cb/Warning.png/60px-Warning.png 1.5x, /images.userbase/thumb/c/cb/Warning.png/80px-Warning.png 2x" /></span><figcaption></figcaption></figure> <div> <p><strong>Important</strong> </p> <div>Indented boxes do not display correctly! Never put a colon in front of a box; it will make the box look very odd.</div> </div> </div> <p><br /> Where a note or warning is relevant within your text, use these templates: </p><p>{{Info|This is general information}} displays </p> <div class="alert mw-message-box-alert-info mw-message-box"> <figure class="mw-halign-left" typeof="mw:File"><span><img src="/images.userbase/thumb/8/82/Dialog-information.png/40px-Dialog-information.png" decoding="async" width="40" height="40" class="mw-file-element" srcset="/images.userbase/thumb/8/82/Dialog-information.png/60px-Dialog-information.png 1.5x, /images.userbase/thumb/8/82/Dialog-information.png/80px-Dialog-information.png 2x" /></span><figcaption></figcaption></figure> <div> <p><strong>Information</strong> </p> <div>This is general information</div> </div> </div> <p><br /> {{Note|Some important information at this point}} displays </p> <div class="alert mw-message-box-alert-success icon-dark-invert mw-message-box"> <figure class="mw-halign-left" typeof="mw:File"><span><img src="/images.userbase/thumb/c/c1/Note-box-icon.png/40px-Note-box-icon.png" decoding="async" width="40" height="40" class="mw-file-element" srcset="/images.userbase/thumb/c/c1/Note-box-icon.png/60px-Note-box-icon.png 1.5x, /images.userbase/thumb/c/c1/Note-box-icon.png/80px-Note-box-icon.png 2x" /></span><figcaption></figcaption></figure> <div> <p><strong>Note</strong> </p> <div>Some important information at this point</div> </div> </div> <p><br /> {{Tip|A helpful piece of advice, something to remember}}displays </p> <div class="alert mw-message-box-alert-success mw-message-box"> <figure class="mw-halign-left" typeof="mw:File"><span><img src="/images.userbase/thumb/9/98/Ktip.png/40px-Ktip.png" decoding="async" width="40" height="40" class="mw-file-element" srcset="/images.userbase/thumb/9/98/Ktip.png/60px-Ktip.png 1.5x, /images.userbase/9/98/Ktip.png 2x" /></span><figcaption></figcaption></figure> <div> <p><strong>Tip</strong> </p> <div>A helpful piece of advice, something to remember</div> </div> </div> <p><br /> {{Warning|Take care - this is a dangerous thing to do}} displays </p> <div class="alert mw-message-box-alert-warning mw-message-box"> <figure class="mw-halign-left" typeof="mw:File"><span><img src="/images.userbase/thumb/c/cb/Warning.png/40px-Warning.png" decoding="async" width="40" height="40" class="mw-file-element" srcset="/images.userbase/thumb/c/cb/Warning.png/60px-Warning.png 1.5x, /images.userbase/thumb/c/cb/Warning.png/80px-Warning.png 2x" /></span><figcaption></figcaption></figure> <div> <p><strong>Warning</strong> </p> <div>Take care - this is a dangerous thing to do</div> </div> </div> <p><br /> Where the strongest possible warning is needed, the Remember box can be used, but please use sparingly. {{Remember|1=This is for things that definitely must not be forgotten}} </p> <div class="alert mw-message-box-alert-error mw-message-box"> <figure class="mw-halign-left" typeof="mw:File"><span><img src="/images.userbase/thumb/0/02/Flag-red.png/40px-Flag-red.png" decoding="async" width="40" height="40" class="mw-file-element" srcset="/images.userbase/thumb/0/02/Flag-red.png/60px-Flag-red.png 1.5x, /images.userbase/thumb/0/02/Flag-red.png/80px-Flag-red.png 2x" /></span><figcaption></figcaption></figure> <div> <p><strong>Remember</strong> </p> <div>This is for things that definitely must not be forgotten</div> </div> </div> <p><br /> You can also change the heading: </p> <div class="alert mw-message-box-alert-error mw-message-box"> <figure class="mw-halign-left" typeof="mw:File"><span><img src="/images.userbase/thumb/0/02/Flag-red.png/40px-Flag-red.png" decoding="async" width="40" height="40" class="mw-file-element" srcset="/images.userbase/thumb/0/02/Flag-red.png/60px-Flag-red.png 1.5x, /images.userbase/thumb/0/02/Flag-red.png/80px-Flag-red.png 2x" /></span><figcaption></figcaption></figure> <div> <p><strong>Don't Forget This!</strong> </p> <div>You can use parameter number 2 to set an individual box heading: <pre style="background-color:lightyellow;">{{Remember|2=Don't Forget This!|1=You can use...}}</pre></div> </div> </div> <p><br /> </p> <h2><span class="mw-headline" id="Page_Redirection">Page Redirection</span></h2> <p>You can make a page to redirect to another page automatically by using: </p> <pre>#REDIRECT [[Pagename]]</pre> <h2><span class="mw-headline" id="KDE3_and_KDE_SC_4_Versions_of_Applications">KDE3 and KDE SC 4 Versions of Applications</span></h2> <p>By default, KDE SC 4 is assumed. If the KDE SC 4 version is not yet ready for release, or where only a KDE 3 version exists, it may be necessary to document the KDE3 version. In this case you should add the template {{<a href="/Template:KDE3" title="Template:KDE3">KDE3</a>}} which displays <span typeof="mw:File"><a href="/File:Kde3-button.png" class="mw-file-description"><img src="/images.userbase/thumb/8/87/Kde3-button.png/48px-Kde3-button.png" decoding="async" width="48" height="12" class="mw-file-element" srcset="/images.userbase/thumb/8/87/Kde3-button.png/72px-Kde3-button.png 1.5x, /images.userbase/thumb/8/87/Kde3-button.png/96px-Kde3-button.png 2x" /></a></span> Should you be writing about a KDE3 version and KDE SC 4 version on the same page, use icons for both — {{<a href="/Template:KDE4" title="Template:KDE4">KDE4</a>}} which displays <span typeof="mw:File"><a href="/File:Kde4-button.png" class="mw-file-description"><img src="/images.userbase/thumb/8/84/Kde4-button.png/48px-Kde4-button.png" decoding="async" width="48" height="12" class="mw-file-element" srcset="/images.userbase/thumb/8/84/Kde4-button.png/72px-Kde4-button.png 1.5x, /images.userbase/thumb/8/84/Kde4-button.png/96px-Kde4-button.png 2x" /></a></span> </p> <h2><span class="mw-headline" id="Other_Useful_Templates">Other Useful Templates</span></h2> <p><span id="Inserting_GUI_Icons"></span> </p> <h3><span class="mw-headline" id="Inserting_GUI_Icons">Inserting GUI Icons</span></h3> <p>The best way to refer to icons in the GUI is to display it in the text. This can be done with a template like this: <code>{{Icon|list-add}}</code>. This will display the <span typeof="mw:File"><span><img src="/images.userbase/8/81/Icon-list-add.png" decoding="async" width="22" height="22" class="mw-file-element" /></span></span> icon. </p><p>For this to work, the icon image must have been uploaded to the wiki. See <a href="/Special:MyLanguage/Update_an_Image" title="Special:MyLanguage/Update an Image">Update an Image</a> for an explanation on how to upload images. The .png files can usually be found here: <tt>usr/share/icons/oxygen</tt>. If possible use the 16x16 icon. The file name should have an <tt>Icon-</tt> prefix as in <tt>Icon-list-add.png</tt> — apart from the prefix the filename should exactly match the usual name. Note, that when using the template you should neither write the <tt>Icon-</tt> prefix nor the <tt>.png</tt> file type extension. </p><p>The <span typeof="mw:File"><span><img src="/images.userbase/8/81/Icon-list-add.png" decoding="async" width="22" height="22" class="mw-file-element" /></span></span> icon can also be written as <code>{{Plus}}</code>, and the <span typeof="mw:File"><span><img src="/images.userbase/8/8d/Icon-list-remove.png" decoding="async" width="22" height="22" class="mw-file-element" /></span></span> icon as <code>{{Minus}}</code>. You can also use <code>{{Configure}}</code> to get the <span typeof="mw:File"><span><img src="/images.userbase/3/3e/Icon-configure.png" decoding="async" width="22" height="22" class="mw-file-element" /></span></span> icon, and <code>{{Exit}}</code> gets you the <span typeof="mw:File"><span><img src="/images.userbase/9/9f/Icon-application-exit.png" decoding="async" width="22" height="22" class="mw-file-element" /></span></span> icon. </p> <h3><span class="mw-headline" id="Community_Applications">Community Applications</span></h3> <p>The final consideration concerns those applications which are not distributed as core KDE applications. These need to be indicated by an icon, placing {{Community-app}} </p><p><br />  <span typeof="mw:File"><a href="/File:Dialog-information.png" class="mw-file-description"><img src="/images.userbase/thumb/8/82/Dialog-information.png/16px-Dialog-information.png" decoding="async" width="16" height="16" class="mw-file-element" srcset="/images.userbase/thumb/8/82/Dialog-information.png/24px-Dialog-information.png 1.5x, /images.userbase/thumb/8/82/Dialog-information.png/32px-Dialog-information.png 2x" /></a></span><a href="#Footnote">See footnote</a> </p><p><br /> at the end of your sentence or line, just as you would to denote a footnote in general writing. You then need to add {{Community-app-footnote}} which will create a footnote, like this: </p><p><br /> </p> <hr /> <p><span id="Footnote"><span typeof="mw:File"><a href="/File:Dialog-information.png" class="mw-file-description"><img src="/images.userbase/thumb/8/82/Dialog-information.png/16px-Dialog-information.png" decoding="async" width="16" height="16" class="mw-file-element" srcset="/images.userbase/thumb/8/82/Dialog-information.png/24px-Dialog-information.png 1.5x, /images.userbase/thumb/8/82/Dialog-information.png/32px-Dialog-information.png 2x" /></a></span><i><b>Support for this application can be found from the project's home page</b></i></span> </p><p><br /> </p> <h3><span class="mw-headline" id="Making_Major_Edits_to_Existing_Pages">Making Major Edits to Existing Pages</span></h3> <p>If a page is likely to be open for editing for some time there is a danger of conflicts - someone else may edit at the same time, and saving your edit will cancel out theirs, or vice versa. The way to avoid that is to make a temporary entry, directly under the language bar, using {{Being_Edited}} which will display </p> <div class="alert mw-message-box mw-message-box"> <figure class="mw-halign-left" typeof="mw:File"><span><img src="/images.userbase/3/3e/Being_edited.png" decoding="async" width="40" height="40" class="mw-file-element" /></span><figcaption></figcaption></figure> <div> <p><strong>Currently Being Edited</strong> </p> <div><b>This page is currently being edited.</b><br />If this notice persists for an unreasonable time, please either notify irc.freenode.org #kde-www or report on <a href="/User_talk:Claus_chr" title="User talk:Claus chr">Claus chr's Talk page</a><br /><br />Note: Pages should not normally be marked for translation while they are being actively worked on</div> </div> </div> <p><br /> </p><p><i>Don't forget to remove it when you have finished!</i> </p> <h3><span class="mw-headline" id="Adding_a_New_Complex_Page">Adding a New Complex Page</span></h3> <p>If you need to be able to work on a page for quite some time, over several days, for instance, you may like to use the Construction template - {{Construction}}, which displays </p> <div class="alert mw-message-box-alert-warning mw-message-box"> <figure class="mw-halign-left" typeof="mw:File"><span><img src="/images.userbase/f/f8/Under_construction.png" decoding="async" width="40" height="40" class="mw-file-element" /></span><figcaption></figcaption></figure> <div> <p><strong>Under Construction</strong> </p> <div><b>This is a new page, currently under construction!</b></div> </div> </div> <p><br /> </p> <h3><span class="mw-headline" id="Links_to_Pages_in_the_Neighbourhood">Links to Pages in the Neighbourhood</span></h3> <p>You can add links to a preceding or a following page using the <b>{{<a href="/Template:Prevnext2" title="Template:Prevnext2">Prevnext2</a>}}</b> template… </p> <pre style="background-color:lightyellow;">{{Prevnext2 | prevpage = Previous Pagename | nextpage = Following Pagename | prevtext = The page before this one | nexttext = The next page you should read | index = Index page | indextext = Back to Menu }}</pre> <p>…to produce helpful navigation links of the form… </p> <ul class="pager"> <li><a href="/Special:MyLanguage/Help:Editing" title="Special:MyLanguage/Help:Editing">← The page before this page</a></li> <li><b><a href="/Special:MyLanguage/Help:Editing" title="Special:MyLanguage/Help:Editing">↑ Back to Menu ↑</a></b></li> <li><a href="/Special:MyLanguage/Toolbox/Tables" title="Special:MyLanguage/Toolbox/Tables">This page you should read later →</a></li> </ul> <p>All six arguments are optional, but keep in mind that if you don't specify a value for the <code>indexname</code> parameter, the untranslated name of the current page will be displayed. For the first and last pages in a series, the template is most often used like this: </p> <table style="border-collapse: separate; border-spacing: 2em 0; margin: 1em auto 2em; width: 100%;"> <tbody><tr> <th scope="col" style="background-color: #eaecf0; border: 1px solid #a2a9b1;">First page </th> <th scope="col" style="background-color: #eaecf0; border: 1px solid #a2a9b1;">Last page </th></tr> <tr> <td style="padding: 0 1em; width: 50%;"><pre style="background-color:lightyellow;">{{Prevnext2 | nextpage = Following Pagename | nexttext = Read this page next | indextext = Tasks and Tools }}</pre> </td> <td style="padding: 0 1em; width: 50%;"><pre style="background-color:lightyellow;">{{Prevnext2 | prevpage = Previous Pagename | prevtext = The page before this one | indextext = Tasks and Tools }}</pre> </td></tr> <tr> <td style="font-size: 1.1em; padding: 0; text-align: center; word-spacing: 2em;">🡻 <b>Output</b> 🡻 </td> <td style="font-size: 1.1em; padding: 0; text-align: center; word-spacing: 2em;">🡻 <b>Output</b> 🡻 </td></tr> <tr> <td style="padding-left: 3em;"><ul class="pager"> <li><b>Tasks and Tools</b></li> <li><a href="/Special:MyLanguage/Toolbox/Tables" title="Special:MyLanguage/Toolbox/Tables">Read this page next →</a></li> </ul> </td> <td style="padding-left: 3em;"><ul class="pager"> <li><a href="/Special:MyLanguage/Help:Editing" title="Special:MyLanguage/Help:Editing">← The page before this one</a></li> <li><b>Tasks and Tools</b></li> </ul> </td></tr></tbody></table> <div class="alert mw-message-box-alert-success icon-dark-invert mw-message-box"> <figure class="mw-halign-left" typeof="mw:File"><span><img src="/images.userbase/thumb/c/c1/Note-box-icon.png/40px-Note-box-icon.png" decoding="async" width="40" height="40" class="mw-file-element" srcset="/images.userbase/thumb/c/c1/Note-box-icon.png/60px-Note-box-icon.png 1.5x, /images.userbase/thumb/c/c1/Note-box-icon.png/80px-Note-box-icon.png 2x" /></span><figcaption></figcaption></figure> <div> <p><strong>Note</strong> </p> <div>You should always specify link text (use <a href="http://www.mediawiki.org/wiki/Help:Links#Piped_links" class="extiw" title="mediawikiwiki:Help:Links">piped links</a>) for the pages you link to, and you should always prefix your wikilink targets (the part before the <code>|</code>) with <code>Special:myLanguage/</code> lest you create problems for the translators.</div> </div> </div> <p><br /> </p> <h3><span class="mw-headline" id="Links_to_bugs">Links to bugs</span></h3> <p>You can link directly to a bug in Bugzilla by using this template: </p><p><code>{{Bug|123456}}</code> </p><p>Please do not forget to add the <code><s> and </s></code> to strike through a bug that is closed. </p> <h2><span class="mw-headline" id="Adding_a_List_of_Sub-Pages">Adding a List of Sub-Pages</span></h2> <pre style="background-color:lightyellow;">== Subpages of {{FULLPAGENAME}} == {{Special:PrefixIndex/{{FULLPAGENAME}}/}}</pre> <p>is very useful when you want to list subpages with active links, such as </p> <h3><span class="mw-headline" id="Subpages_of_Toolbox">Subpages of Toolbox</span></h3> <p>It does, however, also list all "other-language" pages, so use with discretion. </p> <div class="mw-prefixindex-body"><ul class="mw-prefixindex-list"><li><a href="/Toolbox/Subpage_Demo" title="Toolbox/Subpage Demo">Toolbox/Subpage Demo</a></li> <li><a href="/Toolbox/Tables" title="Toolbox/Tables">Toolbox/Tables</a></li> <li><a href="/Toolbox/Tables/ca" title="Toolbox/Tables/ca">Toolbox/Tables/ca</a></li> <li><a href="/Toolbox/Tables/da" title="Toolbox/Tables/da">Toolbox/Tables/da</a></li> <li><a href="/Toolbox/Tables/en" title="Toolbox/Tables/en">Toolbox/Tables/en</a></li> <li><a href="/Toolbox/Tables/uk" title="Toolbox/Tables/uk">Toolbox/Tables/uk</a></li> <li><a href="/Toolbox/bn" title="Toolbox/bn">Toolbox/bn</a></li> <li><a href="/Toolbox/ca" title="Toolbox/ca">Toolbox/ca</a></li> <li><a href="/Toolbox/da" title="Toolbox/da">Toolbox/da</a></li> <li><a href="/Toolbox/en" title="Toolbox/en">Toolbox/en</a></li> <li><a href="/Toolbox/fr" title="Toolbox/fr">Toolbox/fr</a></li> <li><a href="/Toolbox/it" title="Toolbox/it">Toolbox/it</a></li> <li><a href="/Toolbox/ja" title="Toolbox/ja">Toolbox/ja</a></li> <li><a href="/Toolbox/ko" title="Toolbox/ko">Toolbox/ko</a></li> <li><a href="/Toolbox/lb" title="Toolbox/lb">Toolbox/lb</a></li> <li><a href="/Toolbox/pt-br" title="Toolbox/pt-br">Toolbox/pt-br</a></li> <li><a href="/Toolbox/ru" title="Toolbox/ru">Toolbox/ru</a></li> <li><a href="/Toolbox/uk" title="Toolbox/uk">Toolbox/uk</a></li> <li><a href="/Toolbox/zh-cn" title="Toolbox/zh-cn">Toolbox/zh-cn</a></li> <li><a href="/Toolbox/zh-tw" title="Toolbox/zh-tw">Toolbox/zh-tw</a></li> </ul></div> <p><br /> </p> <hr />   </div> <div class="printfooter" data-nosnippet="">Retrieved from "<a dir="ltr" href="https://userbase.kde.org/index.php?title=Toolbox&oldid=497222">https://userbase.kde.org/index.php?title=Toolbox&oldid=497222</a>"</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/Special:Categories" title="Special:Categories">Category</a>: <ul><li><a href="/Category:Contributing" title="Category:Contributing">Contributing</a></li></ul></div><div id="mw-hidden-catlinks" class="mw-hidden-catlinks mw-hidden-cats-hidden">Hidden categories: <ul><li><a href="/Category:KDE3" title="Category:KDE3">KDE3</a></li><li><a href="/Category:Needs_work" title="Category:Needs work">Needs work</a></li></ul></div></div> </div> </main> </div> <div class="mw-footer-container"> <footer id="footer" class="mw-footer" role="contentinfo" > <ul id="footer-info"> <li id="footer-info-lastmod"> This page was last edited on 13 November 2024, at 07:05.</li> <li id="footer-info-copyright">Content is available under <a class="external" rel="nofollow" href="/KDE_UserBase_Wiki:Copyrights">Creative Commons License SA 4.0</a> unless otherwise noted.</li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="/KDE_UserBase_Wiki:Privacy_policy">Privacy policy</a></li> <li id="footer-places-about"><a href="/KDE_UserBase_Wiki:About">About KDE UserBase Wiki</a></li> <li id="footer-places-disclaimers"><a href="/KDE_UserBase_Wiki:General_disclaimer">Disclaimers</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="/KDE_UserBase_Wiki:Copyrights"><img src="/resources/assets/licenses/gfdlcc.png" alt="Creative Commons License SA 4.0" width="88" height="31" loading="lazy"></a></li> <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/"><img src="/resources/assets/poweredby_mediawiki_88x31.png" alt="Powered by MediaWiki" srcset="/resources/assets/poweredby_mediawiki_132x47.png 1.5x, /resources/assets/poweredby_mediawiki_176x62.png 2x" width="88" height="31" loading="lazy"></a></li> </ul> </footer> </div> </div> </div> <div class="vector-settings" id="p-dock-bottom"> <ul> <li> <button class="cdx-button cdx-button--icon-only vector-limited-width-toggle" id=""><span class="vector-icon mw-ui-icon-fullScreen mw-ui-icon-wikimedia-fullScreen"></span> <span>Toggle limited content width</span> </button> </li> </ul> </div> <script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgBackendResponseTime":177,"wgPageParseReport":{"limitreport":{"cputime":"0.093","walltime":"0.098","ppvisitednodes":{"value":1480,"limit":1000000},"postexpandincludesize":{"value":15065,"limit":2097152},"templateargumentsize":{"value":7722,"limit":2097152},"expansiondepth":{"value":8,"limit":100},"expensivefunctioncount":{"value":0,"limit":100},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":7893,"limit":5000000},"timingprofile":["100.00% 18.466 1 -total"," 11.50% 2.124 15 Template:Box"," 9.27% 1.711 1 Special:PrefixIndex/Toolbox/"," 9.26% 1.710 2 Template:Info"," 6.33% 1.170 25 Template:Input"," 6.27% 1.157 5 Template:Note"," 6.09% 1.125 3 Template:Tl"," 4.86% 0.898 3 Template:Remember"," 4.29% 0.792 1 Template:Being_Edited"," 4.14% 0.764 3 Template:Prevnext2"]},"cachereport":{"timestamp":"20241124114345","ttl":0,"transientcontent":true}}});});</script>  <script type="text/javascript"> var _paq = _paq || []; _paq.push(["trackPageView"]); _paq.push(["enableLinkTracking"]); (function() { var u = (("https:" == document.location.protocol) ? "https" : "http") + "://"+"stats.kde.org/"; _paq.push(["setTrackerUrl", u+"piwik.php"]); _paq.push(["setSiteId", "23"]); var d=document, g=d.createElement("script"), s=d.getElementsByTagName("script")[0]; g.type="text/javascript"; g.defer=true; g.async=true; g.src=u+"piwik.js"; s.parentNode.insertBefore(g,s); })(); </script>   <noscript><img src="https://stats.kde.org/piwik.php?idsite=23&rec=1" style="border:0" alt="" /></noscript>  </body> </html>