Keresés a blogban

2009. december 6.

A read more módosítása - Szöveg helyett kép


A read more beszúrásáról itt olvashatsz. Ez a kódrészlet a Tovább... szót jeleníti meg a read more helyén. Könnyen átírhatod más szöveggé, vagy betehetsz képet is a szöveg helyett. Ehhez a kódrészletben a piros színű részt kell módosítanod.

A Tovább... helyett bármit begépelhetsz, pl. Folytatás >>  vagy ami neked tetszik.

Van, aki egy szép tovább gombot készít, vagy tölt le, és azt szeretné, ha a szöveg helyett ez jelenne meg, s megnyomásával jutnánk el a teljes bejegyzéshez. Ez is lehetséges.
  1. Töltsd le vagy készítsd el a gombot, mentsd el arra a tárhelyre, ahol a bloghoz tartozó dolgaidat tartod. A kép elnevezésekor nem használhatsz nagybetűt, szóközt, ékezetes karaktereket.
  2. Jegyezd fel a kép elérési útját (URL)
  3. A kódban a piros színű Tovább... szó helyett szúrjuk be a következőt:
  4. <img border='0' bordercolor='white' 
    src='http://akepeleresiutja'/>
  5. Amit kapsz, így fog kinézni:
  6. <b:if cond='data:post.hasJumpLink'> 
    <div class='jump-link'> 
    <a expr:href='data:post.url + "#more"'>
    <img border='0' bordercolor='white' 
    src='http://akepeleresiutja'/></a> 
    </div> 
    </b:if>
    

Ha a blogodban elhelyezett képek be vannak keretezve, akkor ez a képecske is keretet fog kapni. Ezt így tüntetheted el:

Keresd meg a kódban ezt a sort:
]]></b:skin>
Közvetlenül ELÉ írd be ezt:
.jump-link img { border: none;}

Ha tetszett és segített neked ez a poszt, kérlek lájkold ezt az oldalunkat is:
LÁJKOLOM
Köszönöm. Wise Lady

5 megjegyzés:

Lilianyja írta... [Válasz erre...]

Szia! Ezzel kapcsolatban 2 kérdésem lenne:1-hogyan lehetne középre vagy jobbra rendezni a képet?
2:a keretet hogy tüntetehetem el róla? Mármint azt, ami akkor látszik csak, mikor rákattintok. Az " Apróság: keret nélküli linkek" írásod nem segített.KÖSZI!

Wise Lady írta... [Válasz erre...]

]]></b:skin> elé szúrd be:

.jump-link {text-align: center;}

ez középre fogja igazítani

.jump-link {text-align: right;}

ez jobbra.

A keret levételről pedig ennek a cikknek a végén szó van.

Lilianyja írta... [Válasz erre...]

Na, az igazítás az működik, köszi!
De az a szürke pöttyös keret még mindig előbukkan, ha rákattintok a linket tartalmazó képre :-(((
Amúgy a képeim kereteit, az elválasztókat, mindenhol a "border 1px"-ek 0 px-re való átírogatásával tüntettem el. Nem lehet, hogy ez zavar be? Vagy ez hülyeség?

Wise Lady írta... [Válasz erre...]

Ügyes vagy!
Ja, arra a keretre gondolsz. Azt így:
.jump-link img { border: none;}
a img {outline: none;}

Lilianyja írta... [Válasz erre...]

Nem megy...feladom :-((

Megjegyzés küldése

Text Widget

Magyar nyelvű Blogger helpblog

-