M`bhc`vh: Nqmnbm{e p`anwhe opnvedsp{ > Oepejk~w`rekh: P`gbepr{b`mhe rejqr` h phqsmjnb >

Tnpl`rhpnb`mhe oepejk~w`rekei q CSS

Oew`r| }rncn p`gdek` Oped{dsy` qrp`mhv`Bepmsr|q j jp`rjnls nagnps ck`b{Qkeds~y` qrp`mhv`
P`gbepmsr| bqe Qbepmsr| bqe

B }rnl p`gdeke:

Jncd` b`x` qop`bj` }jqonprhpserq b HTML-nqmnb`mm{e tnpl`r{, r}ch qq{kjh <a> dk rejqrnb{u oepejk~w`rekei h r}c <img> dk oepejk~w`rekei hgnap`femh }jqonprhpserq q jk`qq`lh CSS, jnrnp{e ongbnk~r hglemhr| onbkemhe h onbedemhe b`xhu qq{knj oepejk~w`rek, dna`bk nopedekemh qrhk CSS dk }rhu jk`qqnb j x`aknms HTML dk b`xhu qrp`mhv p`gdek`.

]rnr p`gdek - dk no{rm{u onk|gnb`rekei:

Qkeds~yhe hmqrpsjvhh b }rnl p`gdeke rpeas~r meank|xncn no{r` q m`ohq`mhel HTML bpswms~ h hqonk|gnb`mh qrhkei CSS. Eqkh B{ wsbqrbsere qea ng`d`wemm{l }rhl, l{ pejnlemdsel, wrna{ B{ g`qr`bhkh no{rmncn dpsc` hkh jnkkecs onlnc`r| B`l.

Ql. ck`b{ Hqonk|gnb`mhe x`aknmnb HTML h N x`aknm`u HTML dk ondpnamni hmtnpl`vhh nrmnqhrek|mn hqonk|gnb`mh h ped`jrhpnb`mh x`aknmnb HTML.

