Erről már régebb óta szerettem volna írni egy segítséget, és most végre el is érkeztem oda, hogy megtegyem. Tehát, most az idézetblokkról lesz egy kis ismertető. Mit is értek idézetblokk alatt? Nálam ez a dolog így néz ki:

 

Minta idézet

Az idézetblokkot a HTML kódodban tudod beszúrni. Ha vizuális szerkesztőt használsz, akkor biztos van ilyen gombod is (idézetjeles) de a HTML kódodban is be tudod illeszteni az idézett szövegnek szánt részt közrezárva:

<blockquote>
...idézet...
</blockquote>

A CSS-edben természetesen az idézetblokkodat megformálva különböző stílusokat adhatsz neki, de ez már csak a te kreativitásodon múlik. A következőképpen formálhatod a blokkodat (ez a saját kódom)

blockquote{
width: 90%; /*blokk szélessége*/
background: url(images/linkeskep01.png); /*háttér*/
background-position: bottom left; /*háttér elhelyezkedése*/
padding: 10px; /*paddingja*/
margin: 5px;/*blokk távolsága a többi tartalomtól*/
color: #ffffff; /*szövegszín*/
font-family: courier; /*betűtípus*/
-moz-border-radius: 25px; /*lekerekítettség*/
-webkit-border-radius: 25px; /*lekerekítettség*/
}

 


Kérdésed van? Írj bátran!









Hozzászólásod csak jóváhagyás után fog megjelenni.

Ellenőrző kód *