Bedienungsanleitung Kompozer 07 (Seite 28 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 28

3 Click ‘Choose file’ and browse to the file that you

need.

4 Click ‘Open’

5 Click ‘Create stylesheet’

6 Click ‘OK’

You can now close CaScadeS, but, of course you

can work on the stylesheet in the usual way.

4.2.4.4 Saving stylesheets

Once you edit a stylesheet in KompoZer its name is

marked by a red symbol indicating that it has not been

saved. When you close CaScadeS changed sheets are

saved immediately.

Warning If the sheet is linked to several pages,

any others which are open at the time will not

recognise the change until they have been

closed and re-opened. (File > Revert)

4.2.5 Other style selectors

4.2.5.1 Introduction

Element styles (section 4.2.1) and named classes

(section 4.2.3) are the two main ‘selectors’ used for

styles. A selector may be thought of as the link which

attaches a particular style declaration to a particular

item on a page.

Note Strictly the class selector consists of the

class name and a prefixed dot.

In addition to these the CSS specification provides

a large range of more complex selectors most of which

lie outside the scope of this Guide. For details see the

CSS Specification section 5. (See appendix 2.) There

are however a few cases which are needed more fre-

quently and for less complex sites and these are

covered in the next two sections.

4.2.5.2 Link styles

Browsers render links in default colours and pro-

vides some options for controlling these (see 3.7.1.6).

Through the use of styles full control of each state of a

link is possible. This is achieved through the use of

selectors called link ‘pseudo-classes’.

The more important pseudo-classes are

Selector Descripton

a:link for all links not yet visited

a:visited for links that have been visited

a:hover for a link over which the cursor is hovering

Note The following procedures are based on the

use of internal style sheets. Very similar proce-

dures may be used with external stylesheets.

To create link pseudo-classes

1 Proceed as if creating a class (see section 4.2.3)

2 At step 4 select ‘Custom style rule’ and, in the

box enter the selector as listed above.

3 At step 5 the selector name should appear as

entered.

It is now possible to style these options fully, i.e.

not only with text colour and decoration but with

background, boxes, the lot.

Note that the a:hover must be placed after the

a:link and a:visited rules, since otherwise

the cascading rules will hide the a:hover rule.

The CSS editor enters styles in the order encoun-

tered. The order may be altered by selecting an item

and clicking the ‘Up’ or ‘Down’ button.

Note These styles will now be applied to links

automatically. They do not have to be applied

manually as do classes.

4.2.5.3 Form control styles

Setting up forms to appear as required may require

styles to be set for specific controls. These are set

exactly as just described for links it is merely neces-

sary to set styles for the required selectors. Some of

the main ones are listed following.

Control Element Selector

Submit button Input input[type=submit]

Reset button Input input[type=reset]

Text input Input input[type=text]

Text area textarea textarea

Label label label

Field set fieldset fieldset

Legend legend legend

4.2.5.4 ID styles

Ids (or Unique identifiers) haven’t been mentioned

so far.

Since an id is a unique identifier it can be used

once only (on any page). Most commonly ids are used

in conjunction with the div element to mark a particu-

lar area on a page such as a table of contents, a menu

or some such. It is helpful in such cases to give the id

a name which indicates its use.

To create a style based on an id

1 Click the CaScadeS button on the Composition

toolbar. The CSS Stylesheets window opens

2 If the stylesheet in which you wish to create the

class exists click it followed by the artist's palette

button . Else:

3 Click on the artist’s palette button. In

the sheets and rules box you will see

an internal stylesheet has been creat-

ed for you

4 Click the CaScadeS button on the Composition

toolbar. The CSS Stylesheets window opens.

5 To create a rule for an id click ‘style applied to an

element with specified id attribute’

6 Beside the blank box click the drop down arrow.

You will see listed all the ids in use on the page.

If you want to use one of these click it. Else:

7 If you want to create a style for an id not yet in

use enter the name for the id in the box.

Creating a style rule for an id

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 28

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