Korzystając ze wzoru poniżej możemy zmienić każdy dowolny odnośnik jeżeli znamy jego odpowiednią nazwę, które są również podane na dole.
Wzór
X:after { content: url(Y); visibility:visible; } X { font-size: 0px;visibility:hidden; }
Pod X podstawiamy odpowiednią nazwę ( lista na dole - wg. kolejności od lewej do prawej ).
Gdzie Y podstawiamy obrazek jaki chcemy zamiast tego odnośnika.
Lista pierwsza ( Mono, wyśrodkowanie, w prawo itd. )
a#mono.tool_btn a#center.tool_btn a#right.tool_btn a#code.tool_btn a#size.dropdown a#img.dropdown a#list.dropdown a#spoiler.tool_btn
Lista druga ( Pogrubienie, pochylenie, podkreślenie itd. )
a#bold.tool_btn a#italic.tool_btn a#underline.tool_btn a#strikeout.tool_btn a#url.tool_btn a#mail.tool_btn a#code.tool_btn a#quote.tool_btn a#bold.tool_btn a#color.dropdown a#smiley.dropdown a#hide.tool_btn a#dectxt.tool_btn a#inctxt.tool_btn
Offline
Użytkownik
Ale jest jeden mały błąd. Po kliknięciu w odnośniki, które mają wysuwane menu np. emotikony wtedy zamienia odnośniki na standardowy(Buźki).
Offline
Użytkownik
Masz już może na to jakiś pomysł?
Offline
Użytkownik
I jak zmniejszyć odstęp między tymi odnośnikami?
Offline
Użytkownik
Przez te duże odstępy tak wygląda teraz
Offline
Przede wszystkim proszę nie spamować 3 postami pod rząd - pamiętam by to zrobić ale nie miałem czasu jak zwyczajny człowiek, który chodzi do szkoły. Na początek proszę na PW podesłać adres forum bym mógł zobaczyć dokładnie jak wygląda to wysuwanie i kod odstępu - na sucho nie da się pracować.
P.S - na odstęp
#bbcode_adv.toolbar a {padding: 0px 0px;margin: 0px 0px 0px 0px;} #bbcode.toolbar a {padding: 0px 0px;margin: 0px 0px 0px 0px;}
Offline
Użytkownik
Ale za to nadal jest problem z rozmieszczeniem ikon, a zmniejszenie odstępu podanym kodem przez Cb nie działa na wszystkie ikony. Może da się to jeszcze jakoś poprawić w CSS, czy trzeba zmniejszać ikony?
Offline