2015.05.08. 17:16, Enma22
Ebben a cikkben mindjrt kett kdot is kzlk veletek, amiket hasznlat utn magatok is lthattok a forrskd segtsgvel, csak akkor mg html formban. Neknk ugye CSS kell, ahhoz, hogy mind ugyan gy nzzen ki, ha hasznlod.
Plda van rjuk a babs oldalamon!
hr { /* elvlasztvonal */
}
blockquote { /* idzet */
}
Ja s ha mr ezzel gy foglalkozom, akkor akr mind mshogy nzhet ki, ha nem srn hasznlod ket:
<hr class="proba">
.proba {
}
<blockquote class="proba2">
.proba2 {
}
Ezeket a mr ismertetett mdon hasznlhatod.
Az elvlasztvonal a tblzat mellett tallhat kis gomb ugye, aki sokat hasznlta mr a szvegbeviteli felletet, taln ezt is hasznlta mr.
Ha nem, akkor most mr tudja hol keresse.
Ez is ugyan gy formzhat sznileg, mretileg, httr, keret adhat neki. Szveggel itt nem foglalkozunk. Nem csak magassgot, de szlessget is lehet rajta lltani, valamint, hogy hol helyezkedjen el.
Itt az n kdom a babaoldalrl, ltni ott lehet:
hr {
border: 0px solid;
background: #F1DFE5 center;
height: 10px;
}
Httrnek ugyan gy lehet kpet is megadni, s akkor az ltszik, nem szn. Ha szlessget nem adtok meg, akkor akkora lesz, amekkora az oldalad, ha adsz meg, akkor kisebb, nagyobbra nem rdemes ugye.
Az idzet blokk gombja ez a jelecske: "
Ez szerintem nagyon egyrtelm. Itt mr foglalkozni kell a szveggel is, hiszen rst rakunk az idzjelek kz. rdemes szlessget megadni, mert nlam pl. nagyon keskeny volt eredetileg, gy bele kellett ezt a sort is vennem.
Itt az n kdom, idzetet a Pajzsmirigyes cikkben talltok 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 rdngssg, az alap kdok megvannak az oldalon, ezt csak be kell illeszteni a CSS kdodba, olyan formtumban, ahogy nektek tetszik.