eksperymenty z internetem, blogami, bloxem, javascriptem, firefoxem czy różnymi użytecznymi programami czy narzędziami, tak okołoinformatycznie tudzież okołokomputerowo...
Blog > Komentarze do wpisu

mała poprawka css do nowego komentowania

Zanim skończę pełny wpis na temat nowego systemu komentarzy na bloksie (zadowolony z niego nie jestem), napiszę o ostylowaniu dodatkowego elementu, który się pojawił, a o którym administratorzy we wdrożeniu jeszcze nie wspomnieli (a przynajmniej ja nigdzie nie widziałem).

blox link skomentuj CSS

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!

del.icio.us icon, ,
środa, 20 lutego 2008, sgk

Polecane wpisy

  • usunięcie pomarańczowej "belki promocyjnej" bloxa

    Dziś rano na moich blogach zaskoczył mnie ( i nie tylko mnie ) taki widok: Nie mam pojęcia co to za pomysł, bo zapowiedzi administratorów nigdzie nie widziałem.

  • permalinki do komentarzy na blox.pl (user.js)

    W czasie gdy debergerac udoskonala swój skrypt do awatarów osób komentujących na blox.pl (ostatnio dodał awatary z blip.pl ) ja postanowiłem zająć się czymś, c

  • takie prace warto propagować

    Mimo, że kilka dni temu zrobiłem już o tym wzmiankę w minizapiskach , ale wciąż jestem pod wielkim wrażeniem graficznej doskonałości nowego projektu SenTineLa

TrackBack
TrackBack w tym blogu jest moderowany. TrackBack URL do wpisu:
Komentarze
2008/02/20 14:22:39
Dziękuję, od razu skorzystałam :)
-
coolcats
2008/02/20 14:32:09
a mi nie wiem dlaczego nie chce zadziałać rozmiar czcionki. Może to być ustawione jakoś dla całego bloga? Jak to zmienić?
-
sgk
2008/02/20 14:42:52
@dorotus
A proszę - w międzyczasie zobaczyłem, że ten link pojawia się w dwóch miejscach: przed i po listą komentarzy do notki...

@coolcats
Coś masz namieszane w szablonie i nie mam czasu tego analizować.
Teraz pomoże Ci taki wpis:
.SkomentujDodajKomentarzLink a {font-size: 15px !important;}
-
lavinka
2008/02/20 14:45:30
O, przetestowałam na moim martwym bloxie :) Uwielbiam testować takie nowinki. Polecam się wtej kwestii na przyszłość. Ten blox właściwie służy wyłącznie do testów :)
-
coolcats
2008/02/20 15:02:35
@sgk dzięki, działa ^^
-
kate_mac
2008/02/20 15:08:58
taa i teraz zastanawiam się co zrobić aby napis pasował do szablonu i jednocześnie wystarczająco się wyróżniał aby go zauważyć
i chyba najlepiej zrobić tak jak Ty - wyrównać do prawej i powiększyć
już wczoraj podejrzałam sobie w źródle strony nazwę selektora i nie mam pojęcia kto wpadł na pomysł tej nazwy - szczególnie ten link na końcu na sens
ale jest jak jest i niech tak zostanie
-
2008/02/20 16:18:22
To nawet lepiej. Lepiej raz za dużo niż dwa razy za mało ;)
Ważne ze przekierowuje na stronę własciwą.
-
ania_odense
2008/02/20 16:41:13
dzieki :) wrzucilam i od razu lepiej wyglada :)
-
cartoonks
2008/02/20 18:10:29
skorzystałam i działa :-)
-
bartoszewsky
2008/02/20 19:57:23
Oczywiście skorzystałem. Wielkie dzięki.
-
warszawa78
2008/02/21 13:03:41
Dolny przycisk "Skomentuj" znów się zrobił malutki, tylko górny jest duży - Sgk, ratuj!
-
sgk
2008/02/21 13:11:55
@warszawa78
Tak na szybko: administratorzy nadali obu przyciskom inne nazwy klas i ten pod spodem nazywa się .SkomentujDodajKomentarzLinkPodLista
Trzeba powielić dla niego wpisy, analogicznie do tych opisanych.
Zaraz zrobię ładną aktualizację w notce.

PS.
Formatowanie w komentarzu się przydało :)
-
warszawa78
2008/02/21 13:24:32
Dzięki! Już sobie poprawiłem, działa.
-
sgk
2008/02/21 13:26:18
A ja już zdążyłem dopisać aktualizację w notce ;)
-
2008/02/21 14:03:39
Normalnie, jak mnie ci administratorzy zdenerwowali teraz, wrrr... Ile jeszcze będą zmieniac?
-
sgk
2008/02/21 21:20:11
Na szczęście zmieniają na lepsze ;)
-
2008/02/26 01:38:29
Dziękuję, skorzystałam.
-
2008/02/26 03:49:16
Za późno skorzystałam, bo link i tak już dodany przez administratorów, będę jednak korzystać z tego zapisu w CSS, lepiej wygląda niż ten narzucony z góry bloxowiczom i tak niezadowolonym.
bloxowe porady

RSS


dodaj do netvibes

Add to Google


pobierz Spiceworks - darmowe oprogramowanie do zarządzania infrastrukturą IT