Hogyan tudok a blogomhoz 'olvass tovább gombot' készíteni? Bővebben a leírásban.
Van egy blogom, és szeretnék készíteni hozzá egy 'olvass tovább gombot', vagy ahogy angolul mondják read more buttont, ami akkor szerepel egy adott bejegyzésben, ha a szöveg csak egy része látható, és kattintani kell, hogy el tudjuk olvasni az egészet.
Mutatok egy példát is, erről lenne szó: [link]
Alapjáraton ugyanis így néz ki ez a megoldás a Blogger felületén: [link]
A baj csak az, hogy nem értek annyira a HTML kódokhoz és a blogszerkesztéshez, a blogom sablonja is egyszerű, nem is vágyok semmi különlegesre, csak egy ilyen gombot szeretnék.
válasza: válasza:*gomb (hoppá, elírtam)
Ne haragudj, de az oldalamat nem szeretném belinkelni.
válasza: válasza: válasza:Sajna nem találok olyan blogot, ahol élőben megnézhetném ezt, de akkor leírom nagyjából a megoldást.
Ehhez nem HTML kell, hanem CSS:
Meg kell nézned, hogy Read More linknek milyen az osztálya. Jobb klikk rajta -> elem vizsgálata. Ott látni fogod. Most a példakódban legyen mondjuk readmore:
--------------------------------
.readmore /*gomb*/ {
display: inline-block;
background: #000000; /*háttérszín*/
color: #ffffff; /*szövegszín*/
padding: 5px; /*szöveg eltolódása a gomb széleitől*/
}
.readmore:hover /*gomb, ha ráviszed az egeret*/ {
background: #ffffff; /*háttérszín*/
color: #000000; /*szövegszín*/
}
-------------------------
HTML-ben style tag-be kell beilleszteni:
<style type="text/css">
/*kód*/
</style>
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!