experymenty

W miejscu, w którym do tej pory był formularz do komentowania pojawił się link prowadzący do nowej strony komentarzowej. Jest umieszczony tak, że zupełnie się nie wyróżnia. Aby to zmienić należy w arkuszu CSS dodać odpowiednie fragmenty kodu (przykładowy kod pochodzi z mojego szablonu, można to sobie dowolnie dopasować):

Pozycjonujący blok zawierający link "skomentuj >" (tu dodałem marginesy, zwiększyłem czcionkę, pogrubiłem i wyrównałem do prawej)

.SkomentujDodajKomentarzLink {
 margin: 15px;
 margin-top: 30px;
 text-align: right;
 font-size: 20px;
 font-weight: bold;
}

Opcjonalnie atrybuty dla samego linku (kolor, podkreślenie, itp.)

.SkomentujDodajKomentarzLink a {color:#b62a44;}
.SkomentujDodajKomentarzLink a:hover {}

Swoją drogą dość długaśna nazwa klasy - a limit na arkusz CSS też jest ;)

Wpisy najszybciej dodać na końcu arkusza CSS, choć najlepiej wyszukać odpowienie miejsca (czyli inne wpisy odnośnie sekcji komentarzy) i dla porządku wstawić je tam.

PS.
Miałem już napisany tekst jak usprawnić nieco linki komentarzowe na stronie głównej, ale admini byli szybsi i one już są poprawione na lepsze (choć pewnie jeszcze trochę uwag użytkowników się pojawi).

aktualizacja z 2008.02.21

Administratorzy dodali dwa linki: jeden między treścią notki a listą komentarzy, a drugi pod komentarzami (zamiast formularza). Nadali im oddzielne nazwy klas CSS. Ten górny jest taki jak opisany powyżej, ten dolny nazywa się .SkomentujDodajKomentarzLinkPodLista.
Jeżeli chcecie, żeby wyglądały jednakowo, to trzeba poprawić powyższe wpisy na takie:

.SkomentujDodajKomentarzLink, .SkomentujDodajKomentarzLinkPodLista {
 margin: 15px;
 margin-top: 30px;
 text-align: right;
 font-size: 20px;
 font-weight: bold;
}

.SkomentujDodajKomentarzLink a, .SkomentujDodajKomentarzLinkPodLista a {color:#b62a44;}
.SkomentujDodajKomentarzLink a:hover, .SkomentujDodajKomentarzLinkPodLista a:hover {}

Jeżeli mają wyglądać inaczej, to trzeba powielić wpisy z początku notki dla tego drugiego linku i wtedy w każdym z nich można wpisać coś odmiennego (albo jeden z nich schować).
A nazwy klas są teraz potwornie długaśne!

blox, css, porady