B{ lnfere m`irh nqmnbmne psjnbndqrbn, nazqm~yee, j`j dek`r| }rn, m` Tnpsle onk|gnb`rekei Help & Manual. (Eqkh B{ eye me wkem tnpsl`, m`flhre Pechqrp`vh b g`cnknbje tnpsl`, }rn aeqok`rmn!) Psjnbndqrbn nazqmer, j`j qdek`r| }rn dk pecskpm{u qrhkei choepqq{knj, mn eqkh B{ hqonk|gsere ophlep{ mhfe, B{ lnfere ophlemhr| rs fe opnvedsps j b`xhl qrhkl oepejk~w`rek.

Jk`qq{ CSS dk rhonb qq{knj oepejk~w`rek:

Help & Manual }jqonprhpser jk`qq{ CSS b nqmnbm{e r}ch bqeu rpeu rhonb oepejk~w`rek. Jk`qq{ ophlem~rq j r}c`l qq{kjh <a> dk oepejk~w`rekei p`gbepr{b`mh qejvhh h p`gbepr{b`mh bmsrpemmecn rejqr` h j r}cs <img> hgnap`femh dk oepejk~w`rekei p`gbepr{b`mh hgnap`femh.

Hlem` jk`qq`, hqonk|gsel{e b r}c`u oepejk~w`rekei qq{kjh h hgnap`femh:

Rho oepejk~w`rek

Hl jk`qq`

Ophlep jnd` qq{kjh

Oepejk~w`rek| p`gbepr{b`mh qejvhh:

dropdown-toggle

<a class="dropdown-toggle" title="Rejqr ondqj`gjh"
href="...jnd oepejk~w`rek JavaScript...">
Rejqr g`cnknbj`/qq{kjh oepejk~w`rek qejvhh</a>

Oepejk~w`rek| p`gbepr{b`mh bmsrpemmecn rejqr`:

inline-toggle

<a class="inline-toggle" title="Rejqr ondqj`gjh"
href="...jnd oepejk~w`rek JavaScript...">
Rejqr qq{kjh bmsrpemmecn oepejk~w`rek</a>

Oepejk~w`rek| p`gbepr{b`mh hgnap`femh:

image-toggle

<img id="TOGGLE0186A2" class="image-toggle"
src="imagename.jpg" border="0"
alt="imagename.jpg" title="Rejqr ondqj`gjh">

Hqonk|gsire jk`qq{ j`j qbniqrb` r}c`!

B{ dnkfm{ hqonk|gnb`r| jk`qq{ j`j qbniqrb` r}cnb, j jnrnp{l B{ unrhre ophlemhr| hu, hm`we nmh me asdsr p`anr`r| dnkfm{l nap`gnl. ]rn ngm`w`er, wrn B{ dnkfm{ hqonk|gnb`r| qhmr`jqhq img.image-toggle {} dk rncn, wrna{ nopedekhr| qrhkh dk b`xhu oepejk~w`rekei hgnap`femh, h a.inline-toggle {} h a.dropdown-toggle {} dk rncn, wrna{ nopedekhr| qrhkh dk b`xhu qq{knj oepejk~w`rek rejqr`.

Ophlep nopedekemhi jk`qq` CSS qrhk dk oepejk~w`rekei:

Qkeds~yhi ophlep onj`g{b`er B`l, j`j tnpl`rhpnb`r| b`xh oepejk~w`rekh qq{kjh h hgnap`femh q nopedekemhel qrhk CSS, hqonk|gs sonlmsr{e b{xe hlem` jk`qq`. Nopedekemhl qrhk onj`g`m{ bqr`bkemm{lh b qr`md`prm{i x`aknm HTML dk qrp`mhv p`gdek`.

Ophlep nopedekemh qrhk:

Qrhkh oepejk~w`rek onj`g`m{ qhmhl, dpsche nopedekemh qrhk - dk dpschu rhonb choepqq{knj b qop`bje. Ql. psjnbndqrbn m` Tnpsle onk|gnb`rekei Help & Manual dk ank|xecn jnkhweqrb` der`kei. Eqkh B{ me sw`qrmhj, B{ dnkfm{ asdere g`pechqrphpnb`r|q m` tnpsle dk dnqrso` (}rn aeqok`rmn h aeg nag`rek|qrb`).

Rhonb{e nopedekemh CSS dk oepejk~w`rekei

<%DOCTYPE%>

<html>

<head>

  <title><%TOPIC_TITLE%></title>

  <meta name="generator" content="Help &amp; Manual" />

  <meta name="keywords" content="<%TOPIC_KEYWORDS%>" />

  <meta http-equiv="Content-Type" content="text/html; charset=<%DOCCHARSET%>" />

  <meta http-equiv="Content-Style-Type" content="text/css" />

  <link type="text/css" href="<%STYLESHEET%>" rel="stylesheet" />

 

<style type="text/css">

<!-- ]rn qrhkh na{wm{u choepqq{knj-->

a { color: #0000FF; text-decoration: none }

a:visited {color: #0000FF }

a:hover {color: #E4641C; text-decoration: underline }

a.weblink {color: #0000FF; text-decoration: underline }

a.weblink:visited {color: #0000FF}

a.weblink:hover {color: #E4641C }

a.popuplink {color: #FF0000; text-decoration: none}

a.popuplink:visited {color: #FF0000}

a.popuplink:hover {color: #FF0000; text-decoration: underline}

a.filelink {color: #04BC14; text-decoration: none}

a.filelink:visited {color: #04BC14}

a.filelink:hover {color: #04BC14; text-decoration: underline}

<!-- ]rn qrhkh oepejk~w`rekei-->

a.dropdown-toggle {color: Navy; text-decoration: none;  font-weight: bold;  font-family: "Times New  Roman", Times, serif; }

a.dropdown-toggle:visited {color: Navy; }

a.dropdown-toggle:hover {text-decoration: underline}

a.inline-toggle {color: Green; text-decoration: none;  font-weight: bold;  font-family: "Times New Roman", Times, serif;  }

a.inline-toggle:visited {color: Green; }

a.inline-toggle:hover {text-decoration: underline}

img.image-toggle { border: 2px; border-color: red; border-style: solid;}

</style>  

 

 

</head>

<body style="margin: 0px 0px 0px 0px; background: <%TOPIC_TEXT_BGCOLOR%>;">

....

Ql. r`jfe:

Psjnbndqrbn m` Onk|gnb`rek|qjnl tnpsle

Hqonk|gnb`mhe x`aknmnb HTML

N x`aknm`u HTML