Bedienungsanleitung Kompozer 07 (Seite 27 von 58) (Englisch)

606646

Zoom out

Zoom in

Vorherige Seite

1/58

Nächste Seite

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

Missbrauch melden von Frage und/oder Antwort

Libble nimmt den Missbrauch seiner Dienste sehr ernst. Wir setzen uns dafür ein, derartige Missbrauchsfälle gemäß den Gesetzen Ihres Heimatlandes zu behandeln. Wenn Sie eine Meldung übermitteln, überprüfen wir Ihre Informationen und ergreifen entsprechende Maßnahmen. Wir melden uns nur dann wieder bei Ihnen, wenn wir weitere Einzelheiten wissen müssen oder weitere Informationen für Sie haben.

Kompozer 07 Seite 27

Brauchen Sie Hilfe? Stellen Sie Ihre Frage.

Missbrauch melden von Frage und/oder Antwort

Art des Missbrauchs:

Forenregeln

Neu registrieren

Andere Handbücher von Kompozer 07

Das Handbuch wird per E-Mail gesendet. Überprüfen Sie ihre E-Mail.

Ihre Frage wurde zu diesem Forum hinzugefügt

Info