poniedziałek, 26 listopada 2012

Jak umieścić tekst w ramce w poście? Użycie "fieldset"

W celu utworzenia zmian w treści posta - musimy edytować HTML tego posta. W jaki sposób to zrobić?
Podczas pisania posta wchodzimy w HTML, tam też wklejamy wybrany kod, następnie przechodzimy do normalnego widoku klikając w "Nowy post"




1. Umieszczanie tekstu w zwykłej ramce - linia prosta.

TU WPISZ TEKST

kod:
<fieldset style="border: 2px solid; padding: 3;"> TU WPISZ TEKST </fieldset>

2. Umieszczanie tekstu w ramce - linia kropkowana

TU WPISZ TEKST

kod:

<fieldset style="border: 2px dotted; padding: 3;">TU WPISZ TEKST </fieldset>


3. Umieszczanie tekstu w ramce - linia przerywana

TU WPISZ TEKST

kod:

<fieldset style="border: 2px dashed; padding: 3;">TU WPISZ TEKST </fieldset>



W obu powyższych przypadkach występuje słowo border: 1px oznaczające obramowanie i jej grubość oraz padding: 3 oznacza tutaj margines od ramki.

Można także użyć innych parametrów ramki m.in.
background-color: #cccccc - kolor tła ramki gdzie #cccccc to kolor z HTML
można również po kodzie:
border: 1px dotted dodać określony kolor np #cccccc - oznacza to kolor samego obramowania

Czyli jeżeli chcemy na przykład ramkę w kolorze zielonym (#00cc00) a tło ramki w żółtym (#ffff33), ramka kropkowana kod będzie wyglądał tak:



<fieldset style="background-color: #ffff33; border: 2px dotted #00cc00; padding: 3;">
TU WPISZ TEKST </fieldset>

Zarabiaj na sprzedaży książek!