Deci, pentru a face link-urile într-un fel diferit de oricine altcineva din blog, vom folosi CSS. Pentru aceasta, specificați în prealabil clasa de referință din setările SAPE. Să presupunem că este clasa = "sape". De exemplu, luați acest blog.
În timp ce avem două stiluri de bază ale legăturilor - simple și mai vizibile.
Acum, toate legăturile contextuale vor fi evidențiate în albastru, ceea ce nu este bun. Deschideți foaia de stil a temei noastre și adăugați-o:
#content A # 123;
Iată o descriere a stilului pentru linkurile din SAPE
# 125;
Trebuie doar să verificați ce id are stratul (div) la care este introdusă intrarea în blog. Dacă scrieți doar A.sape. atunci acest stil va fi pentru toate legăturile - atât bloc cât și context. Lucrăm doar cu cele contextuale, deci adăugați ID-ul stratului.
Nu știu dacă regulile SAPE sunt încălcate în acest fel. în orice caz, acest lucru nu este în întregime corect și etic, chiar dacă astfel de legături sunt doar pentru motoarele de căutare. Stilul însuși în acest caz va arăta astfel:
#content A # 123;
culoare. # 666666;
text-decor. nici unul;
# 125;
Este destul de ușor să faci asta. Alternativ, puteți utiliza etichete . Ie după fiecare legătură, introduceți următorul cod:
[AD]
Dacă doriți, stilul poate fi pus în foaia de stil generală CSS a temei noastre. Codul în sine poate fi adăugat utilizând plugin-ul meu. Va arăta așa.
Dacă se observă, cuvântul [AD] este ușor neclar. Acest lucru se datorează faptului că dimensiunea fontului este prea mică. Și nu merită să fie mai mare, va distrage atenția și liniile se vor întinde din cauza înălțimii inegale. Prin urmare, în loc de text, puteți utiliza imaginea ca imagine de fundal. Va fi așa.
În acest caz, stilul nostru va arăta astfel:
#content A # 123;
culoare. # 666666;
text-decor. subliniază;
background-image. URL- # 40; '/images/sape.gif' # 41; ;
background-position. 100% 80%;
fundal repeta. fără repetare;
-Padding dreapta. 32px;
# 125;
Aici pentru fiecare site va trebui să redați valorile poziției de fundal și ale umpluturii. Primul parametru determină localizarea imaginii - în cazul nostru, aceasta este marginea dreaptă (100%), iar marginea inferioară este de 80%. Optimă, desigur, valoarea este 100% 100% (în colțul din dreapta sus) - dar în același timp, partea superioară a imaginii este tăiată. Parametrul de umplere-dreapta specifică indentarea textului de legătură din marginea dreaptă - este necesar ca imaginile și textul de legătură să nu se suprapună. Valoarea depinde de lățimea imaginii cu textul [AD]. ar trebui să fie puțin mai mare.
Vă recomand, de asemenea, să citiți:
Trimiteți-le prietenilor: