Manual Kompozer 07 (page 27 of 58) (English)

606646

Zoom out

Zoom in

1/58

KompoZer User Guide — 17 December 2007 Based on version 0.7.10 27

the text, to apply a class to an inline section of

text (span) highlight the text.

3 Use the class selector box on the Format toolbar

(see figure), click the drop down arrow and select

the class required.

4 The result of applying the class should be seen

in any view mode.

Note Although KompoZer is not a browser it

replicates the browser display very well. Howev-

er styles applied to links are not rendered cor-

rectly.

Apply a class – Method 2

Note This mode cannot be used to create the

span element needed to style an inline section

of text but can style such a section once the

span exists.

1 If necessary close the CaScadeS.

2 EITHER in ‘HTML Tags’ view Click on the yellow

marker for the element for which you want to set

a class. (If the element does not become selected,

as indicated by outlining or highlighting on the

screen, press the control key while selecting.)

OR in Normal or Preview mode click in a block

you wish to style then click on the Status bar on

the right-most element listed.

3 Now both the block involved and the correspond-

ing element and on the status bar should be

highlighted. (See figure above.)

4 Right-click the highlighted element on the status

bar and select ‘Classes’. You should see a list of

all classes pop up (This includes classes on

internal and linked stylesheets.) Any class al-

ready applied to the element appears, marked

with a tick ( ), at the top of the list above the

divider line; other available classes are below the

line.

5 To add a new class, click the class; To remove a

class, click the class above the divider.

Once a class has been attributed to an element it

is shown on the the tag on the status bar.

Note Elements can actually have several class-

es applied. If you do this you should ensure that

the class properties don't conflict with each

other. Most people will probably prefer to apply

only one class at a time. You may need to check

that you don't apply more by mistake.

4.2.3.2 Removing classes

A similar procedure may be used to disconnect an

element from a class. Using the highlighted tag meth-

od simply select the ticked class, this deselects it.

Using the class selector box select the style again, this

should cancel it. Alternatively, after selecting the ele-

ment, right-click on the highlighted tag on the status

bar and select ‘Advanced properties’. The selected

class will be listed select it and click ‘Remove’.

4.2.4 External styles

There are three ways to start working with external

style sheets

External style sheets are created in almost exactly

the same way as internal sheets.

4.2.4.1 Create a new external style sheet

To create an external style sheet if the file has no

internal or external stylesheet.

1 Click the CaScadeS button on the

Composition toolbar. The CSS Style-

sheets window opens showing that an

internal stylesheet has been created

for you

2 Click on the name of the stylesheet ‘Internal

stylesheet’

3 Click the dropdown arrow beside the

artist's palette button and select

‘Linked stylesheet’

4 Click ‘Create stylesheet’

5 Click the name of the stylesheet again

6 Click ‘Export stylesheet and switch to exported

version’

7 Give it a name with extension css and save it,

preferably in the same folder as your page

8 Click ‘Save’

Once the sheet has been created you may use it to

store any style rules that you wish.

When we created internal styles they were entered

on our page in the HEAD section. Now the styles are

being created in an external file. If you looked, in

‘Source’ View, in the head area you would see a line

referring to the external file and linking it to your page.

4.2.4.2 Change an internal style listing into an

external stylesheet

If you already have set up your page using internal

styles you can convert them into an external stylesheet

and link to that.

Do this

1 Click the CaScadeS button on the Composition

toolbar. The CSS Stylesheets window opens

showing the existing internal stylesheet

2 Click on the name of the stylesheet ‘Internal

stylesheet’

3 Click ‘Export stylesheet and switch to exported

version’

4 Give it a name with extension css and save it,

preferably in the same folder as your page

5 Click ‘Save’

4.2.4.3 Link to an existing stylesheet

If you have a stylesheet that you created for anoth-

er page or intend to use right across your site you can

link your page to that.

To link to an existing external style sheet

1 Click the CaScadeS button on the Composition

toolbar. The CSS Stylesheets window opens

2 Click the dropdown arrow beside the artist’s

palette button and select ‘Linked stylesheet’

Applying styles

Report abuse

Libble takes abuse of its services very seriously. We're committed to dealing with such abuse according to the laws in your country of residence. When you submit a report, we'll investigate it and take the appropriate action. We'll get back to you only if we require additional details or have more information to share.

Product:

Forumrules

To achieve meaningful questions, we apply the following rules:

First, read the manual;
Check if your question has been asked previously;
Try to ask your question as clearly as possible;
Did you already try to solve the problem? Please mention this;
Is your problem solved by a visitor then let him/her know in this forum;
To give a response to a question or answer, do not use this form but click on the button 'reply to this question';
Your question will be posted here and emailed to our subscribers. Therefore, avoid filling in personal details.

new questions and answers
new manuals

You will receive an email to register for one or both of the options.

Get your user manual by e-mail

Enter your email address to receive the manual of Kompozer 07 in the language / languages: English as an attachment in your email.

The manual is 2,17 mb in size.

You will receive the manual in your email within minutes. If you have not received an email, then probably have entered the wrong email address or your mailbox is too full. In addition, it may be that your ISP may have a maximum size for emails to receive.

Others manual(s) of Kompozer 07

Kompozer 07 User Manual - German - 157 pages

The manual is sent by email. Check your email

If you have not received an email with the manual within fifteen minutes, it may be that you have a entered a wrong email address or that your ISP has set a maximum size to receive email that is smaller than the size of the manual.

The email address you have provided is not correct.

Please check the email address and correct it.

Your question is posted on this page

Would you like to receive an email when new answers and questions are posted? Please enter your email address.

Info

Kompozer 07 Manual

Product: