Handleiding Kompozer 07 (pagina 28 van 58) (Engels)

606646

Verklein

Vergroot

Pagina terug

1/58

Pagina verder

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

Spelregels forum

Om tot zinvolle vragen te komen hanteren wij de volgende spelregels:

lees eerst de handleiding door;
controleer of uw vraag al eerder door iemand anders is gesteld;
probeer uw vraag zo duidelijk mogelijk te stellen;
heeft u een probleem en al geprobeerd om dit op te lossen, vermeld dit erbij aub;
heeft u een oplossing gekregen van een bezoeker dan horen wij dat graag in dit forum;
wilt u een reactie geven op een vraag of antwoord, gebruik dan niet dit formulier maar klik op de knop 'reageer op deze vraag';
uw vraag wordt direct op de website gezet; vermijd daarom persoonlijke gegevens in te vullen;

Belangrijk! Als er een antwoord wordt gegeven op uw vraag, dan is het voor de gever van het antwoord nuttig om te weten als u er wel (of niet) mee geholpen bent! Wij vragen u dus ook te reageren op een antwoord.

Belangrijk! Antwoorden worden ook per e-mail naar abonnees gestuurd. Laat uw emailadres achter op deze site, zodat u op de hoogte blijft. U krijgt dan ook andere vragen en antwoorden te zien.

Kompozer 07 Handleiding

Hulp nodig? Stel uw vraag in het forum

Misbruik melden

Product:

Spelregels forum

Abonneren

Ontvang uw handleiding per email

Stel vragen via chat aan uw handleiding

Andere handleiding(en) van Kompozer 07

Uw handleiding is per email verstuurd. Controleer uw email

Er is een email naar u verstuurd om uw inschrijving definitief te maken.

U heeft geen emailadres opgegeven

Uw vraag is op deze pagina toegevoegd

Info