Skip to content
Skip to breadcrumbs
Skip to header menu
Skip to action menu
Skip to quick search
Spaces
Create
Quick Search
Help
Online Help
Keyboard Shortcuts
Feed Builder
What’s new
About Confluence
Log in
Demonstration Space
Pages
Welcome to Confluence
Prettify the page with an image (step 4 of 9)
Prettify the page with an image (step 4 of 9)
You are not logged in. Any changes you make will be marked as
anonymous
. You may want to
Log In
if you already have an account. You can also
Sign Up
for a new account.
This page is also being edited by
. Your changes will be merged with theirs when you save.
image-effects
image-attributes
search
attachments
weblink
advanced
Paragraph
Paragraph
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Preformatted
Quote
Bold
Italic
Underline
Colour picker
More colours
Formatting
Strikethrough
Subscript
Superscript
Monospace
Clear formatting
Bullet list
Numbered list
Task list
Outdent
Indent
Align left
Align center
Align right
Page layout
Link
Table
Insert
Insert content
Image
Link
Attachment
Symbol
Emoticon
Markup
Horizontal rule
Task list
Insert macro
User mention
Info
Status
Gallery
Table of Contents
Other macros
Page layout
No layout
Two column (simple)
Two column (simple, left sidebar)
Two column (simple, right sidebar)
Three column (simple)
Two column
Two column (left sidebar)
Two column (right sidebar)
Three column
Three column (left and right sidebars)
Undo
Redo
Find/Replace
Keyboard shortcuts help
<div class="contentLayout2"> <div class="columnLayout single" data-layout="single"> <div class="cell normal" data-type="normal"> <div class="innerCell"> <p><span style="color: rgb(51,51,51);"><br /></span></p><p><span style="color: rgb(51,51,51);">The Confluence editor has been built to create content, fast. But that doesn't just mean using the written word, creating lists, or inserting links. <br /></span><span style="color: rgb(51,51,51);">You can embed images, Office documents, and videos – and that is just the tip of the iceberg when it comes to creating useful content for your teammates. <br /> </span></p></div> </div> </div> <div class="columnLayout two-right-sidebar" data-layout="two-right-sidebar"> <div class="cell normal" data-type="normal"> <div class="innerCell"> <ol><li style="text-align: left;"><strong>Edit</strong> the page.</li><li style="text-align: left;">Click in the right-hand column to position your cursor.</li><li style="text-align: left;">Click the <strong>Insert</strong> button in the editor toolbar. It looks like this:<br /><img class="confluence-embedded-image" src="/download/attachments/98311/step04-00.jpg?version=1&modificationDate=1368831130188&api=v2" data-image-src="/download/attachments/98311/step04-00.jpg?version=1&modificationDate=1368831130188&api=v2" data-linked-resource-id="196622" data-linked-resource-type="attachment" data-linked-resource-default-alias="step04-00.jpg" data-base-url="https://confluence.grouplink.com" data-linked-resource-container-id="98311" title="Demonstration Space > Prettify the page with an image (step 4 of 9) > step04-00.jpg" data-location="Demonstration Space > Prettify the page with an image (step 4 of 9) > step04-00.jpg"><br /><br /></li><li style="text-align: left;">Choose <strong>Image</strong> to launch the 'Insert Image' dialog.<br /><img class="confluence-embedded-image" src="/download/attachments/98311/step04-01.jpg?version=1&modificationDate=1368831130188&api=v2" data-image-src="/download/attachments/98311/step04-01.jpg?version=1&modificationDate=1368831130188&api=v2" data-linked-resource-id="196621" data-linked-resource-type="attachment" data-linked-resource-default-alias="step04-01.jpg" data-base-url="https://confluence.grouplink.com" data-linked-resource-container-id="98311" title="Demonstration Space > Prettify the page with an image (step 4 of 9) > step04-01.jpg" data-location="Demonstration Space > Prettify the page with an image (step 4 of 9) > step04-01.jpg"><br /><br /></li><li style="text-align: left;"><span>The 'Attached Images' tab shows you the images attached to this page. <br />Click the image named <strong>Confluence Origami Necktie</strong>.<br /></span></li><li style="text-align: left;">Click <strong>Insert</strong>.</li><li style="text-align: left;"><span style="color: rgb(51,51,51);">You will return to this page, and see the 'Image Properties Panel'. If you don't see it, click the image.</span></li><li style="text-align: left;"><span style="color: rgb(51,51,51);">You can resize the image by clicking on the square buttons.<br /><img class="confluence-embedded-image" src="/download/attachments/98311/step04-02.jpg?version=1&modificationDate=1368831130188&api=v2" data-image-src="/download/attachments/98311/step04-02.jpg?version=1&modificationDate=1368831130188&api=v2" data-linked-resource-id="196609" data-linked-resource-type="attachment" data-linked-resource-default-alias="step04-02.jpg" data-base-url="https://confluence.grouplink.com" data-linked-resource-container-id="98311" title="Demonstration Space > Prettify the page with an image (step 4 of 9) > step04-02.jpg" data-location="Demonstration Space > Prettify the page with an image (step 4 of 9) > step04-02.jpg"> <br /></span><span style="color: rgb(51,51,51);"><br /></span></li><li style="text-align: left;"><span style="color: rgb(51,51,51);">Click <strong>Effects</strong> and then select the <strong>Curl Shadow</strong> option from the 'Image Effects' dialog. <br /><img class="confluence-embedded-image" src="/download/attachments/98311/step04-03.jpg?version=1&modificationDate=1368831130188&api=v2" data-image-src="/download/attachments/98311/step04-03.jpg?version=1&modificationDate=1368831130188&api=v2" data-linked-resource-id="196615" data-linked-resource-type="attachment" data-linked-resource-default-alias="step04-03.jpg" data-base-url="https://confluence.grouplink.com" data-linked-resource-container-id="98311" title="Demonstration Space > Prettify the page with an image (step 4 of 9) > step04-03.jpg" data-location="Demonstration Space > Prettify the page with an image (step 4 of 9) > step04-03.jpg"> <br /> </span></li><li style="text-align: left;"><span style="color: rgb(51,51,51);">Your image should look like this when completed:<br /><img class="confluence-embedded-image confluence-thumbnail" width="300" confluence-query-params="effects=border-simple,shadow-kn" src="/download/thumbnails/98311/Confluence-Origami-Necktie.jpeg?version=1&modificationDate=1368831130188&api=v2&effects=border-simple,shadow-kn" data-image-src="/download/attachments/98311/Confluence-Origami-Necktie.jpeg?version=1&modificationDate=1368831130188&api=v2&effects=border-simple,shadow-kn" data-linked-resource-id="196613" data-linked-resource-type="attachment" data-linked-resource-default-alias="Confluence-Origami-Necktie.jpeg" data-base-url="https://confluence.grouplink.com" data-linked-resource-container-id="98311" title="Demonstration Space > Prettify the page with an image (step 4 of 9) > Confluence-Origami-Necktie.jpeg" data-location="Demonstration Space > Prettify the page with an image (step 4 of 9) > Confluence-Origami-Necktie.jpeg"><br /> </span></li><li style="text-align: left;">Click <strong>Save</strong> to save the page.<br /><img class="confluence-embedded-image" src="/download/attachments/98311/step04-04.jpg?version=1&modificationDate=1368831130188&api=v2" data-image-src="/download/attachments/98311/step04-04.jpg?version=1&modificationDate=1368831130188&api=v2" data-linked-resource-id="196619" data-linked-resource-type="attachment" data-linked-resource-default-alias="step04-04.jpg" data-base-url="https://confluence.grouplink.com" data-linked-resource-container-id="98311" title="Demonstration Space > Prettify the page with an image (step 4 of 9) > step04-04.jpg" data-location="Demonstration Space > Prettify the page with an image (step 4 of 9) > step04-04.jpg"></li></ol></div> </div> <div class="cell aside" data-type="aside"> <div class="innerCell"> <p> </p></div> </div> </div> <div class="columnLayout single" data-layout="single"> <div class="cell normal" data-type="normal"> <div class="innerCell"> <h1 style="text-align: center;"><span style="color: rgb(51,51,51);"><br /></span></h1><h1 style="text-align: center;"><span style="color: rgb(51,51,51);"><a class="confluence-link" href="/pages/viewpage.action?pageId=98306" data-linked-resource-id="98306" data-linked-resource-type="page" data-linked-resource-default-alias="Let's edit this page (step 3 of 9)" data-base-url="https://confluence.grouplink.com"><img class="confluence-embedded-image" src="/download/attachments/98306/prev.jpg?version=1&modificationDate=1368831130188&api=v2" data-image-src="/download/attachments/98306/prev.jpg?version=1&modificationDate=1368831130188&api=v2" data-linked-resource-id="196614" data-linked-resource-type="attachment" data-linked-resource-default-alias="prev.jpg" data-base-url="https://confluence.grouplink.com" data-linked-resource-container-id="98306" title="Demonstration Space > Let's edit this page (step 3 of 9) > prev.jpg" data-location="Demonstration Space > Let's edit this page (step 3 of 9) > prev.jpg"></a> <a class="confluence-link" href="/display/ds/Welcome+to+Confluence" data-linked-resource-id="98307" data-linked-resource-type="page" data-linked-resource-default-alias="Welcome to Confluence" data-base-url="https://confluence.grouplink.com"><img class="confluence-embedded-image" src="/download/attachments/98306/home.jpg?version=1&modificationDate=1368831130188&api=v2" data-image-src="/download/attachments/98306/home.jpg?version=1&modificationDate=1368831130188&api=v2" data-linked-resource-id="196611" data-linked-resource-type="attachment" data-linked-resource-default-alias="home.jpg" data-base-url="https://confluence.grouplink.com" data-linked-resource-container-id="98306" title="Demonstration Space > Let's edit this page (step 3 of 9) > home.jpg" data-location="Demonstration Space > Let's edit this page (step 3 of 9) > home.jpg"></a> <a class="confluence-link" href="/pages/viewpage.action?pageId=98310" data-linked-resource-id="98310" data-linked-resource-type="page" data-linked-resource-default-alias="Get serious with a table (step 5 of 9)" data-base-url="https://confluence.grouplink.com"><img class="confluence-embedded-image" src="/download/attachments/98306/next.jpg?version=1&modificationDate=1368831130188&api=v2" data-image-src="/download/attachments/98306/next.jpg?version=1&modificationDate=1368831130188&api=v2" data-linked-resource-id="196624" data-linked-resource-type="attachment" data-linked-resource-default-alias="next.jpg" data-base-url="https://confluence.grouplink.com" data-linked-resource-container-id="98306" title="Demonstration Space > Let's edit this page (step 3 of 9) > next.jpg" data-location="Demonstration Space > Let's edit this page (step 3 of 9) > next.jpg"></a></span></h1><p><span style="color: rgb(51,51,51);"><br /></span></p></div> </div> </div> </div>
7 Attachments
Labels
Watch this page
What did you change?
Notify watchers
Edit
Preview
Save
Cancel