2015.05.08. 17:16, Enma22
Ebben a cikkben mindjárt kettő kódot is közlök veletek, amiket használat után magatok is láthattok a forráskód segítségével, csak akkor még html formában. Nekünk ugye CSS kell, ahhoz, hogy mind ugyan úgy nézzen ki, ha használod.
Példa van rájuk a babás oldalamon!
hr { /* elválasztóvonal */
}
blockquote { /* idézet */
}
Ja és ha már ezzel így foglalkozom, akkor akár mind máshogy nézhet ki, ha nem sűrűn használod őket:
<hr class="proba">
.proba {
}
<blockquote class="proba2">
.proba2 {
}
Ezeket a már ismertetett módon használhatod.
Az elválasztóvonal a táblázat mellett található kis gomb ugye, aki sokat használta már a szövegbeviteli felületet, talán ezt is használta már.
Ha nem, akkor most már tudja hol keresse.
Ez is ugyan úgy formázható színileg, méretileg, háttér, keret adható neki. Szöveggel itt nem foglalkozunk. Nem csak magasságot, de szélességet is lehet rajta állítani, valamint, hogy hol helyezkedjen el.
Itt az én kódom a babaoldalról, látni ott lehet:
hr {
border: 0px solid;
background: #F1DFE5 center;
height: 10px;
}
Háttérnek ugyan úgy lehet képet is megadni, és akkor az látszik, nem szín. Ha szélességet nem adtok meg, akkor akkora lesz, amekkora az oldalad, ha adsz meg, akkor kisebb, nagyobbra nem érdemes ugye.
Az idézet blokk gombja ez a jelecske: "
Ez szerintem nagyon egyértelmű. Itt már foglalkozni kell a szöveggel is, hiszen írást rakunk az idézőjelek közé. Érdemes szélességet megadni, mert nálam pl. nagyon keskeny volt eredetileg, így bele kellett ezt a sort is vennem.
Itt az én kódom, idézetet a Pajzsmirigyes cikkben találtok a baba oldalamon.
blockquote {
background-color: #F1DFE5;
font-family: georgia;
font-size: 13px;
color: #000000;
text-shadow: #ffffff 1px 1px 1px;
padding: 10px;
-moz-border-radius: 0em 1em 1em 0em; /* firefox */
-webkit-border-radius: 0em 1em 1em 0em; /* chrome */
border-radius: 0em 1em 1em 0em; /* opera */
border-left: 7px #4C79B0 solid;
width: 350px;
}
Szerintem nem egy ördöngősség, az alap kódok megvannak az oldalon, ezt csak be kell illeszteni a CSS kódodba, olyan formátumban, ahogy nektek tetszik.
AJÁNLOM AZ OLDALT
Súgó
Új hozzászólás
Frissítés
Friss bejegyzések
Friss hozzászólások
Archívum