Dobozban szöveg
Szöveg Szöveg Szöveg Szöveg Szöveg Szöveg Szöveg Szöveg Szöveg Szöveg Szöveg Szöveg Szöveg Szöveg Szöveg Szöveg
Ezzel írhatsz a fejlécképedre, vagy bárhol máshol az oldaladon
A szöveg elé, amit a dobozba írsz, illeszd be:
<div class="doboz">
A szöveg után pedig:
<div class="doboz">
Ezt pedig tedd bele az oldalad stílus kódjába:
Ha van ilyen, ha nincs, akkor használd a második kódot!
div.doboz {
width: 250px; a doboz szélessége
height: 50px; a doboz magassága
border: 1px dotted black; a doboz kerete
background-color: red; a doboz háttérszíne
background-image: url(//tweedle-dee.gportal.hu/portal/tweedle-dee/image/1346110866.jpg); a doboz háttérképe
color: white; a dobozban lévő betűk színe
position: absolute;
top: 410px; a doboz távolsága az oldal tetejétől
bottom: 410px; a doboz távolsága az oldal aljától
left: 20px; a doboz távolsága az oldal bal oldalától
right: 20px; a doboz távolsága az oldal jobb oldalától
}
Ha még nincs stílus lapod:
<style type="text/css">
<!--
div.doboz {
width: 250px; a doboz szélessége
height: 50px; a doboz magassága
border: 1px dotted black; a doboz kerete
background-color: red; a doboz háttérszíne
background-image: url(//tweedle-dee.gportal.hu/portal/tweedle-dee/image/1346110866.jpg); a doboz háttérképe
color: white; a dobozban lévő betűk színe
position: absolute;
top: 410px; a doboz távolsága az oldal tetejétől
bottom: 410px; a doboz távolsága az oldal aljától
left: 20px; a doboz távolsága az oldal bal oldalától
right: 20px; a doboz távolsága az oldal jobb oldalától
}
-->
</style>
A fenti kódból opcionálisan bármelyik sor kihagyható. Ha már van egy kódod, ami a betűszíneket állítja, hagyd ki eből a betűszínt, és a másik lesz érvényes erre is!
Ne használd egyszerre a háttér-színt és a háttér-képet! Az egyik elég, mindkettő úgyse látszik egyszerre.
|