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.
- 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.
- Jegyezd fel a kép elérési útját (URL)
- A kódban a piros színű Tovább... szó helyett szúrjuk be a következőt:
- Amit kapsz, így fog kinézni:
<img border='0' bordercolor='white'
src='http://akepeleresiutja'/><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:
Közvetlenül ELÉ írd be ezt:]]></b:skin>
.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:
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!
]]></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.
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?
Ügyes vagy!
Ja, arra a keretre gondolsz. Azt így:
.jump-link img { border: none;}
a img {outline: none;}
Nem megy...feladom :-((
Megjegyzés küldése